/* ==================================================
   POKE4EVER - CSS COMPLETO
   Vecchia tipografia + nuova palette grafica
   ================================================== */


/* ==========================================
   1. TIPOGRAFIA GENERALE
   ========================================== */

html {
    font-size: 62.5%;
}

body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: "PT Serif", Verdana, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.75;
}

h1,
h2,
.widgettitle,
.widget-title,
.comments-title,
#reply-title,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 1.5;
    margin: 1.13636% 0 0.50505%;
    overflow-wrap: break-word;
}

h1 a,
h2 a,
.widgettitle a,
.widget-title a,
.comments-title a,
#reply-title a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none !important;
}

h1 {
    color: #444444;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.25;
}

h2,
.widgettitle,
.widget-title,
.widget-title label,
.comments-title,
#reply-title {
    color: #444444;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
}

h3 {
    color: #444444;
    font-size: 28px;
    font-weight: 300;
}

h4 {
    color: #444444;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
}

h5 {
    color: #444444;
    font-size: 19px;
    font-weight: 400;
}

h6 {
    color: #444444;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

p {
    margin-bottom: 1.5em;
}

.emphasis {
    color: #666666;
    font-size: 1.25em;
    font-style: italic;
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #EEEEEE;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 0.85em;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 0.85em;
}

abbr,
acronym {
    border-bottom: 1px dotted #666666;
    cursor: help;
}

mark,
ins {
    background: #FFF9C0;
    text-decoration: none;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}


/* ==========================================
   2. IMMAGINI E CONTENUTI
   ========================================== */

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

img.size-full,
img.size-large {
    display: block;
    margin-bottom: 16px;
    margin-top: 16px;
}

img.alignnone,
.wp-caption.alignnone img:not(.wp-smiley) {
    display: block;
}

img.alignright,
img.alignleft,
.wp-caption.alignleft img,
.wp-caption.alignright img {
    margin-top: 0;
}

embed,
iframe,
object {
    margin-bottom: 24px;
    margin-top: 24px;
    max-width: 100%;
}

.sd-sharing-enabled iframe {
    margin: 0;
}


/* ==========================================
   3. LINK - COLORI DEL NUOVO SITO
   ========================================== */

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none !important;
}

a:link,
a:visited {
    color: #25BFAE;
}

a:hover,
a:active,
a:focus {
    color: #199F92;
}

.entry-content a,
.page-content a,
.comment-content a,
.p4e-single-content a {
    color: #25BFAE;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.entry-content a:hover,
.entry-content a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.p4e-single-content a:hover,
.p4e-single-content a:focus {
    color: #199F92;
    text-decoration: none !important;
}


/* ==========================================
   4. BARRA SUPERIORE
   ========================================== */

#masthead {
    background-color: #25BFAE;
}

#masthead .inside-header {
    padding: 20px 30px;
}


/* ==========================================
   5. MENU PRINCIPALE
   ========================================== */

.main-navigation {
    background-color: #25BFAE;
}

.main-navigation .main-nav > ul > li > a {
    color: #FFFFFF !important;
    font-weight: 700;
    padding-left: 35px !important;
    padding-right: 35px !important;
    text-decoration: none !important;
}

.main-navigation .main-nav > ul > li:hover > a,
.main-navigation .main-nav > ul > li:focus-within > a,
.main-navigation .main-nav > ul > li.current-menu-item > a,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a,
.main-navigation .main-nav > ul > li.sfHover > a {
    color: #FFFFFF !important;
    background-color: #25BFAE;
}

.main-navigation ul ul {
    background-color: #25BFAE;
    min-width: 240px;
}

.main-navigation .main-nav ul ul li a {
    color: #FFFFFF !important;
    font-weight: 400;
    padding: 12px 16px;
    white-space: normal;
    text-decoration: none !important;
}

.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li:focus-within > a,
.main-navigation .main-nav ul ul li.current-menu-item > a,
.main-navigation .main-nav ul ul li.current-menu-ancestor > a,
.main-navigation .main-nav ul ul li.sfHover > a {
    color: #FFFFFF !important;
    background-color: #199F92;
}

/* Sottomenu di secondo livello verso sinistra */
.main-navigation .main-nav ul ul ul {
    top: 0 !important;
    left: auto !important;
    right: 100% !important;
    margin-right: 0 !important;
}

/* Rimuove le freccette */
.main-navigation .dropdown-menu-toggle {
    display: none !important;
}


/* ==========================================
   6. DISTANZA TRA MENU E SOTTOMENU
   ========================================== */

.main-navigation .main-nav > ul > li {
    position: relative;
}

.main-navigation .main-nav > ul > li > ul {
    margin-top: 20px !important;
}

/* Ponte invisibile tra voce e tendina */
.main-navigation .main-nav > ul > li > ul::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -22px;
    height: 22px;
    background: transparent;
}

/* Allineamento dei sottomenu di secondo livello */
.main-navigation .main-nav ul ul ul {
    top: 0 !important;
    left: auto !important;
    right: 100% !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
}


/* ==========================================
   7. LARGHEZZA CONTENUTI E SIDEBAR
   ========================================== */

#right-sidebar {
    display: none;
}

body.right-sidebar #primary,
body.both-right-sidebar #primary {
    width: 100%;
}

.site-content {
    display: block;
}

.separate-containers .site-main {
    margin: 0;
}


/* ==========================================
   8. SFONDO BIANCO UNIFORME
   ========================================== */

html,
body,
#page,
.site,
.site-content,
.content-area,
.site-main,
#primary,
#main,
#right-sidebar,
#left-sidebar {
    background-color: #FFFFFF !important;
}

.separate-containers .site,
.separate-containers .site-content,
.separate-containers .content-area,
.separate-containers .site-main,
.separate-containers .inside-article,
.separate-containers .widget,
.inside-article,
article,
.page-header,
.site-info {
    background-color: #FFFFFF !important;
}

.entry-content,
.page-content,
.comments-area,
.widget-area {
    background-color: #FFFFFF !important;
}

.p4e-single-article,
.p4e-single-content,
.p4e-single-header,
.p4e-related-section,
.p4e-related-card {
    background-color: #FFFFFF !important;
}

.p4e-news-section,
.p4e-news-grid,
.p4e-news-card,
.p4e-news-content {
    background-color: #FFFFFF !important;
}


/* ==========================================
   9. TABELLE - STILE COERENTE CON LE GUIDE
   Font del testo, intestazione grigia, bordo bianco
   e ombra nera sfocata al 40%
   ========================================== */

.entry-content table {
    table-layout: fixed;
    width: 100%;
    max-width: 100%;
    color: #404040;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 4px solid #FFFFFF !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: #FFFFFF !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.40) !important;
    margin: 20px 0 28px !important;
}

/* Celle: mantengono il font e la dimensione del testo della guida */
.entry-content table td {
    padding: 10px;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 400;
    color: #404040 !important;
    background-color: #FFFFFF !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 2px solid #DADADA !important;
    vertical-align: middle;
}

/* Intestazioni grigie, stesso font del testo e in grassetto */
.entry-content table th {
    padding: 10px;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 700 !important;
    color: #404040 !important;
    background-color: #DADADA !important;
    text-align: left; /* Allineamento predefinito: lascia prevalere quello impostato sulla singola intestazione */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #DADADA !important;
}

/* Tutte le celle del corpo restano sempre bianche */
.entry-content table tbody tr td,
.entry-content table tbody tr:nth-child(even) td,
.entry-content table tbody tr:nth-child(odd) td {
    background-color: #FFFFFF !important;
}

/* Ultima riga senza separatore inferiore */
.entry-content table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Immagini e sprite statici: nessun ingrandimento al passaggio del mouse */
.entry-content table td img,
.entry-content table td img:hover {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    transform: none !important;
    transition: none !important;
}


/* ==========================================
   10. GRIGLIA NEWS
   ========================================== */

.p4e-news-title {
    font-family: "Open Sans", Arial, sans-serif;
    color: #444444 !important;
}

.p4e-news-card:hover .p4e-news-title {
    color: #199F92 !important;
}

.p4e-news-date,
.p4e-related-date {
    font-family: "Open Sans", Arial, sans-serif;
    color: #199F92;
}


/* ==========================================
   11. TITOLI DEI CONTENUTI
   ========================================== */

.entry-title,
.entry-header .entry-title,
.p4e-single-title,
.p4e-news-title,
.p4e-related-title {
    color: #444444 !important;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.p4e-single-content h1,
.p4e-single-content h2,
.p4e-single-content h3,
.p4e-single-content h4,
.p4e-single-content h5,
.p4e-single-content h6 {
    color: #444444 !important;
}

.p4e-related-section .p4e-section-title {
    color: #444444 !important;
}


/* ==========================================
   12. PULSANTI SOCIAL
   Colori originali protetti dai link generali
   ========================================== */

.p4e-share-icon,
.p4e-share-icon:link,
.p4e-share-icon:visited,
.p4e-share-icon:hover,
.p4e-share-icon:active,
.p4e-share-icon:focus {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Facebook */
.p4e-share-icon.p4e-share-facebook,
.p4e-share-icon.p4e-share-facebook:link,
.p4e-share-icon.p4e-share-facebook:visited,
.p4e-share-icon.p4e-share-facebook:hover,
.p4e-share-icon.p4e-share-facebook:active,
.p4e-share-icon.p4e-share-facebook:focus {
    background-color: #1877F2 !important;
    color: #FFFFFF !important;
}

/* X */
.p4e-share-icon.p4e-share-x,
.p4e-share-icon.p4e-share-x:link,
.p4e-share-icon.p4e-share-x:visited,
.p4e-share-icon.p4e-share-x:hover,
.p4e-share-icon.p4e-share-x:active,
.p4e-share-icon.p4e-share-x:focus {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

/* WhatsApp */
.p4e-share-icon.p4e-share-whatsapp,
.p4e-share-icon.p4e-share-whatsapp:link,
.p4e-share-icon.p4e-share-whatsapp:visited,
.p4e-share-icon.p4e-share-whatsapp:hover,
.p4e-share-icon.p4e-share-whatsapp:active,
.p4e-share-icon.p4e-share-whatsapp:focus {
    background-color: #25D366 !important;
    color: #FFFFFF !important;
}

/* Copia link */
.p4e-share-icon.p4e-share-copy,
.p4e-share-icon.p4e-share-copy:link,
.p4e-share-icon.p4e-share-copy:visited,
.p4e-share-icon.p4e-share-copy:hover,
.p4e-share-icon.p4e-share-copy:active,
.p4e-share-icon.p4e-share-copy:focus {
    background-color: #EDEDED !important;
    color: #444444 !important;
}

/* Icone SVG */
.p4e-share-facebook svg,
.p4e-share-x svg,
.p4e-share-whatsapp svg {
    color: #FFFFFF !important;
    fill: currentColor !important;
}

.p4e-share-copy svg {
    color: #444444 !important;
    stroke: currentColor !important;
}

.p4e-share-icon:hover {
    opacity: 0.85;
}


/* ==========================================
   13. PULSANTE COMMENTO
   Contrasto elevato e testo leggibile
   ========================================== */

body.single-post .comment-form .submit,
body.single-post .comment-form input[type="submit"],
body.single-post .comment-form button[type="submit"],
body.single-post .comment-form #submit {
    background: #159F91 !important;
    background-color: #159F91 !important;
    color: #FFFFFF !important;
    border: 1px solid #159F91 !important;
    opacity: 1 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: pointer;
}

/* Hover */
body.single-post .comment-form .submit:hover,
body.single-post .comment-form input[type="submit"]:hover,
body.single-post .comment-form button[type="submit"]:hover,
body.single-post .comment-form #submit:hover {
    background: #117F74 !important;
    background-color: #117F74 !important;
    border-color: #117F74 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    text-decoration: none !important;
}

/* Focus */
body.single-post .comment-form .submit:focus,
body.single-post .comment-form input[type="submit"]:focus,
body.single-post .comment-form button[type="submit"]:focus,
body.single-post .comment-form #submit:focus {
    background-color: #159F91 !important;
    color: #FFFFFF !important;
    outline: 2px solid #117F74;
    outline-offset: 2px;
}

/* Pulsante disabilitato */
body.single-post .comment-form .submit:disabled,
body.single-post .comment-form input[type="submit"]:disabled,
body.single-post .comment-form #submit:disabled {
    background-color: #159F91 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}


/* ==========================================
   14. RESPONSIVE
   ========================================== */

@media (max-width: 768px) {
    body,
    button,
    input,
    select,
    textarea {
        font-size: 16px;
    }

    h1 {
        font-size: 32px;
    }

    h2,
    .widgettitle,
    .widget-title,
    .comments-title,
    #reply-title {
        font-size: 26px;
    }

    h3 {
        font-size: 23px;
    }

    h4 {
        font-size: 19px;
    }

    h5 {
        font-size: 17px;
    }

    h6 {
        font-size: 15px;
    }

    .entry-content table,
    .entry-content table th,
    .entry-content table td {
        font-size: 16px !important;
    }

    .entry-content table {
        border-width: 3px !important;
        border-radius: 8px !important;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.40) !important;
    }

    .entry-content table th {
        padding: 9px 6px !important;
    }

    .entry-content table td {
        padding: 11px 6px !important;
    }
}

/* ALLINEAMENTO INTESTAZIONI TABELLE */
.entry-content table th {
    text-align: left;
}
.entry-content table th[style*="text-align: center"],
.entry-content table th[style*="text-align:center"],
.entry-content table th.has-text-align-center,
.entry-content table th[style*="text-align: center"] *,
.entry-content table th[style*="text-align:center"] * {
    text-align: center !important;
}
.entry-content table th[style*="text-align: right"],
.entry-content table th[style*="text-align:right"],
.entry-content table th.has-text-align-right,
.entry-content table th[style*="text-align: right"] *,
.entry-content table th[style*="text-align:right"] * {
    text-align: right !important;
}
.entry-content table th[style*="text-align: left"],
.entry-content table th[style*="text-align:left"],
.entry-content table th.has-text-align-left,
.entry-content table th[style*="text-align: left"] *,
.entry-content table th[style*="text-align:left"] * {
    text-align: left !important;
}

/* IMMAGINI NELLE GUIDE: niente margini extra sulle immagini grandi */
.entry-content img.size-full,
.entry-content img.size-custom,
.entry-content img.wp-image {
    margin-bottom: 0;
    margin-top: 0;
}

/* Immagini molto piccole, usate ad esempio come icone/sprite */
.entry-content img[height]:where([height="1"], [height="2"], [height="3"], [height="4"], [height="5"], [height="6"], [height="7"], [height="8"], [height="9"], [height="10"], [height="11"], [height="12"], [height="13"], [height="14"], [height="15"], [height="16"], [height="17"], [height="18"], [height="19"], [height="20"], [height="21"], [height="22"], [height="23"], [height="24"], [height="25"], [height="26"], [height="27"], [height="28"], [height="29"], [height="30"], [height="31"], [height="32"]) {
    margin-bottom: 8px;
}

/* LENTE SEMPRE BIANCA */
.main-navigation .search-item a,
.main-navigation .search-item a:hover,
.main-navigation .search-item a:focus,
.main-navigation .gp-search-modal-trigger,
.main-navigation .gp-search-modal-trigger:hover,
.main-navigation .gp-search-modal-trigger:focus,
.main-navigation .menu-bar-item a[data-gpmodal-trigger="gp-search"],
.main-navigation .menu-bar-item a[data-gpmodal-trigger="gp-search"]:hover,
.main-navigation .menu-bar-item a[data-gpmodal-trigger="gp-search"]:focus,
.main-navigation .menu-bar-item a[data-gpmodal-trigger="gp-search"]:active {
    color: #FFFFFF !important;
}
.main-navigation .menu-bar-item a[data-gpmodal-trigger="gp-search"] svg,
.main-navigation .menu-bar-item a[data-gpmodal-trigger="gp-search"]:hover svg {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

@media (min-width: 769px) {
    #primary-menu {
        position: relative !important;
        left: -220px !important;
    }
}

/* ==========================================
   POKE4EVER - MENU MOBILE E SOTTOMENU
   Ripristina i pulsanti di apertura
   ========================================== */

@media (max-width: 768px) {

    /* Ripristina i pulsanti per aprire i sottomenu */
    .main-navigation .dropdown-menu-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center;
        justify-content: center;
        color: #FFFFFF !important;
    }

    /* Evita spazi vuoti sopra i sottomenu */
    .main-navigation .main-nav > ul > li > ul {
        margin-top: 0 !important;
    }

    /* Sottomenu adattati alla larghezza dello smartphone */
    .main-navigation .main-nav ul ul {
        min-width: 0 !important;
        width: 100%;
        box-sizing: border-box;
    }

    /* Ripristina il posizionamento dei sottomenu annidati */
    .main-navigation .main-nav ul ul ul {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        width: 100%;
    }

    /* Elimina il ponte invisibile usato nel menu desktop */
    .main-navigation .main-nav > ul > li > ul::before {
        display: none !important;
    }
}
/* =====================================================
   RIMOZIONE VECCHI PULSANTI JETPACK DALLE NOTIZIE
   ===================================================== */

/* Vecchi pulsanti di condivisione */
body.single-post .sharedaddy.sd-sharing-enabled,
body.single-post .sd-sharing,
body.single-post .sd-block.sd-social,

/* Vecchio sistema Mi piace */
body.single-post .sharedaddy.sd-like-enabled,
body.single-post .sd-like,
body.single-post .jetpack-likes-widget-wrapper,
body.single-post iframe.jetpack-likes-widget {
    display: none !important;
}
/* =====================================================
   POKÉ4EVER - RIMOZIONE VECCHIA CONDIVISIONE
   Da tutte le Pagine WordPress e dagli Articoli
   ===================================================== */

/* Vecchi pulsanti di condivisione Jetpack */
body.page .sharedaddy.sd-sharing-enabled,
body.page .sd-sharing,
body.page .sd-block.sd-social,
body.single-post .sharedaddy.sd-sharing-enabled,
body.single-post .sd-sharing,
body.single-post .sd-block.sd-social {
    display: none !important;
}

/* Vecchi moduli Mi piace Jetpack */
body.page .sharedaddy.sd-like-enabled,
body.page .sd-like,
body.page .jetpack-likes-widget-wrapper,
body.page iframe.jetpack-likes-widget,
body.single-post .sharedaddy.sd-like-enabled,
body.single-post .sd-like,
body.single-post .jetpack-likes-widget-wrapper,
body.single-post iframe.jetpack-likes-widget {
    display: none !important;
}