/*======================================================================
BLACKOUT MASTER V2
Cinema and Other Visions / Cinema e altre visioni

Versione:
2.0

Base:
OJS 3.5 Default Theme

Sviluppo grafico:
BLACKOUT Visual Identity

======================================================================*/


@media (min-width: 992px) {
    .pkp_navigation_search_wrapper a {
        margin: .357rem .5em 0;
        padding: .357rem .5em calc(.714rem - 2px);
        border-bottom: 2px solid transparent;
        /* color: #fff; */
        text-decoration: none;
    }
}

.pkp_site_nav_menu a {
    display: inline-block;
    padding: .125rem 0;
    color: #000000;
    text-decoration: none;
}

.pkp_site_nav_menu a:hover {
    display: inline-block;
    padding: .125rem 0;
    color: #8E1002;
    text-decoration: none;
}


.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    left: 0;
    margin-bottom: 20px !important;
}

.pkp_site_name .is_img img {
    display: block;
    max-height: 5.3rem;
    max-width: 100%;
    width: auto;
    height: auto;
}



/*======================================================================
01 — DESIGN SYSTEM
======================================================================*/


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');



:root {

    /*======================================================
    COLOR PALETTE
    ======================================================*/

    --blackout-red: #8E1002;

    --blackout-black: #111111;

    --blackout-text: #333333;

    --blackout-grey: #6A6A6A;

    --blackout-light: #F8F8F8;

    --blackout-border: #E5E5E5;

    --blackout-white: #FFFFFF;



    /*======================================================
    TYPOGRAPHY
    ======================================================*/

    --blackout-font: 'Inter', sans-serif;



    /*======================================================
    LAYOUT
    ======================================================*/

    --container-width: 1360px;

    --content-width: 900px;

    --sidebar-width: 320px;

    --gap: 48px;

}



/*======================================================================
02 — RESET
======================================================================*/


* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



html {

    scroll-behavior: smooth;

}



body {

    font-family: var(--blackout-font);

    font-size: 18px;

    line-height: 1.75;

    color: var(--blackout-text);

    background: #fff;

    font-weight: 400;

}



/*======================================================================
03 — TYPOGRAPHY
======================================================================*/


body,

button,

input,

textarea,

select,

table,

td,

th,

label,

li,

p,

span,

div {

    font-family: var(--blackout-font);

}



h1 {

    font-size: 52px;

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -1px;

    color: var(--blackout-black);

}



h2 {

    font-size: 36px;

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -.5px;

    color: var(--blackout-black);

}



h3 {

    font-size: 28px;

    font-weight: 700;

    color: var(--blackout-black);

}



h4 {

    font-size: 22px;

    font-weight: 700;

}



h5 {

    font-size: 18px;

    font-weight: 700;

}



h6 {

    font-size: 16px;

    font-weight: 700;

}



p {

    margin-bottom: 1.3em;

}



strong {

    font-weight: 700;

}



em {

    font-style: italic;

}



/*======================================================================
04 — LINKS
======================================================================*/


a {

    color: var(--blackout-red);

    text-decoration: none;

    transition: color .20s ease;

}



a:hover {

    color: var(--blackout-black);

}



a:focus {

    outline: none;

}



/*======================================================================
05 — IMAGES
======================================================================*/


img {

    display: block;

    max-width: 100%;

    height: auto;

}



/*======================================================================
06 — CONTAINERS
======================================================================*/


.pkp_structure_content,

.pkp_head_wrapper,

.pkp_structure_footer_wrapper {

    max-width: var(--container-width);

    margin-left: auto;

    margin-right: auto;

}



/*======================================================================
07 — DEFAULT PAGE SPACING
======================================================================*/


.pkp_structure_content {

    padding-top: 60px;

    padding-bottom: 90px;

}



/*======================================================================
08 — OJS CLEANUP
Elimina gran parte dell'aspetto "Default Theme"
======================================================================*/


.pkp_structure_head,

.pkp_structure_footer,

.pkp_navigation_primary_wrapper,

.pkp_navigation_user_wrapper,

.pkp_site_nav_menu {

    box-shadow: none;

}



.pkp_navigation_primary_wrapper,

.pkp_navigation_user_wrapper {

    border: none;

}



hr {

    display: none;

}



/*======================================================================
09 — GLOBAL TRANSITIONS
======================================================================*/


a,

button,

input {

    transition: .20s ease;

}



/*======================================================================
END OF MACRO SECTION 1
======================================================================*/



/*======================================================================
02 — HEADER
BLACKOUT MASTER CSS v3
======================================================================*/


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

.pkp_structure_head {

    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: none;
    position: relative;
    z-index: 100;

}


/*------------------------------------------------------
WRAPPER GENERALE
------------------------------------------------------*/

.pkp_head_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
}


/*------------------------------------------------------
AREA LOGO
------------------------------------------------------*/

.pkp_site_name_wrapper {

    flex: 0 0 auto;

    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    margin: 0;
    padding: 0;

    position: relative;

}


.pkp_site_name {

    margin: 0;
    padding: 0;

}


.pkp_site_name a {

    display: block;
    line-height: 0;

}


.pkp_site_name img {

    display: block;

    width: auto;
    height: auto;

    max-height: 110px;

    max-width: none;

}


/*------------------------------------------------------
AREA NAVIGAZIONE
------------------------------------------------------*/

.pkp_site_nav_menu {
    width: 100%;
    flex: 0 0 auto;
    padding-top: 0;
}


/*------------------------------------------------------
REGISTER / LOGIN
------------------------------------------------------*/

.pkp_navigation_user_wrapper {

    width: 100%;

    display: flex;

    justify-content: flex-end;

    margin: 0;
    padding: 0;

}

.pkp_navigation_user {

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 32px;

    margin: 0;
    padding: 0;

    list-style: none;

}


.pkp_navigation_user li {

    margin: 0;
    padding: 0;

}


.pkp_navigation_user a {

    display: block;

    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: .05em;

    color: #8E1002;
    text-decoration: none;

    transition: color .25s ease;

}


.pkp_navigation_user a:hover {

    color: #111;

}



/*------------------------------------------------------
MENU PRINCIPALE
------------------------------------------------------*/

.pkp_navigation_primary_row {

    width: 100%;

    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.pkp_navigation_primary_wrapper {

    width: 100%;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 32px;

}


.pkp_navigation_primary {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: flex-start;

    align-items: center;

    gap: 34px;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;

}

.pkp_navigation_primary>li {

    display: inline-flex;

    align-items: center;

    flex: 0 0 auto;

    white-space: nowrap;

}


.pkp_navigation_primary>li>a {

    display: block;

    font-family: Inter, sans-serif;
    font-size: 15px;
    font-weight: 600;

    line-height: 1;

    text-transform: uppercase;
    letter-spacing: .04em;

    color: #8E1002;
    text-decoration: none;

    transition: color .25s ease;

}


.pkp_navigation_primary>li>a:hover {

    color: #111;

}



/*------------------------------------------------------
SEARCH
------------------------------------------------------*/

.pkp_navigation_search_wrapper {

    margin-left: 28px;

    display: flex;
    align-items: center;

}


.pkp_search {

    display: flex;
    align-items: center;
    gap: 8px;

    font-size: 14px;
    font-weight: 600;

    text-transform: uppercase;
    text-decoration: none;

    color: #8E1002;

    transition: color .25s ease;

}


.pkp_search:hover {

    color: #111;

}



/*------------------------------------------------------
DROPDOWN
------------------------------------------------------*/

.pkp_navigation_primary .dropdown-menu {

    position: absolute;

    top: 100%;
    left: 0;

    min-width: 240px;

    margin-top: 18px;
    padding: 14px 0;

    background: #fff;

    border: none;
    border-top: 3px solid #8E1002;

    box-shadow: 0 14px 36px rgba(0, 0, 0, .10);

    z-index: 999;

}


.pkp_navigation_primary .dropdown-menu li {

    display: block;

}


.pkp_navigation_primary .dropdown-menu a {

    display: block;

    padding: 11px 22px;

    font-size: 14px;
    font-weight: 500;

    text-transform: none;
    letter-spacing: 0;

    color: #222;

    transition: all .20s ease;

}


.pkp_navigation_primary .dropdown-menu a:hover {

    background: #f6f6f6;

    color: #8E1002;

}



/*------------------------------------------------------
RIMOZIONE STILI DEL TEMA OJS
------------------------------------------------------*/

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_user_wrapper,
.pkp_site_nav_menu {

    box-shadow: none;

}


/*======================================================================
RESPONSIVE HEADER
======================================================================*/


/*------------------------------------------------------
DESKTOP
------------------------------------------------------*/

.pkp_site_nav_toggle {

    display: none;

}



/*------------------------------------------------------
TABLET
------------------------------------------------------*/

@media (max-width:1100px) {

    .pkp_head_wrapper {

        flex-direction: column;

        align-items: stretch;

        gap: 24px;

        padding: 20px;

    }


    .pkp_site_name_wrapper {

        justify-content: space-between;

        align-items: center;

    }


    .pkp_site_name img {

        max-height: 86px;

    }


    .pkp_site_nav_toggle {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 48px;

        height: 48px;

        margin-left: auto;

        background: none;

        border: none;

        cursor: pointer;

        z-index: 1001;

    }


    /* .pkp_site_nav_toggle span {

        display: none;

    } */

    .pkp_site_nav_toggle>span:before,
    .pkp_site_nav_toggle>span:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background: #000000;
    }



    /* NAV */

    .pkp_site_nav_menu {

        display: none;

        width: 100%;

        margin-top: 10px;

    }


    .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {

        display: flex;

    }


    .pkp_navigation_user_wrapper {

        order: 1;

        width: 100%;

    }


    .pkp_navigation_user {

        justify-content: flex-start;

        flex-wrap: wrap;

        gap: 20px;

    }


    .pkp_navigation_primary_wrapper {

        width: 100%;

    }


    .pkp_navigation_primary {

        flex-direction: column;

        align-items: flex-start;

        gap: 0;

        width: 100%;

    }


    .pkp_navigation_primary>li {

        width: 100%;

        border-bottom: 1px solid #ececec;

    }


    .pkp_navigation_primary>li>a {

        padding: 16px 0;

        width: 100%;

    }


    /* dropdown */

    .pkp_navigation_primary .dropdown-menu {

        position: static;

        display: block;

        margin: 0;

        padding: 0 0 10px 18px;

        border: none;

        box-shadow: none;

        min-width: 100%;

        background: transparent;

    }


    .pkp_navigation_primary .dropdown-menu a {

        padding: 10px 0;

    }


    /* search */

    .pkp_navigation_search_wrapper {

        margin: 20px 0 0;

        width: 100%;

    }


}



/*------------------------------------------------------
SMARTPHONE
------------------------------------------------------*/

@media (max-width:768px) {

    .pkp_head_wrapper {

        padding: 18px;

    }


    .pkp_site_name img {

        max-height: 72px;

    }


    .pkp_navigation_user {

        flex-direction: column;

        align-items: flex-start;

    }


}


/*======================================================================
03 — HOMEPAGE
======================================================================*/


/*------------------------------------------------------
CONTENITORE GENERALE
------------------------------------------------------*/

.pkp_page_index {

    background: #ffffff;

}



/*------------------------------------------------------
AREA PRINCIPALE
------------------------------------------------------*/

.pkp_page_index .homepage_content {

    max-width: 900px;

    margin: 0 auto;

    padding: 0;

}



/*------------------------------------------------------
SEZIONI HOMEPAGE
------------------------------------------------------*/

.pkp_page_index section {

    margin-bottom: 90px;

}



/*------------------------------------------------------
TITOLI DELLE SEZIONI
------------------------------------------------------*/

.pkp_page_index h2 {

    font-family: var(--blackout-font);

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .12em;

    color: var(--blackout-red);

    margin-bottom: 28px;

    padding-bottom: 12px;

    border-bottom: 1px solid var(--blackout-border);

}



/*------------------------------------------------------
ABOUT BLACKOUT
------------------------------------------------------*/

.homepage_about {

    font-size: 19px;

    line-height: 1.9;

    color: var(--blackout-text);

}



.homepage_about p:last-child {

    margin-bottom: 0;

}



/*------------------------------------------------------
CURRENT ISSUE
------------------------------------------------------*/

.current_issue {

    margin-top: 0;

}



/* Cover + testo */

.current_issue .current_issue_title,

.current_issue .description {

    margin-bottom: 18px;

}



/*------------------------------------------------------
ARTICOLI
------------------------------------------------------*/

.obj_article_summary {

    padding: 28px 0;

    border-bottom: 1px solid var(--blackout-border);

}



/* elimina l'ultima linea */

.obj_article_summary:last-child {

    border-bottom: none;

}



/*------------------------------------------------------
TITOLO
------------------------------------------------------*/

.obj_article_summary .title {

    margin-bottom: 10px;

}



.obj_article_summary .title a {

    font-size: 32px;

    font-weight: 800;

    line-height: 1.1;

    color: var(--blackout-black);

}



.obj_article_summary .title a:hover {

    color: var(--blackout-red);

}



/*------------------------------------------------------
AUTORI
------------------------------------------------------*/

.obj_article_summary .authors {

    font-size: 15px;

    color: var(--blackout-grey);

    margin-bottom: 14px;

}



/*------------------------------------------------------
SOTTOTITOLO
------------------------------------------------------*/

.obj_article_summary .subtitle {

    font-size: 18px;

    line-height: 1.6;

    color: var(--blackout-grey);

}



/*------------------------------------------------------
THUMBNAIL
------------------------------------------------------*/

.obj_article_summary .cover img {

    transition: transform .35s ease;

}



.obj_article_summary:hover .cover img {

    transform: scale(1.02);

}



/*------------------------------------------------------
SPAZIATURA GENERALE
------------------------------------------------------*/

.current_issue,

.page_issue {

    margin-top: 40px;

}



/*======================================================================
04 — ISSUE & ARTICLE LAYOUT
======================================================================*/


/*------------------------------------------------------
CURRENT ISSUE
------------------------------------------------------*/

.current_issue {

    margin-top: 20px;

}



.current_issue .current_issue_title {

    font-family: var(--blackout-font);

    font-size: 34px;

    font-weight: 800;

    color: var(--blackout-black);

    margin-bottom: 18px;

}



/*------------------------------------------------------
CURRENT ISSUE COVER + DESCRIPTION
------------------------------------------------------*/

.current_issue .current_issue_cover {

    margin-right: 50px;

}



.current_issue .description {

    font-size: 18px;

    line-height: 1.8;

    color: var(--blackout-text);

}



/*------------------------------------------------------
TABLE OF CONTENTS
------------------------------------------------------*/

.issue_toc {

    margin-top: 50px;

}



.section,

.toc_section {

    margin-top: 55px;

}



.section:first-child,

.toc_section:first-child {

    margin-top: 0;

}



/*------------------------------------------------------
SECTION TITLES
------------------------------------------------------*/

.section>h2,

.toc_section>h2,

.cmp_toc_section_title {

    font-size: 15px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .12em;

    color: var(--blackout-red);

    border-top: 1px solid var(--blackout-border);

    padding-top: 14px;

    margin-bottom: 30px;

}



/*------------------------------------------------------
ARTICLE SUMMARY
------------------------------------------------------*/

.obj_article_summary {

    display: block;

    padding: 26px 0;

    border-bottom: 1px solid var(--blackout-border);

}



.obj_article_summary:last-child {

    border-bottom: none;

}



/*------------------------------------------------------
ARTICLE TITLE
------------------------------------------------------*/

.obj_article_summary .title {

    margin-bottom: 8px;

}



.obj_article_summary .title a {

    font-size: 28px;

    line-height: 1.2;

    font-weight: 800;

    color: var(--blackout-black);

}



.obj_article_summary .title a:hover {

    color: var(--blackout-red);

}



/*------------------------------------------------------
AUTHORS
------------------------------------------------------*/

.obj_article_summary .authors {

    font-size: 15px;

    color: var(--blackout-grey);

    margin-bottom: 10px;

}



/*------------------------------------------------------
ABSTRACT
------------------------------------------------------*/

.obj_article_summary .subtitle,

.obj_article_summary .description {

    font-size: 17px;

    line-height: 1.75;

    color: var(--blackout-text);

}



/*------------------------------------------------------
PDF / HTML / EPUB LINKS
------------------------------------------------------*/

.obj_article_summary .galleys_links a,

.obj_article_details .galleys_links a {

    display: inline-block;

    padding: 8px 14px;

    border: 1px solid var(--blackout-red);

    color: var(--blackout-red);

    font-size: 13px;

    font-weight: 700;

    letter-spacing: .05em;

    text-transform: uppercase;

    margin-right: 10px;

    transition: all .20s ease;

}



.obj_article_summary .galleys_links a:hover,

.obj_article_details .galleys_links a:hover {

    background: var(--blackout-red);

    color: #fff;

}



/*------------------------------------------------------
ARTICLE PAGE
------------------------------------------------------*/

.obj_article_details {

    max-width: 900px;

    margin: 0 auto;

}



/*------------------------------------------------------
ARTICLE TITLE
------------------------------------------------------*/

.obj_article_details .page_title {

    font-size: 54px;

    line-height: 1.05;

    font-weight: 800;

    color: var(--blackout-black);

    margin-bottom: 25px;

}



/*------------------------------------------------------
ARTICLE AUTHORS
------------------------------------------------------*/

.obj_article_details .authors {

    font-size: 18px;

    color: var(--blackout-grey);

    margin-bottom: 40px;

}



/*------------------------------------------------------
ABSTRACT
------------------------------------------------------*/

.obj_article_details .item.abstract {

    font-size: 19px;

    line-height: 1.9;

    margin-bottom: 50px;

}



/*------------------------------------------------------
FULL TEXT
------------------------------------------------------*/

.obj_article_details .main_entry {

    font-size: 19px;

    line-height: 1.95;

}



/*------------------------------------------------------
BLOCK TITLES
------------------------------------------------------*/

.obj_article_details .label {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .10em;

    color: var(--blackout-red);

}



/*------------------------------------------------------
DOI
------------------------------------------------------*/

.obj_article_details .doi {

    margin-top: 40px;

}



/*------------------------------------------------------
REFERENCES
------------------------------------------------------*/

.obj_article_details .references {

    margin-top: 70px;

    border-top: 1px solid var(--blackout-border);

    padding-top: 35px;

}



/*------------------------------------------------------
ARTICLE METADATA
------------------------------------------------------*/

.obj_article_details .entry_details {

    border-left: 1px solid var(--blackout-border);

    padding-left: 35px;

}



/*------------------------------------------------------
DOWNLOADS
------------------------------------------------------*/

.obj_article_details .downloads_chart {

    margin-top: 50px;

}



/*======================================================================
05 — ARTICLE LAYOUT
BLACKOUT MASTER V2
======================================================================*/


/*------------------------------------------------------
CONTENITORE PRINCIPALE
------------------------------------------------------*/

.obj_article_details {

    max-width: 1360px;

    margin: 0 auto;

}



/*------------------------------------------------------
AREA CONTENUTO
------------------------------------------------------*/

.obj_article_details .main_entry {

    padding: 50px 60px 70px;

}



/*------------------------------------------------------
BREADCRUMB
------------------------------------------------------*/

.cmp_breadcrumbs {

    margin-bottom: 28px;

    font-size: 13px;

    color: #777;

}

.cmp_breadcrumbs a {

    color: #8E1002;

    text-decoration: none;

}

.cmp_breadcrumbs a:hover {

    color: #111;

}



/*------------------------------------------------------
TITOLO ARTICOLO
------------------------------------------------------*/

.obj_article_details .page_title {

    font-family: "Libre Baskerville", serif;

    font-size: 42px;

    font-weight: 700;

    line-height: 1.22;

    color: #111;

    margin-bottom: 28px;

}



/*------------------------------------------------------
SOTTOTITOLO
------------------------------------------------------*/

.subtitle {

    font-size: 22px;

    color: #666;

    margin-top: -8px;

    margin-bottom: 30px;

}



/*------------------------------------------------------
AUTORI
------------------------------------------------------*/

.item.authors {

    margin-bottom: 40px;

}

.item.authors .name {

    font-size: 20px;

    font-weight: 600;

    color: #111;

}

.item.authors .affiliation {

    color: #666;

    font-size: 15px;

}

.item.authors .orcid {

    margin-top: 6px;

}



/*------------------------------------------------------
DOI
------------------------------------------------------*/

.item.doi {

    margin: 28px 0;

    font-size: 15px;

}

.item.doi a {

    color: #8E1002;

}

.item.doi a:hover {

    color: #111;

}



/*------------------------------------------------------
ABSTRACT
------------------------------------------------------*/

.item.abstract {

    margin-top: 45px;

}

.item.abstract h2 {

    font-size: 15px;

    text-transform: uppercase;

    letter-spacing: .08em;

    color: #8E1002;

    margin-bottom: 18px;

}

.item.abstract p {

    font-size: 18px;

    line-height: 1.9;

    color: #333;

}



/*------------------------------------------------------
PAROLE CHIAVE
------------------------------------------------------*/

.item.keywords {

    margin-top: 35px;

}

.item.keywords h3 {

    font-size: 14px;

    text-transform: uppercase;

    color: #8E1002;

    margin-bottom: 12px;

}

.item.keywords span {

    display: inline-block;

    margin-right: 8px;

    margin-bottom: 8px;

    padding: 5px 10px;

    border: 1px solid #ddd;

    border-radius: 20px;

    font-size: 13px;

}



/*------------------------------------------------------
GALLEY / PDF
------------------------------------------------------*/

.obj_galley_link {

    display: inline-block;

    margin-top: 35px;

    padding: 14px 28px;

    background: #8E1002;

    color: #fff !important;

    text-transform: uppercase;

    letter-spacing: .05em;

    font-size: 14px;

    font-weight: 600;

    transition: .25s;

}

.obj_galley_link:hover {

    background: #111;

}



/*------------------------------------------------------
TESTO ARTICOLO
------------------------------------------------------*/

.obj_article_details .entry_details {

    font-size: 19px;

    line-height: 1.95;

    color: #2f2f2f;

}

.obj_article_details .entry_details p {

    margin-bottom: 1.5em;

}

.obj_article_details .entry_details h2 {

    font-family: "Libre Baskerville", serif;

    font-size: 30px;

    margin-top: 2.2em;

    margin-bottom: .8em;

}

.obj_article_details .entry_details h3 {

    font-size: 22px;

    margin-top: 2em;

    margin-bottom: .7em;

}

.obj_article_details .entry_details blockquote {

    border-left: 4px solid #8E1002;

    padding-left: 24px;

    margin: 35px 0;

    font-style: italic;

    color: #555;

}



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

.obj_article_details img {

    max-width: 100%;

    height: auto;

    margin: 35px auto;

    display: block;

}



/*------------------------------------------------------
DIDASCALIE
------------------------------------------------------*/

.obj_article_details figcaption {

    text-align: center;

    color: #777;

    font-size: 14px;

    margin-top: 10px;

}



/*------------------------------------------------------
NOTE
------------------------------------------------------*/

.fn,

.footnotes {

    font-size: 15px;

    line-height: 1.8;

}



/*------------------------------------------------------
BIBLIOGRAFIA
------------------------------------------------------*/

.ref-list {

    margin-top: 60px;

}

.ref-list h2 {

    font-family: "Libre Baskerville", serif;

    font-size: 28px;

    margin-bottom: 25px;

}

.ref-list li {

    margin-bottom: 16px;

    line-height: 1.8;

}



/*------------------------------------------------------
SIDEBAR METADATA
------------------------------------------------------*/

.obj_article_details .entry_details+.item,

.obj_article_details .sidebar {

    font-size: 15px;

}

.obj_article_details .sidebar h2 {

    font-size: 14px;

    text-transform: uppercase;

    color: #8E1002;

    letter-spacing: .08em;

    margin-bottom: 14px;

}



/*------------------------------------------------------
LICENZA
------------------------------------------------------*/

.item.copyright {

    margin-top: 50px;

    padding-top: 30px;

    border-top: 1px solid #e6e6e6;

    color: #666;

    font-size: 14px;

}



/*------------------------------------------------------
METADATI
------------------------------------------------------*/

.item.published,

.item.issue,

.item.subject {

    margin-bottom: 20px;

}



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

.obj_article_details a {

    color: #8E1002;

    transition: .2s;

}

.obj_article_details a:hover {

    color: #111;

}



/*------------------------------------------------------
SINGLE ARTICLE — TITOLI E TITOLI DI SEZIONE
------------------------------------------------------*/

/* Titolo principale */

.obj_article_details h1,
.obj_article_details h1 a {

    font-family: "Inter", sans-serif !important;
    font-weight: 800;
    line-height: 1.15;

}


/* Sottotitolo */

.obj_article_details .subtitle,
.obj_article_details .subtitle * {

    font-family: "Inter", sans-serif !important;
    font-weight: 500;
    line-height: 1.5;

}


/* Titoli delle sezioni */

.obj_article_details h2,
.obj_article_details h3,
.obj_article_details h4,
.obj_article_details .item h2,
.obj_article_details .item h3,
.obj_article_details .item h4 {

    font-family: "Inter", sans-serif !important;
    font-weight: 700;
    letter-spacing: .04em;

}


/* Etichette */

.obj_article_details .label,
.obj_article_details .item .label {

    font-family: "Inter", sans-serif !important;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;

}




/*======================================================================
06 — FOOTER
BLACKOUT MASTER V2
======================================================================*/


/*------------------------------------------------------
FOOTER GENERALE
------------------------------------------------------*/

.pkp_structure_footer_wrapper {

    background: #111;

    color: #d9d9d9;

    margin-top: 100px;

    border-top: 5px solid #8E1002;

}



/*------------------------------------------------------
CONTENITORE
------------------------------------------------------*/

.pkp_structure_footer {

    max-width: 1360px;

    margin: 0 auto;

    padding: 70px 40px 55px;

}



/*------------------------------------------------------
TESTO
------------------------------------------------------*/

.pkp_footer_content {

    display: grid;

    grid-template-columns: 2fr 1fr 1fr;

    gap: 70px;

    align-items: start;

}



/*------------------------------------------------------
PARAGRAFI
------------------------------------------------------*/

.pkp_footer_content p {

    margin-bottom: 18px;

    line-height: 1.85;

    font-size: 15px;

    color: #d8d8d8;

}



/*------------------------------------------------------
TITOLI
------------------------------------------------------*/

.pkp_footer_content h2,

.pkp_footer_content h3,

.pkp_footer_content strong {

    color: #ffffff;

    font-weight: 700;

}



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

.pkp_footer_content a {

    color: #ffffff;

    text-decoration: none;

    transition: .25s;

}

.pkp_footer_content a:hover {

    color: #c42b1c;

}



/*------------------------------------------------------
LISTE
------------------------------------------------------*/

.pkp_footer_content ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.pkp_footer_content li {

    margin-bottom: 12px;

}



/*------------------------------------------------------
LOGO PKP
------------------------------------------------------*/

.pkp_brand_footer {

    display: none;

}



/*------------------------------------------------------
OPEN JOURNAL SYSTEMS
------------------------------------------------------*/

.pkp_footer_content .ojs {

    font-size: 13px;

    color: #999;

}



/*------------------------------------------------------
COPYRIGHT
------------------------------------------------------*/

.blackout_footer_copyright {

    margin-top: 45px;

    padding-top: 28px;

    border-top: 1px solid rgba(255,255,255,.12);

    font-size: 13px;

    color: #999;

}



/*------------------------------------------------------
ISSN
------------------------------------------------------*/

.blackout_footer_issn {

    margin-top: 14px;

    font-size: 14px;

    letter-spacing: .05em;

}



/*------------------------------------------------------
CREATIVE COMMONS
------------------------------------------------------*/

.blackout_footer_cc {

    margin-top: 18px;

    font-size: 14px;

    color: #cccccc;

}



/*------------------------------------------------------
SOCIAL
------------------------------------------------------*/

.blackout_footer_social {

    display: flex;

    gap: 14px;

    margin-top: 20px;

}

.blackout_footer_social a {

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255,255,255,.25);

    border-radius: 50%;

    transition: .25s;

}

.blackout_footer_social a:hover {

    background: #8E1002;

    border-color: #8E1002;

}



/*------------------------------------------------------
MENU FOOTER
------------------------------------------------------*/

.blackout_footer_menu a {

    display: block;

    margin-bottom: 12px;

    font-size: 15px;

}



/*------------------------------------------------------
CONTATTI
------------------------------------------------------*/

.blackout_footer_contacts p {

    margin-bottom: 10px;

}



/*------------------------------------------------------
SEPARATORE
------------------------------------------------------*/

.blackout_footer_separator {

    margin: 40px 0;

    height: 1px;

    background: rgba(255,255,255,.08);

}



/*------------------------------------------------------
PULSANTI
------------------------------------------------------*/

.pkp_structure_footer .cmp_button {

    background: #8E1002;

    color: #fff;

    border: none;

}

.pkp_structure_footer .cmp_button:hover {

    background: #ffffff;

    color: #111;

}



/*------------------------------------------------------
FORM
------------------------------------------------------*/

.pkp_structure_footer input {

    background: #1b1b1b;

    color: #fff;

    border: 1px solid #333;

}



/*------------------------------------------------------
BLACKOUT FOOTER CONTENT
------------------------------------------------------*/

.blackout-footer-content {

    max-width: 860px;

    margin: 0 auto;

    text-align: left;

}

.blackout-footer-logos {

    display: block;

    max-width: 500px;

    width: 100%;

    height: auto;

    margin: 0 auto 34px;

}

.blackout-footer-content p {

    max-width: 820px;

    margin: 0 auto 22px;

    line-height: 1.95;

    font-size: 15.5px;

    color: #d6d6d6;

    text-align: left;

}

.blackout-footer-content strong {

    display: block;

    margin-bottom: 14px;

    font-size: 22px;

    font-weight: 700;

    letter-spacing: .02em;

}

.blackout-powered {

    margin-top: 38px;

    padding-top: 22px;

    border-top: 1px solid rgba(255,255,255,.10);

    font-size: 14px;

    color: #aaaaaa;

}



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

@media (max-width:900px) {

    .pkp_footer_content {

        grid-template-columns: 1fr;

        gap: 45px;

    }

    .blackout-footer-content {

        max-width: 100%;

    }

    .blackout-footer-logos {

        max-width: 320px;

    }

}




/*======================================================================
07 — UI COMPONENTS
BLACKOUT MASTER V2
======================================================================*/


/*------------------------------------------------------
PULSANTI
------------------------------------------------------*/

.cmp_button,
button,
input[type="submit"],
input[type="button"] {

    background: #8E1002;

    color: #ffffff;

    border: none;

    border-radius: 0;

    padding: 12px 24px;

    font-family: Inter, sans-serif;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .04em;

    text-transform: uppercase;

    transition: all .25s ease;

    cursor: pointer;

}

.cmp_button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {

    background: #111111;

    color: #ffffff;

}



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

a {

    transition: color .25s ease;

}

a:hover {

    text-decoration: none;

}



/*------------------------------------------------------
FORM
------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {

    width: 100%;

    padding: 12px 14px;

    border: 1px solid #d9d9d9;

    background: #ffffff;

    color: #222;

    font-family: Inter, sans-serif;

    font-size: 15px;

    transition: border-color .25s ease;

}

input:focus,
textarea:focus,
select:focus {

    outline: none;

    border-color: #8E1002;

}



/*------------------------------------------------------
CHECKBOX
------------------------------------------------------*/

input[type="checkbox"] {

    accent-color: #8E1002;

}



/*------------------------------------------------------
RADIO
------------------------------------------------------*/

input[type="radio"] {

    accent-color: #8E1002;

}



/*------------------------------------------------------
RICERCA
------------------------------------------------------*/

.cmp_search_filter {

    margin-bottom: 35px;

}



/*------------------------------------------------------
MESSAGGI
------------------------------------------------------*/

.cmp_notification {

    border-left: 4px solid #8E1002;

    background: #fafafa;

    padding: 18px 22px;

    margin-bottom: 30px;

}



/*------------------------------------------------------
SUCCESS
------------------------------------------------------*/

.cmp_notification.success {

    border-left-color: #4caf50;

}



/*------------------------------------------------------
ERROR
------------------------------------------------------*/

.cmp_notification.error {

    border-left-color: #d32f2f;

}



/*------------------------------------------------------
WARNING
------------------------------------------------------*/

.cmp_notification.warning {

    border-left-color: #f5a623;

}



/*------------------------------------------------------
BREADCRUMB
------------------------------------------------------*/

.cmp_breadcrumbs {

    font-size: 13px;

    color: #777;

}

.cmp_breadcrumbs a {

    color: #8E1002;

}



/*------------------------------------------------------
PAGINATION
------------------------------------------------------*/

.cmp_pagination {

    margin-top: 70px;

    text-align: center;

}

.cmp_pagination a {

    display: inline-block;

    padding: 10px 16px;

    margin: 0 4px;

    border: 1px solid #dddddd;

    color: #8E1002;

}

.cmp_pagination a:hover {

    background: #8E1002;

    color: #ffffff;

}



/*------------------------------------------------------
TABELLE
------------------------------------------------------*/

table {

    width: 100%;

    border-collapse: collapse;

    margin: 40px 0;

}

table th {

    background: #f6f6f6;

    font-weight: 600;

}

table th,
table td {

    padding: 14px 16px;

    border: 1px solid #e6e6e6;

}



/*------------------------------------------------------
LISTE
------------------------------------------------------*/

ul,
ol {

    margin-bottom: 1.6em;

    padding-left: 1.5em;

}

li {

    margin-bottom: .5em;

}



/*------------------------------------------------------
BLOCKQUOTE
------------------------------------------------------*/

blockquote {

    border-left: 4px solid #8E1002;

    padding-left: 24px;

    margin: 40px 0;

    color: #555;

    font-style: italic;

}



/*------------------------------------------------------
CODE
------------------------------------------------------*/

pre,
code {

    background: #f5f5f5;

    border-radius: 4px;

    font-family: Consolas, monospace;

}



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

img {

    max-width: 100%;

    height: auto;

}



/*------------------------------------------------------
FIGURE
------------------------------------------------------*/

figure {

    margin: 45px auto;

}

figcaption {

    margin-top: 12px;

    font-size: 14px;

    text-align: center;

    color: #777;

}



/*------------------------------------------------------
TAG
------------------------------------------------------*/

.badge {

    display: inline-block;

    padding: 4px 10px;

    background: #8E1002;

    color: #ffffff;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: .05em;

}



/*------------------------------------------------------
DROPDOWN
------------------------------------------------------*/

.dropdown-menu {

    border: none;

    box-shadow: 0 12px 35px rgba(0, 0, 0, .08);

}

.dropdown-menu a {

    padding: 10px 18px;

}



/*------------------------------------------------------
LOADING
------------------------------------------------------*/

.loading {

    opacity: .6;

    pointer-events: none;

}



/*------------------------------------------------------
SELEZIONE TESTO
------------------------------------------------------*/

::selection {

    background: #8E1002;

    color: #ffffff;

}



/*------------------------------------------------------
HR
------------------------------------------------------*/

hr {

    border: none;

    border-top: 1px solid #e6e6e6;

    margin: 60px 0;

}



/*------------------------------------------------------
TRANSIZIONI GLOBALI
------------------------------------------------------*/

a,
button,
.cmp_button,
input,
textarea,
select {

    transition: all .25s ease;

}



/*======================================================================
08 — RESPONSIVE DESIGN
BLACKOUT MASTER CSS v3
======================================================================*/


/*------------------------------------------------------
DESKTOP LARGE
------------------------------------------------------*/

@media (min-width:1600px) {

    .pkp_head_wrapper,
    .pkp_structure_content,
    .pkp_structure_footer {

        max-width: 1500px;

    }

}


/*------------------------------------------------------
DESKTOP
------------------------------------------------------*/

@media (max-width:1400px) {

    .pkp_head_wrapper {

        padding: 20px 28px;

    }

    .homepage_content {

        max-width: 920px;

    }

}


/*------------------------------------------------------
LAPTOP
------------------------------------------------------*/

@media (max-width:1200px) {

    .pkp_site_name img {

        max-height: 95px;

    }

    .obj_article_details .page_title {

        font-size: 40px;

    }

}


/*------------------------------------------------------
TABLET
------------------------------------------------------*/

@media (max-width:992px) {

    .current_issue {

        display: block;

    }

    .current_issue_cover {

        text-align: center;

        margin: 0 auto 35px;

    }

    .pkp_footer_content {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .obj_article_details {

        padding: 0 30px;

    }

}


/*------------------------------------------------------
TABLET VERTICALE
------------------------------------------------------*/

@media (max-width:768px) {

    body {

        font-size: 17px;

    }

    .pkp_site_name img {

        max-height: 72px;

    }

    .obj_article_details .page_title {

        font-size: 34px;

    }

    .obj_article_summary .title a {

        font-size: 26px;

    }

    .homepage_about {

        font-size: 18px;

    }

    .current_issue .description {

        font-size: 17px;

    }

    .obj_article_details .entry_details {

        font-size: 18px;

    }

    section {

        margin-bottom: 60px;

    }

}


/*------------------------------------------------------
SMARTPHONE
------------------------------------------------------*/

@media (max-width:576px) {

    body {

        font-size: 16px;

    }

    .obj_article_details {

        padding: 0 20px;

    }

    .obj_article_details .page_title {

        font-size: 30px;

        line-height: 1.25;

    }

    .obj_article_summary .title a {

        font-size: 22px;

    }

    .current_issue .description {

        font-size: 16px;

    }

    .item.abstract p {

        font-size: 17px;

    }

    .obj_article_details .entry_details {

        font-size: 17px;

    }

    .pkp_structure_footer {

        padding: 50px 20px;

    }

    .cmp_button,
    button,
    .obj_galley_link {

        width: 100%;

    }

}


/*------------------------------------------------------
ELEMENTI RESPONSIVE GLOBALI
------------------------------------------------------*/

img,
iframe,
video {

    max-width: 100%;

    height: auto;

}

table {

    display: block;

    overflow-x: auto;

    white-space: nowrap;

}

.obj_article_summary,
.obj_article_details,
.homepage_content {

    overflow-wrap: break-word;

}


/*======================================================================
09 — FINAL OVERRIDES
BLACKOUT MASTER CSS v3
======================================================================*/

/*------------------------------------------------------
RESET OMBRE E SFONDI OJS
------------------------------------------------------*/
.pkp_structure_head,
.pkp_structure_footer,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper,
.pkp_site_nav_menu {
    box-shadow: none;
    background: none;
}

/*------------------------------------------------------
LINK
------------------------------------------------------*/
a {
    transition: color .25s ease,
        background-color .25s ease,
        border-color .25s ease;
}

/*------------------------------------------------------
IMMAGINI
------------------------------------------------------*/
img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*------------------------------------------------------
FOCUS ACCESSIBILITÀ
------------------------------------------------------*/
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #8E1002;
    outline-offset: 2px;
}

/*------------------------------------------------------
BOTTONI
------------------------------------------------------*/
button {
    font-family: inherit;
}

/*------------------------------------------------------
MENU OJS
------------------------------------------------------*/
.pkp_site_nav_toggle {
    background: none;
    border: none;
}

.pkp_site_nav_toggle:hover {
    background: none;
}

/*------------------------------------------------------
DROPDOWN DESKTOP
------------------------------------------------------*/
@media (min-width: 1101px) {
    .pkp_navigation_primary .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
    }

    .pkp_navigation_primary li:hover>.dropdown-menu {
        display: block;
    }
}



/*------------------------------------------------------
ABOUT / DROPDOWN DESKTOP FIX
------------------------------------------------------*/
@media (min-width:1101px) {
    .pkp_navigation_primary>li {
        position: relative;
    }

    .pkp_navigation_primary .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 0;
        padding-top: 12px;
    }

    .pkp_navigation_primary li:hover>.dropdown-menu,
    .pkp_navigation_primary li:focus-within>.dropdown-menu {
        display: block;
    }
}



/*------------------------------------------------------
MOBILE
------------------------------------------------------*/
@media (max-width: 1100px) {
    .pkp_head_wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
        padding: 20px;
    }

    .pkp_site_name_wrapper {
        justify-content: space-between;
        align-items: center;
    }

    .pkp_site_name img {
        max-height: 86px;
    }

    .pkp_site_nav_toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        margin-left: auto !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 1001 !important;
        color: #8E1002 !important;
    }

    .pkp_site_nav_toggle svg,
    .pkp_site_nav_toggle svg path,
    .pkp_site_nav_toggle span,
    .pkp_site_nav_toggle::before,
    .pkp_site_nav_toggle::after {
        fill: #8E1002 !important;
        stroke: #8E1002 !important;
        color: #8E1002 !important;
    }

    .pkp_site_nav_menu {
        display: none !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
        display: flex !important;
        flex-direction: column !important;
    }

    .pkp_navigation_user_wrapper {
        order: 1 !important;
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .pkp_navigation_user {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }

    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary_row {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .pkp_navigation_primary {
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }

    .pkp_navigation_primary>li {
        width: 100% !important;
        border-bottom: 1px solid #ececec !important;
    }

    .pkp_navigation_primary>li>a {
        width: 100% !important;
        padding: 16px 0 !important;
        color: #8E1002 !important;
    }

    .pkp_navigation_primary>li>a:hover,
    .pkp_navigation_primary>li>a:focus {
        color: #111111 !important;
    }

    .pkp_navigation_primary .dropdown-menu {
        display: none !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 0 10px 18px !important;
        min-width: 100% !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* PRIORITÀ 1 */
    .pkp_navigation_primary li[aria-expanded="true"]>.dropdown-menu,
    .pkp_navigation_primary li[aria-expanded="true"]>ul.dropdown-menu,
    .pkp_navigation_primary li[aria-expanded="true"]>.menu,
    .pkp_navigation_primary li[aria-haspopup="true"][aria-expanded="true"]>.dropdown-menu {
        display: block !important;
    }

    /* PRIORITÀ 2 */
    .pkp_navigation_primary li.is-expanded>.dropdown-menu,
    .pkp_navigation_primary li.is-open>.dropdown-menu,
    .pkp_navigation_primary li.open>.dropdown-menu,
    .pkp_navigation_primary li.expanded>.dropdown-menu {
        display: block !important;
    }

    /* PRIORITÀ 3 */
    .pkp_navigation_primary li:focus-within>.dropdown-menu {
        display: block !important;
    }

    .pkp_navigation_primary .dropdown-menu a {
        display: block !important;
        padding: 10px 0 !important;
        color: #111111 !important;
        background: transparent !important;
    }

    .pkp_navigation_primary .dropdown-menu a:hover,
    .pkp_navigation_primary .dropdown-menu a:focus {
        color: #8E1002 !important;
        background: transparent !important;
    }

    .pkp_navigation_search_wrapper {
        margin: 20px 0 0 !important;
        width: 100% !important;
    }
}

/*------------------------------------------------------
ELIMINAZIONE CONFLITTI
------------------------------------------------------*/
.pkp_navigation_primary,
.pkp_navigation_user {
    margin: 0;
    padding: 0;
}

.pkp_navigation_primary li,
.pkp_navigation_user li {
    list-style: none;
}

/*------------------------------------------------------
FINE FILE
------------------------------------------------------*/






/* =========================================================
   BLACKOUT — HEADER FIX RIFINITO
   Logo sopra, menu sotto, allineato a sinistra
   ========================================================= */

.pkp_head_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pkp_site_name_wrapper {
    width: 100% !important;
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name a {
    display: inline-block !important;
    line-height: 0 !important;
}

.pkp_site_nav_menu {
    width: 100% !important;
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    color: #000 !important;
}

.pkp_navigation_user_wrapper {
    width: 100% !important;
    justify-content: flex-start !important;
}

.pkp_navigation_user {
    justify-content: flex-start !important;
    gap: 24px !important;
}

.pkp_navigation_primary_row {
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.pkp_navigation_primary_wrapper {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

.pkp_navigation_primary {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_primary>li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.pkp_navigation_search_wrapper {
    margin-left: 0 !important;
}

.pkp_navigation_primary,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu,
.pkp_site_name_wrapper {
    float: none !important;
    position: static !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 1101px) {
    .pkp_navigation_primary .dropdown-menu {
        left: 0 !important;
    }
}



/* =========================================================
   BLACKOUT — FIX REGISTER / LOGIN
   Porta solo il blocco utente in alto a destra
   ========================================================= */

.pkp_site_nav_menu {
    width: 100% !important;
}

.pkp_navigation_user_wrapper {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 0 !important;
}

.pkp_navigation_user {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

.pkp_navigation_user li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

@media (max-width: 1100px) {
    .pkp_navigation_user_wrapper {
        justify-content: flex-start !important;
    }

    .pkp_navigation_user {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }
}




/* =========================================================
   BLACKOUT — MOBILE FINAL FIX
   Hamburger attivo, menu visibile solo su apertura
   ========================================================= */

@media (max-width: 1100px) {
    .pkp_site_nav_toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        margin-left: auto !important;
        background: none !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 1001 !important;
    }

    .pkp_site_nav_menu {
        display: none !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
        display: flex !important;
        flex-direction: column !important;
    }

    .pkp_navigation_user_wrapper {
        width: 100% !important;
        justify-content: flex-start !important;
        order: 1 !important;
    }

    .pkp_navigation_user {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }

    .pkp_navigation_primary_wrapper {
        width: 100% !important;
    }

    .pkp_navigation_primary_row {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .pkp_navigation_primary {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
    }

    .pkp_navigation_primary>li {
        width: 100% !important;
        border-bottom: 1px solid #ececec !important;
    }

    .pkp_navigation_primary>li>a {
        width: 100% !important;
        padding: 16px 0 !important;
    }

    .pkp_navigation_primary .dropdown-menu {
        display: none !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 0 10px 18px !important;
        border: none !important;
        box-shadow: none !important;
        min-width: 100% !important;
        background: transparent !important;
    }

    .pkp_navigation_primary li.is-expanded>.dropdown-menu,
    .pkp_navigation_primary li:hover>.dropdown-menu {
        display: block !important;
    }

    .pkp_navigation_search_wrapper {
        margin: 20px 0 0 !important;
        width: 100% !important;
    }
}




/* =========================================================
   BLACKOUT — MOBILE HAMBURGER + INFO SUBMENUS FIX
   Menu rigorosamente chiuso, sottomenù visibili solo su apertura
   ========================================================= */

@media (max-width: 1100px) {
    .pkp_site_nav_toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        margin-left: auto !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        z-index: 1001 !important;
        color: #8E1002 !important;
    }

    .pkp_site_nav_toggle svg,
    .pkp_site_nav_toggle svg path,
    .pkp_site_nav_toggle span,
    .pkp_site_nav_toggle::before,
    .pkp_site_nav_toggle::after {
        color: #8E1002 !important;
        fill: #8E1002 !important;
        stroke: #8E1002 !important;
    }

    .pkp_site_nav_menu {
        display: none !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
        display: flex !important;
        flex-direction: column !important;
    }

    .pkp_navigation_user_wrapper {
        width: 100% !important;
        justify-content: flex-start !important;
        order: 1 !important;
    }

    .pkp_navigation_user {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }

    .pkp_navigation_primary_wrapper {
        width: 100% !important;
    }

    .pkp_navigation_primary_row {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .pkp_navigation_primary {
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }

    .pkp_navigation_primary>li {
        width: 100% !important;
        border-bottom: 1px solid #ececec !important;
    }

    .pkp_navigation_primary>li>a {
        width: 100% !important;
        padding: 16px 0 !important;
        color: #8E1002 !important;
    }

    .pkp_navigation_primary>li>a:hover,
    .pkp_navigation_primary>li>a:focus {
        color: #111111 !important;
    }

    .pkp_navigation_primary .dropdown-menu {
        display: none !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 0 10px 18px !important;
        min-width: 100% !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .pkp_navigation_primary li.is-expanded>.dropdown-menu,
    .pkp_navigation_primary li:hover>.dropdown-menu,
    .pkp_navigation_primary li:focus-within>.dropdown-menu {
        display: block !important;
    }

    .pkp_navigation_primary .dropdown-menu a {
        display: block !important;
        padding: 10px 0 !important;
        color: #111111 !important;
        background: transparent !important;
    }

    .pkp_navigation_primary .dropdown-menu a:hover,
    .pkp_navigation_primary .dropdown-menu a:focus {
        color: #8E1002 !important;
        background: transparent !important;
    }

    .pkp_navigation_search_wrapper {
        margin: 20px 0 0 !important;
        width: 100% !important;
    }
}




/*------------------------------------------------------
HOMEPAGE — TITOLI ARTICOLI
------------------------------------------------------*/

.obj_article_summary h4.title,
.obj_article_summary h4.title a {

    font-family: "Inter", sans-serif !important;
    font-weight: 700;
    font-style: normal;

}



/* ==========================================================
   FOOTER — Struttura e spaziature
   ========================================================== */

.pkp_structure_footer_wrapper {
    margin-top: 5rem;
    border-top: 1px solid #e6e6e6;
    background: #fafafa;
}

.pkp_structure_footer {
    max-width: 1320px;
    margin: 0 auto;
    padding: 3.5rem 2rem;
    box-sizing: border-box;
}

.pkp_structure_footer .pkp_brand_footer {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e6e6e6;
}


/* ==========================================================
   FOOTER — Tipografia
   ========================================================== */

.pkp_structure_footer,
.pkp_structure_footer p,
.pkp_structure_footer li,
.pkp_structure_footer span,
.pkp_structure_footer a {
    font-family: "Inter", sans-serif;
    font-size: 0.95rem;
    line-height: 1.7;
    color: #4a4a4a;
}

.pkp_structure_footer h2,
.pkp_structure_footer h3,
.pkp_structure_footer h4,
.pkp_structure_footer strong {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: #111;
    letter-spacing: 0.02em;
    margin-bottom: 0.8rem;
}

.pkp_structure_footer p:last-child {
    margin-bottom: 0;
}



/* ==========================================================
   FOOTER — Link e interazioni
   ========================================================== */

.pkp_structure_footer a {
    color: #222;
    text-decoration: none;
    transition:
        color .25s ease,
        opacity .25s ease;
}

.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus {
    color: #b5121b;
    text-decoration: none;
}

.pkp_structure_footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_structure_footer li {
    margin-bottom: 0.55rem;
}

.pkp_structure_footer li:last-child {
    margin-bottom: 0;
}

.pkp_structure_footer .pkp_brand_footer a {
    opacity: .75;
}

.pkp_structure_footer .pkp_brand_footer a:hover {
    opacity: 1;
}



/* ==========================================================
   FOOTER — Responsive
   ========================================================== */

@media (max-width: 992px) {

    .pkp_structure_footer {
        padding: 2.75rem 1.5rem;
    }

}

@media (max-width: 768px) {

    .pkp_structure_footer {
        padding: 2.5rem 1.25rem;
        text-align: center;
    }

    .pkp_structure_footer .pkp_brand_footer {
        margin-top: 1.75rem;
        padding-top: 1.25rem;
    }

    .pkp_structure_footer ul {
        margin-bottom: 1.5rem;
    }

}

@media (max-width: 480px) {

    .pkp_structure_footer {
        padding: 2rem 1rem;
    }

    .pkp_structure_footer,
    .pkp_structure_footer p,
    .pkp_structure_footer li,
    .pkp_structure_footer a {
        font-size: 0.92rem;
        line-height: 1.65;
    }

}



/* ==========================================================
   SIDEBAR — Gerarchia visiva blocchi
   ========================================================== */

.pkp_structure_sidebar .pkp_block {
    padding-bottom: 1.5rem;
    margin-bottom: 1.8rem;
    border-bottom: 1px solid #e9e9e9;
}

.pkp_structure_sidebar .pkp_block:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.pkp_structure_sidebar .pkp_block .title {
    margin-bottom: 1rem;
    position: relative;
}

.pkp_structure_sidebar .pkp_block .title::after {
    content: "";
    display: block;
    width: 28px;
    height: 1px;
    background: #b5121b;
    margin-top: 6px;
}


/* ==========================================================
   SIDEBAR — Liste e link (pulizia OJS)
   ========================================================== */

.pkp_structure_sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_structure_sidebar li {
    margin-bottom: 0.45rem;
}

.pkp_structure_sidebar a {
    color: #222;
    text-decoration: none;
    transition: color .2s ease, opacity .2s ease;
}

.pkp_structure_sidebar a:hover {
    color: #b5121b;
}

/* Migliora separazione tra gruppi di link */
.pkp_structure_sidebar .pkp_block ul li:last-child {
    margin-bottom: 0;
}

/* Social block più leggero */
.pkp_structure_sidebar .pkp_block:has(.fa),
.pkp_structure_sidebar .pkp_block:has(.fab) {
    opacity: 0.95;
}


/* ==========================================================
   SIDEBAR — BLACKOUT MAGAZINE (sezione editoriale)
   ========================================================== */

.pkp_structure_sidebar .pkp_block:has(a[href*="magazine"]),
.pkp_structure_sidebar .pkp_block:has(.blackout-magazine),
.pkp_structure_sidebar .pkp_block:has(.pkp_block_title:contains("BLACKOUT MAGAZINE")) {
    padding-top: 1.5rem;
    border-top: 2px solid #b5121b;
    background: #fafafa;
}

/* Titolo sezione MAGAZINE */
.pkp_structure_sidebar .pkp_block .title {
    font-size: 0.85rem;
}

/* Link del magazine più “editoriali” */
.pkp_structure_sidebar .pkp_block ul li a {
    display: inline-block;
    padding: 2px 0;
    font-weight: 500;
}


/* ==========================================================
   SIDEBAR — CLEANUP FINALE (OJS override)
   ========================================================== */

/* Rimuove duplicazioni e blocchi vuoti OJS */
.pkp_structure_sidebar .pkp_block:empty {
    display: none;
}

/* Fix voce duplicata "Fai una proposta" (fallback generico) */
.pkp_structure_sidebar a[href*="submission"],
.pkp_structure_sidebar a[href*="propose"],
.pkp_structure_sidebar a[href*="proposal"] {
    font-weight: 500;
}

/* Uniforma separazione tra blocchi */
.pkp_structure_sidebar .pkp_block {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 1.25rem;
    margin-bottom: 1.5rem;
}

/* Ultimo blocco senza linea */
.pkp_structure_sidebar .pkp_block:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Migliora micro-tipografia link */
.pkp_structure_sidebar a {
    font-variant-numeric: lining-nums;
    letter-spacing: 0.01em;
}

/* Social: riduce peso visivo icone */
.pkp_structure_sidebar .fa,
.pkp_structure_sidebar .fab {
    opacity: 0.85;
    transition: opacity .2s ease;
}

.pkp_structure_sidebar .fa:hover,
.pkp_structure_sidebar .fab:hover {
    opacity: 1;
}

/* MAGAZINE: stabilizzazione visiva finale */
.pkp_structure_sidebar .pkp_block:has(h3),
.pkp_structure_sidebar .pkp_block:has(.title:contains("MAGAZINE")) {
    border-top: 2px solid #b5121b;
    padding-top: 1.5rem;
}



/* ==========================================================
   BLACKOUT MAGAZINE — Homepage
   ========================================================== */

.homepage_magazine {
    margin: 5rem 0;
    padding: 3rem 0;
    border-top: 3px solid #b5121b;
}

.homepage_magazine_header {
    margin-bottom: 2.5rem;
}

.homepage_magazine_title {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #111;
}

.homepage_magazine_subtitle {
    display: block;
    margin-top: .35rem;
    font-family: "Inter", sans-serif;
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .35em;
    text-transform: uppercase;
    color: #666;
}

.homepage_magazine_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
}

.magazine_section {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #e6e6e6;
}

.magazine_section h3 {
    margin: 0 0 .8rem;
    font-family: "Inter", sans-serif;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #b5121b;
}

.magazine_article_title {
    margin-bottom: .6rem;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.35;
}

.magazine_article_excerpt {
    font-size: .95rem;
    line-height: 1.65;
    color: #444;
}

.magazine_more {
    display: inline-block;
    margin-top: 2.5rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
}


/* ==========================================================
   BLACKOUT MAGAZINE — Editorial Cards
   ========================================================== */

.homepage_magazine_grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:1.8rem;
    margin-top:2.5rem;
}

.magazine_card{

    padding:1.75rem;

    border:1px solid #e6e6e6;

    background:#fff;

    transition:all .25s ease;
}

.magazine_card:hover{

    border-color:#b5121b;

    transform:translateY(-3px);

}

.magazine_card h3{

    margin:0 0 1rem;

    font-family:"Inter",sans-serif;

    font-size:.85rem;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:#b5121b;

}

.magazine_card p{

    margin:0;

    line-height:1.7;

    color:#444;

    font-size:.95rem;

}

.magazine_card .read_more{

    display:inline-block;

    margin-top:1.4rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.05em;

}


/* ==========================================================
   BLACKOUT MAGAZINE
   Homepage Editorial Cards
   ========================================================== */

.homepage_magazine {
    margin: 5rem 0;
    padding: 4rem 0;
    border-top: 3px solid #b5121b;
}

.homepage_magazine_header {
    margin-bottom: 2.5rem;
}

.homepage_magazine_title {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #111;
}

.homepage_magazine_subtitle {
    display: block;
    margin-top: .4rem;
    font-family: "Inter", sans-serif;
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .35em;
    text-transform: uppercase;
    color: #666;
}

.homepage_magazine_grid {

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

    gap:1.8rem;

}

.magazine_card{

    padding:1.8rem;

    background:#fff;

    border:1px solid #e7e7e7;

    transition:border-color .25s ease,
               transform .25s ease,
               box-shadow .25s ease;

}

.magazine_card:hover{

    border-color:#b5121b;

    transform:translateY(-4px);

    box-shadow:0 10px 28px rgba(0,0,0,.05);

}

.magazine_card h3{

    margin:0 0 1rem;

    font-family:"Inter",sans-serif;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    color:#b5121b;

}

.magazine_card p{

    margin:0;

    font-size:.96rem;

    line-height:1.7;

    color:#444;

}

.magazine_card a{

    display:inline-block;

    margin-top:1.4rem;

    font-weight:600;

    text-decoration:none;

    color:#111;

    transition:color .2s ease;

}

.magazine_card a:hover{

    color:#b5121b;

}



/* ==========================================================
   BLACKOUT MAGAZINE
   ========================================================== */

.blackout-magazine {
    max-width: 860px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
}

.blackout-magazine-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.blackout-magazine-brand {
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.blackout-magazine-divider {
    width: 70px;
    margin: 1rem auto;
    border: 0;
    border-top: 1px solid #000;
}

.blackout-magazine-section {
    font-size: .82rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 600;
}

.blackout-magazine-title {
    font-size: 2.4rem;
    line-height: 1.2;
    margin: 0 0 1rem;
}

.blackout-magazine-meta {
    font-size: .92rem;
    color: #666;
    margin-bottom: 2rem;
}

.blackout-magazine-cover {
    margin-bottom: 2.5rem;
}

.blackout-magazine-cover img {
    width: 100%;
    height: auto;
    display: block;
}

.blackout-magazine-body {
    line-height: 1.9;
    font-size: 1.08rem;
}

.blackout-magazine-body p {
    margin-bottom: 1.4rem;
}

.blackout-magazine-body h2,
.blackout-magazine-body h3 {
    margin-top: 2.4rem;
}

.blackout-magazine-body blockquote {
    margin: 2rem 0;
    padding-left: 1.2rem;
    border-left: 3px solid #111;
    font-style: italic;
}

.blackout-magazine-back {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #ddd;
    font-size: .95rem;
}



/* ==========================================================
   BLACKOUT MAGAZINE - SECTION INDEX
   ========================================================== */

.blackout-magazine-index {
    max-width: 860px;
    margin: 2rem auto 4rem;
}

.blackout-magazine-item {
    padding: 1.8rem 0;
    border-bottom: 1px solid #d8d8d8;
}

.blackout-magazine-item:last-child {
    border-bottom: none;
}

.blackout-magazine-item h2 {
    margin: 0 0 .5rem;
    font-size: 1.55rem;
    line-height: 1.3;
}

.blackout-magazine-item h2 a {
    color: inherit;
    text-decoration: none;
}

.blackout-magazine-item h2 a:hover {
    text-decoration: underline;
}

.blackout-magazine-meta {
    font-size: .9rem;
    color: #666;
    margin-bottom: .8rem;
}

.blackout-magazine-read {
    display: inline-block;
    margin-top: .5rem;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    text-decoration: none;
}




.blackout-home-magazine-block {
  margin: 3rem 0;
  padding: 2rem 1rem;
  border-top: 1px solid #ddd;
}

.blackout-home-magazine-header h2 {
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}

.blackout-home-magazine-subtitle {
  color: #666;
  margin-bottom: 2rem;
}

.blackout-home-magazine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
}

.blackout-home-magazine-item {
  display: block;
  padding: 1rem;
  border: 1px solid #eee;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease-in-out;
}

.blackout-home-magazine-item:hover {
  border-color: #000;
  transform: translateY(-2px);
}

.blackout-home-magazine-item h3 {
  margin: 0 0 0.5rem 0;
  font-size: 1.1rem;
}

.blackout-home-magazine-item p {
  margin: 0;
  font-size: 0.9rem;
  color: #666;
}

.blackout-home-magazine-footer {
  margin-top: 2rem;
  text-align: right;
}

.blackout-home-magazine-footer a {
  font-weight: bold;
  text-decoration: none;
}




/* =========================
   BLACKOUT MAGAZINE TYPOGRAPHY
   ========================= */

.article-details {
  max-width: 920px;
  margin: 0 auto;
  padding: 2rem 1.2rem;
  font-family: inherit;
  color: #111;
  line-height: 1.75;
}

/* Titolo articolo */
.article-details__title {
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}

/* Autori */
.article-details__authors {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.5rem;
}

/* Data pubblicazione */
.article-details__published {
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 2rem;
}


/* ABSTRACT = contenuto editoriale del Magazine */

.article-details__abstract {
  font-size: 1.05rem;
  line-height: 1.8;
}

/* elimina titolo ABSTRACT */
.article-details__abstract .page__section-title {
  display: none !important;
}


/* =========================
   REMOVE OJS VISUAL NOISE
   ========================= */

.page__section-title,
.article-details__section-title {
  display: none !important;
}

.article-details__keywords,
.article-details__doi,
.article-details__citation,
.article-details__permissions,
.article-details__dates {
  display: none !important;
}

/* separatori inutili */
.article-details hr {
  display: none !important;
}


/* link coerenti con identità BLACKOUT */

.article-details a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.article-details a:hover {
  opacity: 0.7;
}


@media (max-width: 768px) {

  .article-details {
    padding: 1.2rem;
  }

  .article-details__title {
    font-size: 1.6rem;
  }

  .blackout-home-magazine-grid {
    grid-template-columns: 1fr;
  }

}



/* BLACKOUT – dimensione logo header */
.pkp_site_name .is_img img {
    width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
}

@media (max-width: 768px) {
    .pkp_site_name .is_img img {
        width: 90% !important;
        max-width: 90% !important;
        height: auto !important;
        max-height: none !important;
    }
}




/*------------------------------------------------------
FINE FILE
------------------------------------------------------*/


/*------------------------------------------------------
BLACKOUT MASTER V2
END OF FILE
======================================================================*/