/*
 * L'header diventa un livello sovrapposto. Lo slider resta nel flusso della
 * pagina: breadcrumb, titolo e blocchi iniziano quindi subito dopo la hero.
 */
.virsapiens-slider-hero-page #page {
    position: relative;
}

.virsapiens-slider-hero-page #masthead.site-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: transparent;
}

.virsapiens-slider-hero-page #masthead .header-t {
    background: rgba(17, 17, 17, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
}

.virsapiens-slider-hero-page #masthead .header-t a,
.virsapiens-slider-hero-page #masthead .site-title a,
.virsapiens-slider-hero-page #masthead .site-description,
.virsapiens-slider-hero-page #masthead .main-navigation ul.menu > li > a {
    color: #fff;
}

.virsapiens-slider-hero-page #masthead .main-header {
    background: transparent;
    border-bottom: 0;
}

.virsapiens-slider-hero-page #masthead .main-navigation ul.menu > li::after {
    background: #fff;
}

.virsapiens-slider-hero {
    position: relative;
    z-index: 1;
    clear: both;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #111;
}

.virsapiens-slider-hero > .n2_clear,
.virsapiens-slider-hero .n2-section-smartslider,
.virsapiens-slider-hero ss3-force-full-width {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.virsapiens-slider-hero .n2-ss-slider,
.virsapiens-slider-hero .n2-ss-slide {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.virsapiens-slider-hero-error {
    margin: 0;
    padding: 12px 20px;
    color: #fff;
    background: #b32d2e;
}

@media only screen and (max-width: 1024px) {
    .virsapiens-slider-hero-page #masthead .header-t {
        background: rgba(17, 17, 17, 0.28);
    }
}