/*@view-transition {
	navigation: auto;
}

::view-transition-old(root){
	animation: fadeOut 0.2s linear forwards;
}
::view-transition-new(root) {
	animation: fadeIn 0.3s linear forwards!*ease both*!;
}

@keyframes fadeIn {
	from { opacity: 0.75; }
}
@keyframes fadeOut {
	to { opacity: 0.75; }
}*/

* {
    box-sizing: border-box;
}

html {
    margin: 0px;
    padding: 0px;
}

body#avvio {
    display: block;
}

body {
    font-size: 13px;

    min-height: 100vh;
    width: 100%;
}

iframe body {
    display: block;
}

#ipulse {
    width: 1200px;
    max-width: 100%;
    margin: auto;
}

.header {
    display: flex;
    align-items: center;

    width: 100%;
}

.brand {
    background-color: var(--brand-color);
    color: var(--text-over-branding);
}

.brand a {
    color: var(--text-over-branding);
}

.center {
    justify-content: center;
}

.column {
    flex-direction: column;
}

.layout-lr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.layout-lr div:first-child {
    justify-items: start;
}

.layout-lr div:nth-child(2) {
    justify-items: end;
}

.main-width {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.sr-only {
    position: absolute;
    overflow: hidden;
    opacity: 0;

    width: 1px;
    height: 1px;
    top: auto;
    left: -10000px;
}

.sticky, .main-be-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}

.main-be-area {
    min-height: auto;
    justify-content: start;
}

.sticky .content {
    flex: 1;
}

.sticky .main-be-area { flex: 1; }

.layout-banner-left {
    display:flex;
    flex-ddirection:row;
    min-height:100vh;
}
.layout-banner-left .header { height:100vh; }


.footer {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}


.main-be-area
{
	background: var(--background-surface);
	flex-grow: 1;
}

.compass-sharp
{

}

.header
{
    padding: var(--spacing-1x) 0;
}

.header-1-full, .header-2-full
{
    padding: var(--spacing-1x);
}

.header img
{
    max-width: 100%;
}

.header-1 .main-width .backtosite,
.header-1-full .backtosite,
.header-2 .main-width .backtosite,
.header-2-full .backtosite
{
    text-align: right;

}
/* header-1: main-width has 2 children logo left, backtosite right */
.header-1 .main-width, .header-1-full
{
    justify-content: space-between;
    align-items: flex-start;

}


@media (max-width: 480px)
{
    .header-1 .main-width, .header-1-full
    {
        justify-content: center;
    }

    .header-1 .backtosite, .header-1-full .backtosite
    {
        display: none;
    }
}

/* header-2 main-width has 3 children, empty, logo center, backtosite right */
.header-2 .main-width, .header-2-full
{
    justify-content: space-between;
    align-items: flex-start;

}

.header-2 .main-width .empty,
.header-2 .main-width .backtosite,
.header-2-full .empty,
.header-2-full .backtosite
{
    flex: 1

}


@media (max-width: 480px)
{
    .header-2 .main-width, .header-2-full
    {
        justify-content: center;
    }

    .header-2 .backtosite, .header-2-full .backtosite
    {
        display: none;
    }
}

/* layout-header-left */
@media only screen and (min-width: 1310px)
{
    .layout-header-left > .header
    {
        height:100%;
        position: fixed;
        width: 80px;
        z-index: 9999;
        padding: var(--spacing-1x);
    }

    .layout-header-left > .header .main-width
    {
        align-items: center;
        height:100%;
        margin: 0;
        flex-direction: column-reverse;
    }

    .layout-header-left .logo img
    {
        max-width: none;
    }

    .layout-header-left .logo.rotate
    {
        rotate:-90deg;
    }

    .layout-header-left .main-width .backtosite
    {
        text-align:center;
    }


    .layout-header-left > .footer{
        grid-column: 1 / 3;

    }

    .layout-header-left .footer-container
    {
        width: 1200px;
        max-width: 100%;
        margin: auto;
    }
}

.layout-4 .layout-results .box.page-control-panel
{
    position: relative;
}