/**
 * @file Contains styling for the subweb landing page.
 */

 body {
    overflow-x: hidden;
 }

.smhi-page-header {
    --header-background-color: transparent;

    box-sizing: border-box;
    left: 0;
    padding-bottom: reset;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 20;
}

/*      Header      */

.smhi-header-logo__item.smhi-header-logo__item--is-link.smhi-header-logo__item--is-subweb {
    color: var(--color-sky-30);
}

.sv-marketplace-sitevision-main-menu nav > ul > li > a,
.sv-marketplace-sitevision-main-menu nav > ul > li > .env-dropdown > button,
.smhi-header-search__toggle,
.sv-marketplace-sitevision-mobile-menu nav > button,
.sv-minimenu nav > ul > li > span > a,
.sv-minimenu nav > ul > li > span > .env-dropdown > button,
.sv-minimenu nav button {
    color: var(--color-cloud-10) !important;
}


.smhi-page-header .sv-marketplace-sitevision-main-menu .env-nav__link:hover,
.sv-marketplace-sitevision-main-menu nav > ul > li > .env-dropdown > button:hover,
.smhi-header-search__toggle:hover,
.smhi-page-header nav>.env-button--link:hover,
.sv-minimenu nav > ul > li > span > a:hover,
.sv-minimenu nav > ul > li > span > .env-dropdown > button:hover,
.sv-minimenu nav button:hover   {
    background-color: var(--color-sky-100) !important;
    color: var(--color-cloud-10) !important;
}

.smhi-header-search__toggle--active,
.smhi-header-search__toggle--active:hover {
    background-color: var(--color-sky-100)!important;
    color: var(--color-cloud-10);
}

.sv-template-underwebb-landningssida .smhi-page-header .smhi-header-search__field {
    background-color: rgba(245, 246, 247, .4)!important;
}

/*      Sektion hero        */
.smhi-subweb.smhi-section--frontpage h1,
.smhi-subweb.smhi-section--frontpage p {
    margin: 0 auto!important;
}

.smhi-section--bg-img .pagecontent>.sv-image-portlet {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.smhi-section--bg-img .pagecontent > .sv-image-portlet:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(29, 29, 29, 0.2);
    z-index: 9;
}

.smhi-section--bg-img .pagecontent >.sv-image-portlet img {
    background: linear-gradient(0deg, rgba(29, 29, 29, 0.20) 0%, rgba(29, 29, 29, 0.20) 100%), lightgray 50% / cover no-repeat;
    background-blend-mode: multiply, normal;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
}

@media screen and (min-width: 64.0625rem) {
    .smhi-page-main main .smhi-subweb.smhi-section--frontpage.smhi-section--bg-img {
        padding: 12.25rem var(--desktop-side-spacing);
    }
}

@media screen and (max-width: 64rem) and (min-width: 48rem) {
    .smhi-page-main main .smhi-subweb.smhi-section--frontpage.smhi-section--bg-img {
        padding: 8rem var(--tablet-side-spacing);
    }
}

@media screen and (min-width: 48rem) {

    .smhi-subweb.smhi-section--frontpage h1 {
        font-size: 5.5rem;
        line-height: 1.18;
    }

    .smhi-subweb.smhi-section--frontpage p {
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.3;
    }
}

@media screen and (max-width: 47.9375rem) {
    .smhi-subweb.smhi-section--frontpage h1 {
        font-size: 2.5rem;
        line-height: 1.4;
    }

    .smhi-subweb.smhi-section--frontpage p {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.4;
    }

    .smhi-page-main main .smhi-subweb.smhi-section--frontpage.smhi-section--bg-img {
        padding: 6rem var(--mobile-side-spacing);
    }

    .smhi-section--bg-img:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        background: linear-gradient(90deg, #1B2B36 0%, rgba(0, 54, 122, 0.2) 100%);
        z-index: 9;
    }
}