html {
  word-break: break-word;
}

.env-text-heading-03,
.env-text-heading-04 {
      display: inline;
		margin-block-start: 0.5rem;
}


@media(max-width: 576px) {
   .env-text-heading-01 {
      font-size: 2rem;
   }
   .env-text-heading-02 {
      font-size: 1.5rem;
   }
   .env-text-heading-03 {
      font-size: 1.25rem;
   }
   .env-text-heading-04 {
      font-size: 1.125rem;
   }
}

/*
.sp-news-tag {
  position: absolute;
  padding: 2rem;
  bottom: 0;
}
*/

.sp-menu-passage {
  display: flex;
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.5rem;
}

.sp-menu-passage a.normal {
  text-decoration: none;
}

.sp-menu-passage a.normal:hover .subheading4 {
  text-decoration: underline;
}

.sp-menu-passage a.sp-card {
  flex: 0 0 calc(100% * (1 / 3) - 5rem);
}

.sp-menu-passage .subheading4 {
   color:#004c38;
}

.sp-full-click-area-link {
  position: relative;
  transition: all 0.1s ease-in-out;
}

.sp-full-click-area-link:hover {
  transform: scale(1.015);
}

.sp-full-click-area-link a:before {
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
}

.sp-padding-bottom-3rem-desktop-1rem-mobile {
  padding-bottom: 3rem;
}

.sp-padding-top-3rem-desktop-1rem-mobile {
  padding-top: 3rem;
}

@media (prefers-reduced-motion) {
  .sp-full-click-area-link:hover {
    transform: none;
  }
}

@media (max-width: 576px) {
  .sp-padding-bottom-3rem-desktop-1rem-mobile {
    padding-bottom: 1rem;
  }
  .sp-padding-top-3rem-desktop-1rem-mobile {
    padding-top: 1rem;
  }
}

.sp-hjalpte-sidan-innehall {
  background-color: #e9e8e7;
  box-shadow: 0 14px 25px rgb(0 0 0 / 16%);
  margin-bottom: 2em;
  border-radius: 5px;
}

.sp-hjalpte-sidan-innehall form {
  padding: 2em;
}

.sp-hjalpte-sidan-innehall form input[type='submit'] {
  background-color: #004c38;
  color: white;
}

.sp-facts {
  background-color: #e9e8e7;
  margin-bottom: 2em;
  border-radius: 5px;
}

.sp-facts h2,
.sp-facts h3,
.sp-facts h4 {
   margin-top: .5rem!important;
}


.sp-facts-yellow {
    background-color: #f6dfa0;
}
.sp-storningar {
  position: fixed;
  right: 0;
  bottom: 0;
  margin: 1em;
  display: flex;
}

.sp-storningar:hover div {
  border-color: grey;
  transition: all 0.2s;
}

.sp-storningar div {
  border: 1px solid lightgray;
  margin: 0;
  padding: 0.5em 1em;
  background: white;
  font-weight: 600;
  border-radius: 500px;
  font-size: 15px;
}

.sp-storningar div a {
  text-decoration-color: lightgrey;
}

.sp-storningar div span {
  font-weight: 700;
}

.sp-storningar div i {
  color: red;
}

.sp-disturbance-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-disturbance-list__heading {
  margin-top: 0.25em;
  margin-bottom: 0;
  font-weight: 600;
}

.sp-disturbance-list__heading a {
  text-decoration: none;
  color: #004c38;
}

.sp-disturbance-list__item {
  margin-bottom: 3em;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 1em;
}

.sp-contact-collapse a.env-button,
.sp-jump-to-and-open-contact {
  background-color: #005474 !important;
}
.sp-contact-collapse a.env-button:hover,
.sp-jump-to-and-open-contact.hover {
  background-color: #01425b !important;
}

.sp-jump-to-and-open-contact {
  	margin-top: 1em;
	margin-bottom: 2em;
}
.sp-contact-collapse a.env-button[data-env-collapse]:after {
  content: '\f078';
}

.sp-contact-collapse a.env-button.env-collapse--expanded:after,
button.env-button.env-collapse--expanded:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sv-marketplace-sitevision-mobile-menu div {
    /*background-color: #004c38;*/
    border-radius: 5px;
   margin-left: 1em;
}

.sv-marketplace-sitevision-mobile-menu nav{
   background-color: #004c38;
   border-radius: 5px;
   /*padding: 80px 0;
   width: 400px;*/
   margin-left: auto; 
   /*box-shadow: -396px 0 0 3110px rgb(0 0 0 / 39%);*/
}

.sv-marketplace-sitevision-mobile-menu nav>button{
  	height: unset !important;
   padding: 0 0.8rem !important;
   width: unset !important;
}

.sv-marketplace-sitevision-mobile-menu nav .env-button--icon-small{
	top: .625em !important;
   right: .625em !important;
   left: initial!important;
}

.sv-marketplace-sitevision-mobile-menu nav>button:hover {
   color: #fff !important;
}

.sp-gislaved-50-menu nav>button:hover {
   color: #000 !important;
}


.sv-marketplace-sitevision-mobile-menu nav ul.env-list{
   padding: 0;
}

.sv-marketplace-sitevision-mobile-menu .env-list a{
    color: white;
    min-height: initial;
	 border-bottom: 1px solid rgba(255,255,255,0.25);
}

.sv-marketplace-sitevision-mobile-menu .env-list li{
}

.env-icon{
    color: white;
}

li ul li a {
    padding-left: 2em !important;
}

.sv-marketplace-sitevision-mobile-menu .env-list {
   background-color: #004c38;
}

.sv-marketplace-sitevision-mobile-menu .env-list a[data-active-item=true]{
   font-weight: initial !important; 
}

.sp-active-list-item > .env-icon {
    color: #004c38;
}

.sv-marketplace-sitevision-mobile-menu .env-list a.sp-active-link{
    background: #E2DEBB;
    color: #004c38;
    font-weight: 700 !important;
}

.sv-marketplace-sitevision-mobile-menu dialog {
   background-color: #004c38 !important;
   margin: 0;
   margin-left: auto;
   width: 400px;
   padding: 70px 0px 10px;
   /*bottom: unset; 
   left: unset;*/
}

/*.sv-marketplace-sitevision-mobile-menu dialog::backdrop { 
	display: none;
}*/

.sv-marketplace-sitevision-mobile-menu dialog a.env-button.env-button--icon:not(.env-button--icon-after):not(.env-button--icon-before):not(.env-button--icon-around):not(.env-button--icon-above):first-of-type{
   height: initial;
	width: initial;
   color: white;
	padding: 0 1em;
   display: flex;
	gap: 0.5em;
   text-decoration: none;
   align-items: center;
}


.sv-marketplace-sitevision-mobile-menu dialog a.env-button.env-button--icon:not(.env-button--icon-after):not(.env-button--icon-before):not(.env-button--icon-around):not(.env-button--icon-above):first-of-type:hover{
    text-decoration: underline;
    background-color: var(--env-element-background-color-dark);
}

.sv-marketplace-sitevision-mobile-menu dialog .env-button--link {
   color: #fff;
}

.sp-gislaved-50-menu  .env-button--link {
   color: #000 !important;
}

.nav-cover {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgb(0 0 0 / 39%);
}


.sp-e-service {
   margin: 1.5rem 0;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer {
    background-color: var(--env-element-background-color);
    color: var(--env-font-color-invert);
    padding: .44em 1rem;
	 border-radius: 5px;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-text-portlet-content .normal {
    margin: 0;
    padding: 0;
    color: white;
    font-size: .9rem;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-text-portlet-content .normal a{
   color: white;
   text-decoration: none;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-text-portlet-content .normal a:hover {
   text-decoration: underline;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer {
    display: flex;
 	 align-items: center;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-html-portlet.sv-portlet {
    display: flex;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-html-portlet.sv-portlet:first-of-type {
    margin-right: 1em;
}

.sv-vertical.sv-layout.sp-e-service.sv-skip-spacer .sv-html-portlet.sv-portlet:last-of-type {
    margin-left: auto;
}


@media (max-width: 576px) {
  .sv-marketplace-sitevision-mobile-menu nav {
    width: 100%;
  }

  .sv-marketplace-sitevision-mobile-menu nav a {
    padding: 1em 1em;
  }
}

@media (max-width: 768px) {
  .sp-menu-passage {
    flex-direction: column;
  }

  main {
    overflow: auto;
  }
}


/*Gislaved 50 år */
.sp-gislaved-50-menu .sp-menu-passage .sp-card {
   background-color: #fff !important;
}

@media (max-width: 576px) {
	.sp-gislaved-50-menu .sp-menu-passage {
   	margin-top: 15rem !important;
      padding-bottom: 3rem;
	}
}

.sp-gislaved-50-menu nav {
   background-color: #F6DFA0 !important;
   border-color: #F6DFA0 !important;
   /*border: 1px solid #F6DFA0 !important;*/
   color: #000;
}

.sp-gislaved-50-menu nav .sp-menu-text, .sp-gislaved-50-menu nav .fa-bars {
   color: #202330 !important;
}

.sp-gislaved-50-menu nav dialog, .sp-gislaved-50-menu .env-list {
   background-color: #F6DFA0 !important;
}

.sp-gislaved-50-menu nav dialog, .sp-gislaved-50-menu.sv-marketplace-sitevision-mobile-menu .env-list a {
	border-bottom: 1.5px solid #efd386;
}

.sp-gislaved-50-menu nav dialog, .sp-gislaved-50-menu.sv-marketplace-sitevision-mobile-menu i {
   color: black;
}

.sp-gislaved-50-menu nav dialog, .sp-gislaved-50-menu .env-button.env-button--icon  .env-icon {
   color: black;
}

.sp-gislaved-50-menu .env-list a {
    color: #202330 !important;
}

.sp-gislaved-50-menu .sv-marketplace-sitevision-mobile-menu div {
   background-color: transparent !important;
}

.sp-gislaved-50-menu-btn .env-button {
   background-color: transparent;
   border: unset;
   text-decoration: underline;
   color: var(--env-font-color);
}


@media (max-width: 576px) {
	.sp-gislaved-50-menu-btn .env-button {
   	display: none;
   }
}


.sp-gislaved-50-hero .sp-padding-bottom-3rem-desktop-1rem-mobile {
   margin-top: 235px !important;
}

@media (max-width: 768px) {
	.sp-gislaved-50-hero .heading  {
   	margin-top: 3rem !important;
      font-size: 2.5rem !important;
	}
}

/*
.sv-marketplace-sitevision-mobile-menu nav dialog .env-button--link:first-child {
   margin-top: -2.5rem !important;
}

.sp-gislaved-50-menu .sv-marketplace-sitevision-mobile-menu nav dialog .env-button--link:first-child {
   margin-top: -2rem !important;
}
*/

.sp-gislaved-50-menu  .env-list a.sp-active-link {
   background: #efd386;
}


.sp-gislaved-50-search svg {
   color: #000;
}

.sp-gislaved-50-menu .sv-marketplace-sitevision-mobile-menu nav dialog .env-button--icon {
   color: black !important;
}

/*Gislaved 50 år sigill på nyhetsbilder */
.sp-puff-sigill {
	position: relative;
}

.sp-puff-sigill .subheading3 {
   color: #000 !important;
}

.sp-puff-sigill-logo {
   position: absolute;
   z-index: 100;
   border-radius: 50%;
 	left: 0.5rem;
   top: 0.5rem;
   transform: rotate(-20deg);
}

.sp-puff-sigill-logo img {
   max-width: 172px;
   max-height: 172px;
   min-height: unset !important;
   height: auto !important;
}

.sp-puff-sigill-logo img .sv-responsive .sv-archive-portlet .sv-channel-image:first-of-type {
   width: unset !important;
}

.sp-puff-sigill-logo-news {
   position: absolute;
   z-index: 100;
   border-radius: 50%;
 	left: 0.5rem;
   top: 0.5rem;
   transform: rotate(-20deg);
   max-width: 80px;
   border-radius: 100%;
}

.sp-puff-sigill-logo-news img {
   max-width: 172px;
   max-height: 172px;
   min-height: unset !important;
   height: auto !important;
}


/*Gislaved 50 år taggar på nyhetsbilder */
.sp-puff-sigill .sp-news-tag, .sp-gislaved-50-linked-puffs .sp-news-tag {
	background-color: #F6DFA0;
   min-height: 2.5rem;
   padding: 0.8rem;
   border-radius: calc(var(--env-button-border-radius)*1);
}

.sp-puff-sigill-news  {
	margin-top: 1rem;
}

/*Gislaved 50 år hero */
.sp-gislaved-50-hero {
   position: relative;
}

.sp-gislaved-50-hero p.heading {
   font-size: 3rem;
}

.sp-gislaved-50-hero .sp-card {
   background-color: #fff;
}

.sp-gislaved-50-hero-logo {
   position: absolute; 
   z-index: 100; 
   right: 20rem;   
   top: 5.5rem; 
   border-radius: 50%; 
   opacity: 95%;
}

.sp-gislaved-50-hero-logo img {
   max-height: unset !important;
   min-height: unset !important;
   max-width: 250px;
  	min-width: 50%;
}

/*Gislaved 50 puffar startsida */
.sp-gislaved-50-menu .sp-menu-passage .sp-card:last-child {
   display: none;
}

.sp-gislaved-50-menu .sp-menu-passage .sp-card span {
   color: #000 !important;
}

.sp-gislaved-50-menu .sp-menu-passage .sp-card i {
   color: #000 !important;
}

.sp-gislaved-50-linked-puffs h1,
.sp-gislaved-50-linked-puffs h2, 
.sp-gislaved-50-linked-puffs h3,
.sp-gislaved-50-linked-puffs h4, 
.sp-gislaved-50-linked-puffs h5{
   color: #000 !important;
}
 
.sp-gislaved-50-mall .sv-showtags-portlet a {
   padding: 0.8rem;
}

/* CLL */

.sp-cll-search {
       background: var(--env-element-primary-background-color) !important;
    color: var(--env-element-primary-font-color) !important;
}

.sv-marketplace-sitevision-file-share .env-icon {
    color: #000;
}

.sv-marketplace-sitevision-file-share .env-button .env-icon {
    color: #fff;
}

.sv-marketplace-sitevision-file-share .env-flex__item .env-button .env-icon {
    color: #000;
}