/*			Infobox		*/

.smhi-infobox {
   border-radius: 0.125rem;
   border: 1px solid var(--color-cloud-30);
   background: var(--color-cloud-10);
   padding: 1rem;
   gap: 0.5rem;
   max-width: var(--max-text-content-width);
}

.smhi-infobox h2,
.smhi-infobox h3 {
   margin: 0 0 .25rem !important;
}

.smhi-infobox * {
   color: var(--color-cloud-100);
}

/*		Contact box & related links/reading		*/

.smhi-related-reading,
.smhi-contact-box {
   border-radius: 0.125rem;
   border: 1px solid var(--color-cloud-30);
   background: var(--color-zenith);
   max-width: var(--max-text-content-width);
}

.smhi-related-reading .sv-horizontal:first-child,
.smhi-contact-box .sv-horizontal:first-child,
.smhi-contact-box__heading {
   padding: 1rem;
   margin: 0;
   font-style: normal;
   font-weight: 700;
   display: flex;
   align-items: center;
}

.smhi-related-reading .sv-horizontal h2,
.smhi-related-reading .sv-horizontal h3,
.smhi-related-reading .sv-horizontal h4,
.smhi-related-reading .sv-horizontal:first-child p,
.smhi-contact-box .sv-horizontal h2,
.smhi-contact-box .sv-horizontal h3,
.smhi-contact-box .sv-horizontal h4,
.smhi-contact-box .sv-horizontal:first-child p {
   font-weight: 700;
   margin: 0 !important
}

.smhi-related-reading .sv-horizontal .sv-image-portlet,
.smhi-contact-box .sv-horizontal .sv-image-portlet,
.smhi-contact-box .sv-horizontal svg,
.smhi-contact-box__heading svg {
   display: flex;
   padding: 0.75rem;
   justify-content: center;
   align-items: center;
   border-radius: 62.5rem;
   margin-right: var(--env-spacing-medium);
}

.smhi-related-reading .sv-horizontal .sv-image-portlet img,
.smhi-contact-box .sv-horizontal .sv-image-portlet img {
   width: 1.5rem;
}

.smhi-related-reading .sv-decoration-content>.sv-text-portlet,
.smhi-contact-box .sv-decoration-content>form,
.smhi-contact-box .sv-decoration-content .sv-layout:last-child {
   padding: 1rem;
}

/*    Decoration: Formulär - Contactbox      */

.smhi-contact-box .sv-horizontal:first-child,
.smhi-contact-box__heading {
   background: var(--color-wildfire-10);
   color: var(--color-wildfire-60);
}

.smhi-contact-box .sv-horizontal h2,
.smhi-contact-box .sv-horizontal h3,
.smhi-contact-box .sv-horizontal h4,
.smhi-contact-box .sv-horizontal:first-child p {
   color: var(--color-wildfire-60);
}

.smhi-contact-box .sv-horizontal .sv-image-portlet,
.smhi-contact-box .sv-horizontal svg,
.smhi-contact-box__heading svg {
   border: 1px solid var(--color-wildfire-60);
}

.smhi-contact-box .sv-horizontal .sv-svg {
   filter: invert(23%) sepia(70%) saturate(3232%) hue-rotate(32deg) brightness(97%) contrast(101%);
}

/*    Related links/reading   */

.smhi-related-reading .sv-horizontal:first-child {
   background-color: var(--color-ocean-10);
   color: var(--color-ocean-60);
}

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

.smhi-related-reading .sv-horizontal .sv-image-portlet {
   border: 1px solid var(--color-ocean-60);
}

.smhi-related-reading .sv-horizontal .sv-svg {
   filter: invert(17%) sepia(100%) saturate(3868%) hue-rotate(171deg) brightness(95%) contrast(95%);
}

/*		Textblock		*/

.smhi-content-block .sv-text-portlet-content {
   max-width: 45rem;
   margin-bottom: 2rem;
}

.smhi-content-block .sv-image-portlet {
   display: flex;
   justify-content: center;
   overflow: hidden;
   flex-flow: column;
}

.smhi-content-block .sv-image-portlet img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   margin: 0;
   max-height: none !important;
   max-width: none !important;
}

/*		Quicklinks		*/

.smhi-quick-links .sv-decoration-content {
   gap: 1rem;
}

.smhi-quick-links .normal a:after,
.smhi-quick-links .env-button--link:after {
   content: '';
   width: 1.5rem;
   height: 1.5rem;
   display: inline-block;
   -webkit-mask-image: url("/images/18.1e06e3b418b6c84bee330f/1699429497283/arrow-right-outline-24x24.svg");
   mask-image: url("/images/18.1e06e3b418b6c84bee330f/1699429497283/arrow-right-outline-24x24.svg");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
}

.smhi-quick-links .normal a {
   display: inline-block;
}

.smhi-quick-links .normal a:after {
   background-color: var(--color-sky-60);
   margin-left: .25rem;
   vertical-align: bottom;
}

.smhi-quick-links .normal a:hover:after {
   background-color: var(--color-sky-70);
}

.smhi-quick-links .normal a:active {
   color: var(--color-sky-80);
}

.smhi-quick-links .normal a:active:after {
   background-color: var(--color-sky-80);
}

.smhi-quick-links .env-button--link:after {
   background-color: var(--color-cloud-100);
   margin-left: .5rem;
}

.smhi-image-next-to-image > .sv-layout > .sv-image-portlet img {
   max-width: 100%;
   object-fit: cover;
   margin-bottom: 24px;
}
@media screen and (min-width: 1280px) {
   .smhi-image-next-to-image > .sv-layout {
      display: flex;
   }
   .smhi-image-next-to-image > .sv-layout > .sv-image-portlet {
      width: calc(50% - 17px);
   }

   .smhi-image-next-to-image > .sv-layout > .sv-image-portlet:first-child {
      margin-right: 34px;
   }
}
@media screen and (min-width: 768px) {
   .smhi-image-next-to-image > .sv-layout > .sv-image-portlet {
      width: calc(50% - 12px);
   }

   .smhi-image-next-to-image > .sv-layout > .sv-image-portlet:first-child {
      margin-right: 24px;
   }
}
@media screen and (max-width: 320px) {
   .smhi-image-next-to-image > .sv-layout > .sv-image-portlet img {
      width: 100% !important;
      height: auto !important;
   }
}


@media screen and (min-width: 64.0625rem) {
   .smhi-related-reading {
      margin: 2rem 0 0;
   }

   /*		Contentblock, dekoration innehållsblock		*/


   .smhi-content-block .sv-decoration-content {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 2rem;
   }

   .smhi-content-block {
      padding: 4rem var(--desktop-side-spacing);
      margin: 0 auto;
      max-width: var(--grid-width);
   }
}

@media screen and (max-width: 64rem) {
   .smhi-related-reading {
      margin: 1rem 0 0;
   }

}

@media screen and (max-width: 64rem) and (min-width: 48rem) {
   .smhi-content-block {
      padding: 3rem 2rem;
   }
}

@media (min-width: 48rem) {

   .smhi-content-block .sv-image-portlet {
      max-width: 34rem;
      width: 100%;
   }

   .smhi-related-reading .sv-horizontal h2,
   .smhi-related-reading .sv-horizontal h3,
   .smhi-related-reading .sv-horizontal h4,
   .smhi-related-reading .sv-horizontal:first-child p,
   .smhi-contact-box .sv-horizontal h2,
   .smhi-contact-box .sv-horizontal h3,
   .smhi-contact-box .sv-horizontal h4,
   .smhi-contact-box .sv-horizontal:first-child p,
   .smhi-contact-box__heading {
      font-size: 1.25rem;
      line-height: 1.4;
   }

   .smhi-section-heading h1,
   .smhi-section-heading h2 {
      font-size: 1.25rem;
      line-height: 1.4;
   }

   .smhi-quick-links .sv-decoration-content {
      display: flex;
      flex-flow: wrap;
   }
}

@media (max-width: 47.9375rem) {

   .smhi-related-reading .sv-horizontal h2,
   .smhi-related-reading .sv-horizontal h3,
   .smhi-related-reading .sv-horizontal h4,
   .smhi-related-reading .sv-horizontal p {
      font-size: 1.125rem;
      line-height: 1.33;
   }

   .smhi-content-block .sv-image-portlet img {
      max-height: 19.25rem !important;
   }

   .smhi-content-block {
      padding: 2rem 1rem;
   }

   [class*="smhi-section"] .smhi-quick-links .sv-decoration-content {
      flex-flow: column;
   }
}