/* variabili CSS */
:root {
    --bs-primary: #0066cc;
    --bs-primary-dark: #004999;
    
    /* font */
    --bs-font-sans-serif: "Titillium Web", Geneva, Tahoma, sans-serif;
    --bs-font-monospace: "Roboto Mono", monospace;
    
    /* colori body */
    --bs-body-color: hsl(0, 0%, 0%);
    --bs-body-bg: hsl(0, 0%, 100%);
    
    /* colori link */
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-primary-dark);

    /* header */
    --bs-header-bg: var(--bs-primary);
    --bs-header-slim-bg: var(--bs-primary-dark);
    --bs-header-color: #fff;

    /* footer */
    --bs-footer-bg: var(--bs-primary);
    --bs-footer-small-print-bg: var(--bs-primary-dark);
    --bs-footer-color: #fff;


}

/* configurazioni di layout base */
.alignwide {
    width: 80vw;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.alignfull {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: none;
    display: block;
}

.wp-block {
    box-sizing: border-box;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

body.home h1 {
    display: none;
}
body:not(.home) header.it-header-wrapper{
    margin-bottom: 2rem;
}

.it-brand-wrapper a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.it-brand-wrapper a img {
    height: 70px;
    width: auto;
    margin-right: 1rem;
}

/* navigazione tra post */
.post-navigation .nav-links a{
    color: var(--bs-primary);
    border: 2px solid var(--bs-primary);
    background: transparent;
    padding: 0.5em 1em;
    border-radius: 0.25em;
    transition: background 0.2s, color 0.2s;
    display: inline-block;
    text-decoration: none;
}
.post-navigation .nav-links a:hover {
    background: var(--bs-primary);
    color: #fff;
}


/* header */
header *{
    color: var(--bs-header-color);
}
header svg{
    fill: var(--bs-header-color)!important;
}
header a{
    color: var(--bs-header-color)!important;
}
header a.active{
    border-color: var(--bs-header-color)!important;
}
.navbar-collapsable.expanded a,
.navbar-collapsable.expanded a span{
    color: var(--bs-link-color  )!important;
}
.navbar-collapsable.expanded .nav-link{
    border-left: 3px solid transparent !important;
}
.navbar-collapsable.expanded .nav-link.active,
.navbar-collapsable.expanded .nav-link:hover{
    border-color: var(--bs-link-color)!important;
}

.it-header-navbar-wrapper,
.it-header-center-wrapper{
    background: var(--bs-primary);
}


.it-header-slim-wrapper{
    background: var(--bs-header-slim-bg);
}

/* footer */
.it-footer-main{
    margin-top: 3rem;
    background: var(--bs-footer-bg);
}
.it-footer-main *{
    color: var(--bs-footer-color)!important;
}
.it-footer-main svg{
    fill: var(--bs-footer-color)!important;
}
.it-footer-small-prints{
    background: var(--bs-footer-small-print-bg);
    color: var(--bs-footer-color)!important;
}
.it-footer a{
    color: var(--bs-link-color);
}
.it-footer a:hover{
    color: var(--bs-link-hover-color);
}   


.bottone-home{
    border: 1px solid var(--bs-body-color);
    padding: 0.5em 1em;
    display: block;
    margin-bottom: 1rem;
}
.bottone-home .wp-block-heading a{
    color: var(--bs-primary);
    text-decoration: none;
    display: block;
}
.bottone-home *:last-child{
    margin-bottom: 0;
}
.bottone-home .wp-block-heading a:hover{
    text-decoration: underline;
}