/*		Sections		*/

/*
.smhi-section--nav-container .sv-grid-1280,
.smhi-section--more-info .sv-grid-1280,
.smhi-section--frontpage .sv-grid-1280,
.smhi-section--did-you-know .sv-grid-1280,
.smhi-section--highlight .sv-grid-1280 {
    width: 100%;
}*/

/*		Highlight and did you know		*/

.smhi-section--did-you-know,
.smhi-section--highlight {
    padding: 4rem 1rem;
    background-color: var(--color-horizon-10);
}



.smhi-section--did-you-know .sv-image-portlet+.sv-vertical.sv-layout,
.smhi-section--highlight .sv-image-portlet+.sv-vertical.sv-layout {
    max-width: 45rem;
}

.smhi-section--did-you-know .smhi-quick-links,
.smhi-section--highlight .smhi-quick-links {
    margin-top: 2rem;
}

/*		Highlight		*/

.smhi-section--highlight h2 {
    color: var(--color-cloud-100);
}

/*		DID YOU KNOW...		*/

.smhi-section--did-you-know .smhi-section-heading h1,
.smhi-section--did-you-know .smhi-section-heading h2,
.smhi-section--did-you-know .env-ui-text-overline {
    color: var(--color-sky-70);
    font-family: var(--font-family-heading);
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    border: none !important;
    margin-bottom: .25rem!important;
}

.smhi-section--did-you-know h2:not(.smhi-section-heading h2),
.smhi-section--did-you-know h3:not(.smhi-section-heading h3) {
    margin: 0 0 1rem!important;
    color: var(--color-sky-100);
}

.smhi-section--did-you-know .normal {
    color: var(--color-sky-70);
}

/*		Frontpage + More info		*/

.smhi-section--more-info,
.smhi-section--frontpage {
    background-color: var(--color-horizon-10);
}

.smhi-section--more-info [class*="sv-column-"]>.sv-portlet,
.smhi-section--more-info [class*="sv-column-"]>.sv-text-portlet,
.smhi-section--more-info [class*="sv-column-"]>.sv-custom-module,
.smhi-section--more-info [class*="sv-column-"]>.sv-layout,
.smhi-section--frontpage [class*="sv-column-"]>.sv-portlet,
.smhi-section--frontpage [class*="sv-column-"]>.sv-text-portlet,
.smhi-section--frontpage [class*="sv-column-"]>.sv-custom-module,
.smhi-section--frontpage [class*="sv-column-"]>.sv-layout {
    margin-bottom: 1.5rem;
}

.smhi-section--more-info .sv-row:last-child,
.smhi-section--frontpage:not(.smhi-subweb) [class*="sv-column-"] *:last-child:not(.smhi-card *, [class*="smhi-section-"], .smhi-section--did-you-know *, .smhi-quick-links),
.smhi-section--frontpage .sv-row:last-child {
    margin: 0 !important;
}

.smhi-section--more-info .smhi-section-heading,
.smhi-section--frontpage .smhi-section-heading {
    margin: 0 0 2rem;
}

.smhi-section--more-info h1,
.smhi-section--more-info h2,
.smhi-section--more-info p,
.smhi-section--frontpage h1,
.smhi-section--frontpage h2,
.smhi-section--frontpage p {
    max-width: calc(var(--max-big-text-content-width) + 3.25rem);
}

.smhi-section--more-info p.normal,
.smhi-section--frontpage p.normal {
    max-width: var(--max-text-content-width);
}

/*		Sektion - Navigation		*/

.smhi-section--nav-container {
    padding: 4rem;
    background-color: var(--color-horizon-10);
}

/*      Sektion - Kunskapsbanken        */

.smhi-section--kb {
    background-color: var(--color-sky-10, #002863);
}

.smhi-section--kb .smhi-section-heading h1,
.smhi-section--kb .smhi-section-heading h2 {
    color: var(--color-sunlight-30, #FDEB1B);
    border-color: var(--color-sunlight-30, #FDEB1B);
}

.smhi-section--kb .sv-text-portlet {
    max-width: var(--max-character-width);
}

.smhi-section--kb .sv-text-portlet .normal {
    margin-top: .5rem;
}

.smhi-section--kb .env-form-element__label {
    color: var(--color-zenith, #fff);
}


.smhi-section--kb .smhi-section--did-you-know {
    background-color: var(--color-sky-10, #002863);
    border: 0.0625rem solid var(--color-sky-50, #0C6BC4);
}

.smhi-section--kb .smhi-section--did-you-know h2:not(.smhi-section-heading h2), 
.smhi-section--kb .smhi-section--did-you-know h3:not(.smhi-section-heading h3) {
    color: var(--color-nadir, #fff);
}

.smhi-section--kb .smhi-section--did-you-know h3 {
    margin-top: 0;
}


/*		COLORS		*/

.smhi-section--white {
    background-color: var(--color-zenith);
}

.smhi-section--cloud {
    background: var(--color-cloud-10);
}

/*		IMAGE		*/

.smhi-section--bg-img {
    position: relative;
    background-color: #12212B;
    position: relative;
}

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

.smhi-section--bg-img>.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>.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;
}

.smhi-section--bg-img .sv-grid-1280 {
    position: relative;
    z-index: 10;
}

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

.smhi-section--bg-img .preamble {
    margin: 1rem 0 0;
    font-family: var(--font-family-heading);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.33;
    max-width: var(--max-character-width);
    color: var(--colorCloud10);
}

.smhi-section--bg-img .smhi-quick-links .sv-decoration-content {
    gap: 1.5rem;
}

/*		Mer info + bakgrund		*/

.smhi-section--more-info.smhi-section--bg-img>.sv-image-portlet:before {
    background: rgba(29, 29, 29, 0.4);
}

.smhi-section--more-info.smhi-section--bg-img:before {
    background: linear-gradient(90deg, #0E0E0E 0%, rgba(0, 16, 37, 0) 100%);
}


/*		Sektionskomponent - Nyheter	*/

.smhi-section-news {
    background: var(--color-zenith);
    padding: 1rem;
    border-radius: .125rem;
}

.smhi-section-news .smhi-quick-links {
    margin-top: 1rem !important;
}

/*		Sektionskomponent - Sektionsrubrik används */

.smhi-section--more-info .smhi-section-heading,
.smhi-section--frontpage .smhi-section-heading {
    margin-bottom: 3rem !important;
}



@media (min-width: 64.0625rem) {

    .sv-grid-1280 .smhi-section--did-you-know,
    .smhi-section--did-you-know .sv-column-12,
    .sv-grid-1280 .smhi-section--highlight,
    .smhi-section--highlight .sv-column-12 {
        gap: 4rem;
    }

    .smhi-section-news .sv-archive-portlet ul {
        display: flex;
        gap: 1rem;
    }

    .smhi-section-news .sv-archive-portlet li {
        width: calc(100%/3);
        margin-bottom: 0 !important;
    }

    .smhi-section--more-info {
        padding: 4rem 4rem;
    }

    .smhi-section--frontpage {
        padding: 6rem 4rem;
    }

    .smhi-section--kb {
        padding: 6rem 0;
    }

}

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

    .sv-grid-1280 .smhi-section--did-you-know,
    .smhi-section--did-you-know .sv-column-12,
    .sv-grid-1280 .smhi-section--highlight,
    .smhi-section--highlight .sv-column-12 {
        gap: 2rem;
    }

    .smhi-section--did-you-know {
        padding: 3rem;
    }

    .smhi-section--highlight {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .smhi-section--nav-container,
    .smhi-section--more-info {
        padding: 3rem 2rem;
    }

    .smhi-section--frontpage {
        padding: 8rem 2rem;
    }

    .smhi-section--more-info .sv-column-4:not(:last-child) {
        margin-bottom: 3rem;
    }
    
    

}

@media (min-width: 48rem) {

    .smhi-section--frontpage .sv-row {
        margin-bottom: 6rem;
    }

    .smhi-section--more-info .sv-row {
        margin-bottom: 2rem;
    }

    .smhi-section--did-you-know,
    .smhi-section--highlight {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .sv-grid-1280 .smhi-section--did-you-know,
    .smhi-section--did-you-know .sv-column-12,
    .sv-grid-1280 .smhi-section--highlight,
    .smhi-section--highlight .sv-column-12 {
        display: flex !important;
        align-items: center;
    }

    .smhi-section--did-you-know .sv-image-portlet,
    .smhi-section--highlight .sv-image-portlet {
        min-width: calc(100%/4);
        text-align: right;
    }

    .smhi-section--highlight {
        padding: 4rem 4rem;
    }

    .smhi-section--did-you-know .sv-image-portlet img,
    .smhi-section--highlight .sv-image-portlet img {
        width: 9.5rem;
        height: auto;
        max-width: 9.5rem;
        max-height: auto;
    }

    .smhi-section--overline-in-use h2.subheading:not(.smhi-section-heading h2.subheading) {
        font-weight: 700;
        font-size: 2.5rem;
        line-height: 1.2;
    }

    .smhi-section--overline-in-use h3.subheading3:not(.smhi-card h3.subheading3) {
        font-size: 2rem;
        line-height: 1.25;
        font-weight: 400;
    }

    .smhi-section--more-info,
    .smhi-section--frontpage,
    .smhi-section--nav-container {
        padding-right: 0;
        padding-left: 0;
    }

    .smhi-section--kb {
        padding: 4rem 0;
    }
}

@media (max-width: 47.9375rem) {

    .smhi-section--did-you-know .sv-image-portlet img,
    .smhi-section--highlight .sv-image-portlet img {
        width: 5.5rem;
        height: auto;
        max-width: 5.5rem;
        max-height: auto;
    }

    .smhi-section--did-you-know,
    .smhi-section--nav-container,
    .smhi-section--more-info {
        padding: 2rem 1rem;
    }

    .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;
    }

    .smhi-section--frontpage {
        padding: 4rem 1rem;
    }

    .smhi-section--frontpage .sv-row {
        margin-bottom: 2rem;
    }

    .smhi-section-news .smhi-card__image {
        display: none;
    }

    .smhi-section--did-you-know .sv-image-portlet img,
    .smhi-section--highlight .sv-image-portlet img {
        max-width: 5.5rem;
        margin-bottom: 1rem;
    }

    .smhi-section--highlight .sv-image-portlet {
        text-align: center;
    }

    .smhi-section--overline-in-use h2.subheading:not(.smhi-section-heading h2.subheading) {
        font-size: 2rem;
        line-height: 1.25;
        font-weight: 700;
    }

    .smhi-section--overline-in-use h3.subheading3:not(.smhi-card h3.subheading3) {
        font-size: 1.25rem;
        line-height: 1.4;
        font-weight: 400;
    }

    .smhi-section--did-you-know .sv-grid-1280,
    .smhi-section--highlight .sv-grid-1280,
    .smhi-section--more-info,
    .smhi-section--frontpage,
    .smhi-section--nav-container {
        padding-right: 0;
        padding-left: 0;
    }

    .smhi-section--kb {
        padding: 4rem 0;
    }

}