/* Karriärsidan 2024 - main.css */

body.sv-theme-sbab {
   font-size: unset;
}

/*@media only screen and (max-width: 768px) {
    body.sv-theme-sbab {
        --env-font-size-base: 1em;
    }
}*/

.sv-edit-mode.sv-template-karriar main,
.sv-edit-mode.sv-template-karriar-undersida main {
   transform: translateY(-2.3rem);
}

/* Grid */
.sv-grid-standard {
   padding: 0 0.5em;
   width: auto !important;
}

@media (min-width: 641px) {
   .sv-grid-standard {
      padding: 0 1em;
   }
}

/* Typografi */

/* - Headings */
h1, h2, h3, h4, h5, h6,
h1.typography-h1, 
h2.typography-h2,
h3.typography-h3,
h4.typography-h4,
h5.typography-h5,
h6.typography-h6,
h2.typography-h2-smaller {
   font-weight: 600;
   font-family: var(--env-font-family);
}
h1.sv-font-hero-titel {
   font-size: 20vw;
   font-weight: 600;
   font-family: var(--env-font-family);
   color: var(--env-font-color);
   margin-bottom: 0.25em;
}
h2, h2.typography-h2 {
   font-size: 2.25rem;
   font-family: var(--env-font-family);
}
h3, h3.typography-h3 {
   font-size: 1.5rem;
   font-family: var(--env-font-family);
}

h4, h4.typography-h4,
h2.typography-h2-smaller {
   font-size: 1.875rem;
}

.typography-paragraph, p.typography-paragraph {
   line-height: 1.35 !important;
   font-size: var(--env-font-size-base) !important;
}
@media (min-width: 640px) {
   h1.sv-font-hero-titel {
      font-size: 8rem;
   }
}
@media (min-width: 950px) {
   h1.sv-font-hero-titel {
      font-size: 10rem;
      margin-bottom: 0.1em;
   }
   h2, h2.typography-h2 {
      font-size: 2.667rem;
      font-family: var(--env-font-family);
   }
   h3, h3.typography-h3 {
      font-size: 1.333rem;
      font-family: var(--env-font-family);
   }
}

/* - Paragraphs */

.sv-text-portlet {
   width: 100%;
   max-width: 640px;
}
.sv-text-portlet p.normal {
   line-height: 1.35;
   font-size: var(--env-font-size-base);
}
.sv-text-portlet h1.typography-h1 + p.normal,
.sv-text-portlet h2.typography-h2 + p.normal,
.sv-text-portlet h3.typography-h3 + p.normal,
.sv-text-portlet p.normal + p.normal,
.sv-text-portlet p.normal + ul,
.sv-text-portlet + .sv-layout,
.sv-text-portlet + .sv-custom-module {
   margin-top: 1rem;
}

.sv-text-portlet ul li {
   margin: 0.5rem 0;
}

/* Links */
a.env-button.env-button--link:link, a.env-button.env-button--link:visited,
a.env-button.env-button--link:link:hover, a.env-button.env-button--link:visited:hover{
  color: var(--env-font-color);
  text-decoration: none;
}
a.env-button:not(.env-button--ghost, .env-button--secondary, .env-button--link),
a.env-button:not(.env-button--ghost, .env-button--secondary, .env-button--link):hover {
   color: var(--env-element-font-color) !important;
   text-decoration: none;
}

/* Blockquote */

blockquote.sv-blockquote-edit,
blockquote.sv-blockquote-edit:lang(sv),
blockquote.sv-blockquote:lang(sv),
blockquote.sv-blockquote-edit:lang(en),
blockquote.sv-blockquote:lang(en) {
   position: relative;
   background: transparent;
   font-size: 1.25em;
   padding-left: 6rem;
   line-height: 1.5;
   margin: 0;
}

blockquote.sv-blockquote:before, 
blockquote.sv-blockquote-edit:before,
blockquote.sv-blockquote-edit:lang(sv):before, 
blockquote.sv-blockquote:lang(sv):before,
blockquote.sv-blockquote-edit:lang(en):before, 
blockquote.sv-blockquote:lang(en):before {
   content: "";
   display: block;
   background: transparent url('/images/18.3dd4193a1867e1c4847130a/1678887722630/Quote.svg') no-repeat;
   background-position: 0 100%;
   background-size: 100%;
   height: 5rem;
   width: 4rem;
   transform: rotate(0deg);
   left: 0;
   position: absolute;
}

blockquote.sv-blockquote-edit:before,
blockquote.sv-blockquote-edit:lang(sv):before,
blockquote.sv-blockquote-edit:lang(en):before {
   position: absolute;
   background-position: top;
   left: 0;
   top: 0;
}

@media(max-width: 640px) {
   
   blockquote.sv-blockquote:lang(sv),
   blockquote.sv-blockquote:lang(en) {
      padding-left: 0;
      padding-top: 2.5em;
   }
   
   blockquote.sv-blockquote:before, 
   blockquote.sv-blockquote-edit:before,
   blockquote.sv-blockquote-edit:lang(sv):before, 
   blockquote.sv-blockquote:lang(sv):before,
   blockquote.sv-blockquote-edit:lang(en):before, 
   blockquote.sv-blockquote:lang(en):before {
      height: 4rem;
   	top: 0em;
   	left: -0.25em;
	}
}

/* Dekorationer - CSS-regler */
.flex.flex-column-column,
.sv-grid-standard .sv-row *[class*='sv-column-'].flex.flex-column-column, 
.sv-grid-standard.sv-fluid-grid *[class*='sv-row'] *[class*='sv-column-'].flex.flex-column-column {
   flex-direction: column;
}
@media(max-width: 640px) {
   .flex.flex-column-column,
   .sv-grid-standard .sv-row *[class*='sv-column-'].flex.flex-column-column, 
   .sv-grid-standard.sv-fluid-grid *[class*='sv-row'] *[class*='sv-column-'].flex.flex-column-column {
      flex-direction: column!important;
      display: flex !important;
   }
   .grid-columns-reverse {
		display: flex;
      flex-direction: column-reverse;
   }
   .grid-columns-reverse > .sv-layout {
      margin: 0;
   }
   #Mittenspalt + .sv-grid-standard > .grid-columns-reverse > .sv-layout > .sv-image-portlet {
      margin-left: -0.5em;
      margin-right: -0.5em;
      max-height: 220px;
      overflow: hidden;
   }
   
   #Mittenspalt + .sv-grid-standard > .grid-columns-reverse > .sv-layout > .sv-image-portlet img {
     max-height: 220px;
   }
   
   .env-block-primary .grid-columns-reverse,
   .env-block-secondary .grid-columns-reverse{
      gap: 1.5em;
   }
   .env-block-primary .grid-columns-reverse:before,
   .env-block-primary .grid-columns-reverse:after {
      display: none;
   }
}

/* Blocks */

.env-block, .env-block-primary, .env-block-secondary {
   padding: 2.6rem 0;
}
@media(min-width: 641px) {
   .env-block, .env-block-primary, .env-block-secondary {
   padding: 3.6rem 0;
}
}

/* Knappar */
.env-button {
   min-height: 3em;
   padding: 0 3.5em;
   white-space: nowrap;
   font-weight: 600;
   transition: all 0.2s ease;
}
.env-button:hover, .env-button--primary:hover {
   background-color: #5e5e5e;
}
.env-button--ghost:hover {
   color: var(--env-element-background-color);
	background-color: #0000001a;
}
.env-button--link {
   gap: var(--env-spacing-x-small);
   padding: 0;
}
.env-button--link:after {
   content: "";
   display: block;
   background-image: url('/images/18.1f81472418f76c7c850155/1715799558991/arrow-stroke.svg');
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
   width: var(--env-spacing-large);
   height: var(--env-spacing-large);
   transition: 0.2s ease;
}
.env-button--link:hover {
    background-color:transparent;
}
.env-button--link:hover:after {
   transform: translateX(0.25em);
}
.env-text, .env-text p, .env-text--p, .env-text-p, p.env-text {
   font-size: var(--env-font-size-base);
}


.flex.flex-wrap:has(.sv-marketplace-sitevision-button) {
   gap: 10px;
}
@media(min-width: 641px) {
   .flex.flex-wrap:has(.sv-marketplace-sitevision-button) {
      gap: 1em;
   }
}

@media(max-width: 640px) {
   .env-button {
      min-height: 2.7em;
      width: 100%;
   }
   .flex.flex-wrap .sv-marketplace-sitevision-button {
      width: 100%;
   }
}

/* Other */
.sv-html-portlet:has(.youtube-embed) {
   display: flex;
   justify-content: flex-end;
}
.youtube-embed {
   aspect-ratio: 16/9;
   max-width: 567px;
   max-height: 315px;
}


/* Cookie */

.env-block-primary .callout-pgcex6,
.env-block-secondary .callout-pgcex6 {
   background-color: #fff !important;
}

/* Bildspel */

.sb-carreer--slideshow {
   display: flex;
}