/*		Typo		*/
.smhi-component--darkmode h1,
.smhi-component--darkmode .heading,
.smhi-component--darkmode .subheading,
.smhi-component--darkmode .subheading3,
.smhi-component--darkmode p {
    color: var(--color-Nadir);
}

.smhi-component--darkmode .sv-font-rubrik-niva-4 {
    color: var(--color-cloud-100);
}

/*		Decoration - Infobox		*/
/*
.smhi-component--darkmode .smhi-infobox a {
    color: var(--color-cloud-100);
}*/

/*		Decoration - Related links (TEMPORARY)		*/

.smhi-component--darkmode .smhi-related-reading .sv-horizontal:first-child {
    background-color: var(--colorOcean100);
    color: var(--colorOcean50);
}

.smhi-component--darkmode .smhi-related-reading .sv-horizontal h2,
.smhi-component--darkmode .smhi-related-reading .sv-horizontal h3,
.smhi-component--darkmode .smhi-related-reading .sv-horizontal h4,
.smhi-component--darkmode .smhi-related-reading .sv-horizontal:first-child p {
    color: var(--colorOcean50);
}

.smhi-component--darkmode .smhi-related-reading .sv-horizontal .sv-image-portlet {
    border: 1px solid var(--colorOcean50);
}

.smhi-component--darkmode .smhi-related-reading .sv-horizontal .sv-svg {
    filter: invert(74%) sepia(40%) saturate(7099%) hue-rotate(136deg) brightness(89%) contrast(76%);
}

/*		Decoration - Contactbox		*/
.smhi-component--darkmode .smhi-contact-box .sv-horizontal .sv-svg {
    filter: invert(72%) sepia(67%) saturate(5694%) hue-rotate(2deg) brightness(93%) contrast(104%);
}

/*		Sections		*/
.smhi-component--darkmode.smhi-section--more-info .sv-image-portlet img.sv-svg,
.smhi-component--darkmode.smhi-section--did-you-know .sv-image-portlet img,
.smhi-component--darkmode.smhi-section--highlight .sv-image-portlet img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.smhi-component--darkmode.smhi-section--did-you-know .normal a,
.smhi-component--darkmode.smhi-section--highlight .normal a {
    color: var(--color-cloud-100) !important;
}

.smhi-component--darkmode.smhi-section--did-you-know .normal a:after,
.smhi-component--darkmode.smhi-section--highlight .normal a:after {
    background-color: var(--color-cloud-100) !important;
}