/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author URI: https://themeforest.net/user/themenectar
Template: salient
Version: 1.1
*/

/* =========================================================
   Globala variabler
   ========================================================= */
:root {--hc-accent: #ca722a; --hc-accent-transp: #ca722aad; --hc-vit: #ffffff; --hc-mork: #1f1f1f; --hc-grayback: #f3f2f0; --hc-knapp-radius: 6px; --hc-knapp-border-width: 1px;}

/* =========================================================
   Kontorsloop – Salient Post Grid, kontorsobjekt
   ========================================================= */
.kontorsloop h2 {font-size: clamp(24px, 2vw, 30px) !important;}
.kontor-loop-kol > .vc_column-inner {max-width: 1000px; margin-left: auto; margin-right: auto;}
.kontorsloop {--kontor-radius: 10px; text-align: left;}
.kontorsloop .nectar-post-grid-filters {display: none;}
.kontorsloop .nectar-post-grid[data-columns="1"] {display: flex; flex-direction: column; gap: clamp(54px, 7vw, 88px); overflow: visible !important;}
.kontorsloop .nectar-post-grid-item {position: relative; overflow: visible !important;}
.kontorsloop .nectar-post-grid-item > .inner {position: relative; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(400px, 42%); align-items: center !important; min-height: 390px; overflow: visible !important;}
.kontorsloop .nectar-post-grid-item .content {position: relative !important; z-index: 3; grid-column: 1 / 3; grid-row: 1; width: 63% !important; max-width: none !important; min-height: 370px; display: flex !important; align-items: center; box-sizing: border-box !important; background: var(--hc-grayback); padding: clamp(46px, 5vw, 68px) !important; border-radius: var(--kontor-radius); transition: background-color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;}
.kontorsloop .nectar-post-grid-item .item-main {width: 100%; max-width: 440px; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important;}
.kontorsloop .post-heading {margin: 0 0 15px !important; line-height: 1.05 !important; letter-spacing: -0.04em; color: #171717 !important;}
.kontorsloop .post-heading span {color: inherit !important;}
.kontorsloop .nectar-post-grid-item__custom-fields {margin-top: 0 !important; padding: 0 !important;}
.kontorsloop .nectar-post-grid-item__custom-field[data-key="introtext"] {display: block; max-width: 440px; font-size: clamp(16px, 1.1vw, 18px); line-height: 1.7; color: #505050;}
.kontorsloop .nectar-post-grid-item .nectar-post-grid-item-bg-wrap {position: relative !important; z-index: 4; grid-column: 2; grid-row: 1; align-self: center !important; justify-self: end; width: 108% !important; height: auto !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; margin: 0 0 0 -8% !important; overflow: visible !important;}
.kontorsloop .nectar-post-grid-item .nectar-post-grid-item-bg-wrap-inner {position: relative !important; width: 100%; height: auto !important; overflow: hidden; border-radius: var(--kontor-radius); aspect-ratio: 4 / 3; box-shadow: 0 24px 54px rgba(0, 0, 0, 0.16); transform: translateZ(0); transition: transform 0.32s ease, box-shadow 0.32s ease;}
.kontorsloop .nectar-post-grid-item .nectar-post-grid-item-bg {position: absolute !important; inset: 0; width: 100%; height: 100%;}
.kontorsloop .nectar-post-grid-item .nectar-post-grid-item-bg img, .kontorsloop .nectar-post-grid-item .nectar-post-grid-item-bg__media {width: 100% !important; height: 100% !important; display: block; object-fit: cover; transition: transform 0.55s ease;}
.kontorsloop .nectar-post-grid-item .bg-wrap-link, .kontorsloop .nectar-post-grid-item .nectar-post-grid-link {position: absolute; inset: 0; z-index: 8;}
.kontorsloop .kontor-loop-interest-btn-wrap {position: relative; z-index: 12; margin-top: 18px !important;}
.kontorsloop .kontor-loop-interest-btn {position: relative; z-index: 13;}
.kontorsloop .nectar-post-grid-item:hover .content {background: #edede8; transform: translateY(-3px); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.08);}
.kontorsloop .nectar-post-grid-item:hover .nectar-post-grid-item-bg-wrap-inner {transform: translateY(-5px); box-shadow: 0 32px 72px rgba(0, 0, 0, 0.2);}
.kontorsloop .nectar-post-grid-item:hover .nectar-post-grid-item-bg img, .kontorsloop .nectar-post-grid-item:hover .nectar-post-grid-item-bg__media {transform: scale(1.04);}
.kontorsloop .nectar-post-grid-item:focus-within .content {outline: none;}
.kontorsloop .nectar-post-grid-item a:focus-visible {outline: 2px solid #171717; outline-offset: 5px;}

@media (max-width: 1060px) {
  .kontorsloop .nectar-post-grid[data-columns="1"] {gap: 48px;}
  .kontorsloop .nectar-post-grid-item > .inner {display: flex !important; flex-direction: column; align-items: stretch; min-height: 0;}
  .kontorsloop .nectar-post-grid-item .nectar-post-grid-item-bg-wrap {order: 1; align-self: center !important; width: 100% !important; max-width: none; margin: 0 !important;}
  .kontorsloop .nectar-post-grid-item .nectar-post-grid-item-bg-wrap-inner {aspect-ratio: 16 / 9; border-radius: var(--kontor-radius) var(--kontor-radius) 0 0; box-shadow: none;}
  .kontorsloop .nectar-post-grid-item .content {order: 2; width: 100% !important; min-height: 0; padding: 36px 32px 38px !important; border-radius: 0 0 var(--kontor-radius) var(--kontor-radius);}
  .kontorsloop .nectar-post-grid-item .item-main {max-width: none;}
  .kontorsloop .nectar-post-grid-item__custom-field[data-key="introtext"] {max-width: none; font-size: 16px; line-height: 1.65;}
}

@media (max-width: 520px) {
  .kontorsloop {--kontor-radius: 8px;}
  .kontorsloop .nectar-post-grid[data-columns="1"] {gap: 38px;}
  .kontorsloop .nectar-post-grid-item .content {padding: 30px 22px !important;}
}

/* =========================================================
   Salient Fancy Box
   ========================================================= */
.nectar-fancy-box.using-img {border-radius: 0 !important;}
.nectar-fancy-box.using-img .inner h3 {display: inline; color: #fff; background: rgba(18, 30, 42, 0.35); padding: 0.06em 0.32em; line-height: 1.35; border-radius: 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone; font-weight: 500; font-size: 18px;}
.nectar-fancy-box .box-bg:after {position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: " "; background-color: rgba(0, 0, 0, 0.2); transition: all 0.6s cubic-bezier(0.24, 1, 0.3, 1); -webkit-transition: all 0.6s cubic-bezier(0.24, 1, 0.3, 1);}

/* =========================================================
   Generella sektioner och helpers
   ========================================================= */
.enskobjektrad {margin-bottom: 70px !important;}
.coworkingform {max-width: 600px; margin: auto !important;}
.grayback .using-bg-color {background-color: var(--hc-grayback) !important;}
.row .col.section-title {border-bottom: 0 !important;}
h1 {margin-bottom: 10px !important; font-size: 34px;}
#testimonials .nectar-button {display: none !important;}
.material .wpb_row {margin-bottom: 0 !important;}
.container-wrap.single-kontor-wrap {padding-bottom: 0 !important;}
.vasterlistkol ul, .vasterlistkol, .hogerlistkol ul, .hogerlistkol  {padding-bottom: 0 !important; margin-bottom: 0 !important;}

.off-canvas-menu-container .menu-item-27  {display: none !important;}
.off-canvas-menu-container .externlank a::after {content: "\f08e" !important; font: normal normal normal 14px/1 FontAwesome; font-size: 1em; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--hc-accent) !important; padding-left: 5px;}

.foretag-single-global-section img {max-width:100%; height:auto;}
.foretag-single-global-section {margin-top:70px;}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {background-color: #292929 !important;}

/* =========================================================
   Bokningssidans rubrikyta
   ========================================================= */
.enskhead {max-width: 960px;  margin: auto;}
.enskhead h1, .kontor-hero h1 {margin-bottom: 10px !important; font-size: 34px !important;}
.enskhead p:has(.eyebrow), .kontor-hero p:has(.eyebrow) {margin-bottom: 0; padding-bottom: 0;}
.enskhead .eyebrow, .kontor-hero .eyebrow {color: #6b6b6b; display: inline-block; margin-bottom: 5px; font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase;}
.enskhead p:has(.eyebrow) + h1, .kontor-hero p:has(.eyebrow) + h1 {margin-top: 0; line-height: 1.2;}
.enskhead p:has(.tillbaka), .kontor-hero p:has(.tillbaka) {margin-top: 0; margin-bottom: 30px;}
.enskhead .tillbaka,
.kontor-hero .tillbaka {display: inline-flex;  font-size: 14px; font-weight: 400; line-height: 1; color: #111; text-decoration: none; transition: all 0.2s ease;}
.kontor-hero .tillbaka:hover {border-color: #111; background: #111; color: #fff; transform: translateY(-1px);}

.kontor-hero .tillbaka { min-height: 44px; padding: 0 18px;  align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.16); border-radius: var(--hc-knapp-radius); font-size: 14px; font-weight: 700; line-height: 1; }
.kontor-hero .tillbaka:hover {border-color: #111; background: #111; color: #fff; transform: translateY(-1px);}
a.tillbaka {display: inline-flex; align-items: center; gap: 0.45em; text-decoration: none;}
a.tillbaka::before {content: "\f060"; font: normal normal normal 14px/1 FontAwesome; font-size: 0.9em; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #6b6b6b;}

@media (min-width: 900px) {
  .enskhead p:has(.tillbaka), .kontor-hero p:has(.tillbaka) {text-align: right; margin-top: -62px;}
  .kontor-hero p:has(.tillbaka) {margin-bottom: 0;}
}

@media (max-width:900px) {
  .enskhead p:has(.eyebrow) + h1, .kontor-hero p:has(.eyebrow) + h1 {font-size: clamp(30px, 9vw, 42px); margin-bottom: 18px;}
  .enskhead p:has(.tillbaka), .kontor-hero p:has(.tillbaka) {margin-top: 0; margin-bottom: 24px;}
  .enskhead .tillbaka, .kontor-hero .tillbaka {width: 100%;}
}

/* =========================================================
   Objekt-CTA
   ========================================================= */
.objectcta {background: #f7f3ef !important; padding: 56px 0 !important; border-top: 1px solid rgba(46, 46, 46, 0.06);}
.objectcta .row-bg {background-color: #f7f3ef !important;}
.objectcta .row_col_wrap_12 {max-width: 1240px; margin: 0 auto; padding-left: 32px; padding-right: 32px;}
.objectcta-inner {display: flex; align-items: center; justify-content: space-between; gap: 40px; background: #ffffff; border-radius: 14px; padding: 34px 40px; box-shadow: 0 18px 45px rgba(46, 46, 46, 0.06); border: 1px solid rgba(46, 46, 46, 0.06);}
.objectcta-text {max-width: 780px;}
.objectcta-eyebrow {display: block; margin-bottom: 5px; font-size: 12px; font-weight: 500; letter-spacing: 0.08em; color: #6b6b6b; text-transform: uppercase;}
.objectcta h2 {margin: 0 0 15px; font-size: 24px; line-height: 1.15; font-weight: 600; letter-spacing: -0.01em;}
.objectcta p {margin: 0; color: rgba(46, 46, 46, 0.72); font-size: 17px; line-height: 1.55;}
.objectcta-button {display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 26px; background: var(--hc-accent); color: #ffffff !important; border-radius: 10px; font-size: 15px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 10px 24px rgba(202, 114, 42, 0.22);}
.objectcta-button:hover {background: #b86625; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 14px 30px rgba(202, 114, 42, 0.28);}

@media (max-width: 768px) {
  .objectcta {padding: 36px 0 !important;}
  .objectcta .row_col_wrap_12 {padding-left: 20px; padding-right: 20px;}
  .objectcta-inner {flex-direction: column; align-items: flex-start; gap: 24px; padding: 28px 24px; border-radius: 12px;}
  .objectcta p {font-size: 16px;}
  .objectcta-button {width: 100%;}
}

/* =========================================================
   Text/bild-plattor
   Klasser: .bildtextlap och .textbildlap
   ========================================================= */
.bildtextlap, .textbildlap {--hc-platta-bg: #f3f2f0; --hc-radius: 8px; --hc-platta-border: rgba(0, 0, 0, 0.04);}
.bildtextlap .wpb_column[data-using-bg="true"], .textbildlap .wpb_column[data-using-bg="true"] {border-radius: var(--hc-radius); overflow: hidden; border: 1px solid var(--hc-platta-border);}
.bildtextlap .wpb_column[data-using-bg="true"] .column-bg-overlay, .textbildlap .wpb_column[data-using-bg="true"] .column-bg-overlay {background: var(--hc-platta-bg) !important; border-radius: var(--hc-radius);}
.bildtextlap .img-with-aniamtion-wrap, .textbildlap .img-with-aniamtion-wrap, .bildtextlap .img-with-aniamtion-wrap .inner, .textbildlap .img-with-aniamtion-wrap .inner, .bildtextlap .img-with-aniamtion-wrap .hover-wrap, .textbildlap .img-with-aniamtion-wrap .hover-wrap, .bildtextlap .img-with-aniamtion-wrap .hover-wrap-inner, .textbildlap .img-with-aniamtion-wrap .hover-wrap-inner, .bildtextlap .img-with-aniamtion-wrap img, .textbildlap .img-with-aniamtion-wrap img {border-radius: var(--hc-radius);}
.bildtextlap .img-with-aniamtion-wrap .hover-wrap, .textbildlap .img-with-aniamtion-wrap .hover-wrap, .bildtextlap .img-with-aniamtion-wrap .hover-wrap-inner, .textbildlap .img-with-aniamtion-wrap .hover-wrap-inner {overflow: hidden;}

/* =========================================================
   CF7 - Intresseanmälan kontorsobjekt
   ========================================================= */
.office-inquiry {width: 100%; max-width: none; margin: 0; padding: 32px 34px 34px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 10px; box-shadow: 0 16px 38px rgba(0, 0, 0, 0.075), 0 2px 8px rgba(0, 0, 0, 0.035); box-sizing: border-box;}
.office-inquiry__intro {margin-bottom: 24px;}
.office-inquiry__intro h2 {margin: 0 0 8px; font-size: 22px; line-height: 1.2; font-weight: 600; letter-spacing: -0.015em; color: #111111;}
.office-inquiry__intro p {max-width: 390px; margin: 0; font-size: 15px; line-height: 1.55; color: #555555;}
.office-inquiry .wpcf7 form {width: 100%; max-width: none; margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none;}
.office-inquiry .wpcf7 p {margin: 0 0 16px;}
.office-inquiry .wpcf7 p:last-of-type {margin-bottom: 0;}
.office-inquiry .wpcf7 label {display: block; margin: 0; font-size: 13px; line-height: 1.35; font-weight: 700; color: #171717; letter-spacing: 0.01em;}
.office-inquiry .wpcf7 input[type="text"], .office-inquiry .wpcf7 input[type="email"], .office-inquiry .wpcf7 input[type="tel"], .office-inquiry .wpcf7 textarea {width: 100%; max-width: 100%; margin-top: 7px; padding: 13px 14px; font-size: 15px; line-height: 1.45; color: #111111; background: #f8f8f8; border: 1px solid #d2d2d2; border-radius: 6px; outline: none; box-sizing: border-box; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;}
.office-inquiry .wpcf7 input[type="text"]:focus, .office-inquiry .wpcf7 input[type="email"]:focus, .office-inquiry .wpcf7 input[type="tel"]:focus, .office-inquiry .wpcf7 textarea:focus {background: #ffffff; border-color: #111111; box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.07);}
.office-inquiry .wpcf7 textarea {min-height: 118px; resize: vertical;}
.office-inquiry .wpcf7 input[type="submit"] {display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 6px; padding: 15px 24px; font-size: 15px; line-height: 1; font-weight: 700; color: #ffffff; background: #2e2e2e; border: 1px solid #111111; border-radius: 6px; cursor: pointer; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14); transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; font-family: Inter, sans-serif;}
.office-inquiry .wpcf7 input[type="submit"]:hover {background: #2c2c2c; transform: translateY(-1px); box-shadow: 0 11px 24px rgba(0, 0, 0, 0.18);}
.office-inquiry .wpcf7-not-valid-tip {margin-top: 7px; font-size: 13px; line-height: 1.35; color: #9f0018;}
.office-inquiry .wpcf7-response-output {margin: 20px 0 0; padding: 13px 15px; font-size: 14px; line-height: 1.45; background: #f7f7f7; border-radius: 6px;}
.kontorsobjektleft .office-inquiry {margin-top: 20px !important;}
.kontorsobjektright img {border-radius: 10px !important; margin-bottom: 30px !important;}

@media (max-width: 767px) {
  .office-inquiry {padding: 26px 22px 28px; border-radius: 8px; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.075), 0 2px 7px rgba(0, 0, 0, 0.035);}
  .office-inquiry__intro h2 {font-size: 23px;}
}

/* =========================================================
   CTA-knappar
   ========================================================= */

.nectar-cta.hc-knapp .link_text {white-space: nowrap; display: inline-flex !important; align-items: center; justify-content: center; gap: 0.45em; width: auto; max-width: 100%; font-weight: 600; line-height: 1.2; text-decoration: none !important; border-radius: var(--hc-knapp-radius); border: var(--hc-knapp-border-width) solid transparent; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; font-size: 16px; padding: 0.8em 1.35em;}

.nectar-cta.hc-knapp .link_text {
  transition:
    background-color 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.58s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.nectar-cta.hc-knapp .link_text .text {color: inherit !important;}
.nectar-cta.hc-knapp.hc-knapp-m .link_text {font-size: 16px; padding: 0.8em 1.35em;}
.nectar-cta.hc-knapp.hc-knapp-s .link_text {font-size: 14px; padding: 0.65em 1.1em;}
.nectar-cta.hc-knapp.hc-knapp-l .link_text {font-size: 18px; padding: 0.95em 1.6em;}
.nectar-cta.hc-knapp.hc-knapp-fill .link_text {background-color: var(--hc-accent) !important; border-color: var(--hc-accent) !important; color: var(--hc-vit) !important;}
.nectar-cta.hc-knapp.hc-knapp-border .link_text {background-color: transparent !important; border-color: var(--hc-accent) !important; color: var(--hc-vit) !important;}
.nectar-cta.hc-knapp.hc-knapp-border.hc-knapp-vit .link_text {background-color: transparent !important; border-color: var(--hc-vit) !important; color: var(--hc-vit) !important;}
.nectar-cta.hc-knapp.hc-knapp-border.hc-knapp-mork .link_text {background-color: transparent !important; border-color: var(--hc-mork) !important; color: var(--hc-mork) !important;}
.nectar-cta.hc-knapp.hc-knapp-fill .link_text:hover {background-color: transparent !important; border-color: var(--hc-accent) !important; color: var(--hc-vit) !important;}
.nectar-cta.hc-knapp.hc-knapp-border .link_text:hover {background-color: var(--hc-accent) !important; border-color: var(--hc-accent) !important; color: var(--hc-vit) !important;}
.nectar-cta.hc-knapp.hc-knapp-border.hc-knapp-vit .link_text:hover {background-color: var(--hc-vit) !important; border-color: var(--hc-vit) !important; color: var(--hc-mork) !important;}
.nectar-cta.hc-knapp.hc-knapp-border.hc-knapp-mork .link_text:hover {background-color: var(--hc-mork) !important; border-color: var(--hc-mork) !important; color: var(--hc-vit) !important;}
.nectar-cta.hc-knapp.hc-knapp-hov-mork-text .link_text:hover {color: var(--hc-mork) !important;}
.nectar-cta.hc-knapp .link_text:hover {transform: translateY(-1px);}
.nectar-cta.hc-knapp.hc-knapp-full {display: block !important;}
.nectar-cta.hc-knapp.hc-knapp-full .link_text {width: 100%;}

.postikon .link_text .text::before {
  content: "\f0e0"; /* FontAwesome envelope */
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  margin-right: 0.5em;
  line-height: 1;
}


@media only screen and (max-width: 1000px) {
  .nectar-cta.hc-knapp .link_text, .nectar-cta.hc-knapp.hc-knapp-m .link_text {font-size: 15px;}
  .nectar-cta.hc-knapp.hc-knapp-s .link_text {font-size: 13.5px;}
  .nectar-cta.hc-knapp.hc-knapp-l .link_text {font-size: 17px;}
}

@media only screen and (max-width: 690px) {
  .nectar-cta.hc-knapp .link_text, .nectar-cta.hc-knapp.hc-knapp-m .link_text {font-size: 14px;}
  .nectar-cta.hc-knapp.hc-knapp-s .link_text {font-size: 13px;}
  .nectar-cta.hc-knapp.hc-knapp-l .link_text {font-size: 16px;}
}

/* =========================================================
   Sidfot
   ========================================================= */
.upperfootercta {max-width: 600px; margin: auto !important; padding: 30px !important;}
.sidfotmenu .widgettitle, #sidfot h2 {color: var(--hc-accent); font-size: 14px; text-transform: uppercase; line-height: 1 !important; margin-bottom: 10px !important;}
#sidfot p {color: #fff !important; font-weight: 300 !important;}
#sidfot p a {color: #fff !important; font-weight: 400 !important;}
#sidfot p strong {color: #ffffff9c !important;}
#sidfot .using-bg-color {background-color: #292929 !important;} 
.sidfotmenu ul.menu {list-style: none; margin: 0; padding: 0;}
.sidfotmenu ul.menu li {list-style: none; margin: 0; padding: 0;}
.sidfotmenu ul.menu li::before {display: none; content: none;}
.sidfotmenu ul.menu a {color: #ffffff; text-decoration: none; font-size: 17px;}
.sidfotmenu ul.menu a:hover, .sidfotmenu ul.menu a:focus {color: #f28c00;}
.sidfotmenu .externlank a::after {content: "\f08e"; font: normal normal normal 14px/1 FontAwesome; font-size: 1em; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--hc-accent) !important; padding-left: 5px;}
#sidfot .sidfottext p {font-size: 15px !important; color: #ffffffc2 !important; line-height: 1.5 !important; max-width: 320px !important; padding-bottom: 0; margin-bottom: 20px;}
#sidfot .sidfottext p strong {color: #ebebeb !important;}
#sidfot img.sidfotlogo {margin-top: -15px !important;}
.span_5 p span {display: inline-block; opacity: 0.6;}

/* =========================================================
   Salient header
   ========================================================= */
body #header-outer nav > ul.buttons > li.menu-item > a:before {border-radius: var(--hc-knapp-radius) !important;}
body #header-outer nav > ul.buttons > li.menu-item > a {font-weight: 600 !important; font-size: 16px !important;}

@media only screen and (max-width: 1750px) and (min-width: 1000px) {
  body #header-outer nav > ul.buttons > li.menu-item > a {font-size: 15px !important; line-height: 1.15 !important; padding: 6px 10px !important; border-width: 5px !important; margin-right: 0 !important;}
  body #header-outer nav > ul.buttons > li.menu-item-27 > a {border: 5px solid transparent !important;}
  body #header-outer nav > ul.buttons > li.menu-item-28 > a {border-width: 5px !important;}
  body #header-outer nav > ul.buttons > li.menu-item {margin-left: 4px !important; margin-right: 0 !important;}
  body #header-outer nav > ul.buttons > li.menu-item > a .nectar-menu-icon {font-size: 15px !important; margin-right: 5px !important;}
  body #header-outer nav > ul.buttons > li.menu-item > a:before, body #header-outer nav > ul.buttons > li.menu-item > a:after {left: -6px !important; width: calc(100% + 12px) !important; height: calc(100% + 10px) !important;}
}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {
  #header-outer[data-format="centered-menu-alt"] header#top .span_9 nav {display: flex !important; justify-content: flex-end !important; padding-right: 20px !important;}
  #header-outer[data-format="centered-menu-alt"] header#top .span_9 {justify-content: flex-end !important;}
}

/*
Mellanläge för Salient-headern "centered-logo-between-menu".

Koden gör följande:
- Flyttar loggan från centrerad position till vänster.
- Samlar huvudmenyn direkt till höger om loggan.
- Tar bort Salients gamla logga-hål i mitten av menyn.
- Låter pull-right/off-canvas-knapparna ligga kvar längst till höger.
- Behåller luft upptill och nedtill i headern.
- Lägger till extra stabilitet för Safari/iOS och moderna browsers med flex-layout.

Gäller endast mellan 1001px och 1700px, alltså innan mobilmenyn tar över.
*/
@media only screen and (min-width: 1001px) and (max-width: 1500px) {
  #header-outer[data-format="centered-logo-between-menu"] header#top {padding-top: 18px !important; padding-bottom: 18px !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top .row {display: flex !important; align-items: center !important; justify-content: flex-start !important; min-width: 0 !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top .span_3 {position: static !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; -webkit-transform: none !important; float: none !important; width: auto !important; flex: 0 0 auto !important; min-width: 0 !important; margin-left: 20px !important; margin-right: 15px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top #logo {position: static !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; -webkit-transform: none !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top #logo img {display: block !important; max-width: 220px !important; height: auto !important; transform: none !important; -webkit-transform: none !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top .span_9 {position: static !important; float: none !important; width: auto !important; flex: 1 1 auto !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; display: flex !important; align-items: center !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top nav {display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top nav > ul.sf-menu {display: flex !important; align-items: center !important; justify-content: flex-start !important; flex: 0 1 auto !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: auto !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top nav > ul.sf-menu > li {margin-left: 0 !important; margin-right: 2px !important; padding-left: 0 !important; padding-right: 0 !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top nav > ul.sf-menu > li.menu-item-with-margin {margin-right: 2px !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top .logo-spacing {display: none !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top nav > ul.buttons {margin-left: auto !important; margin-right: 0 !important; display: flex !important; align-items: center !important; flex: 0 0 auto !important; min-width: 0 !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top nav > ul.buttons > li {margin-left: 12px !important;}
  #header-outer[data-format="centered-logo-between-menu"] header#top nav > ul.buttons > li#menu-item-28  {margin-left: 4px !important;}
  
}

/* =========================================================
   Introtext
  calc(20px + (30 - 20) * ((100vw - 690px) / (999 - 690))),
   ========================================================= */
.introtext {max-width: 600px;}
.introtext p {font-size: 18px !important; margin-bottom: 30px !important; line-height: 1.55;  font-size: clamp(18px, 1.1vw, 21px) !important;}
.introtext h1,
.losningar h1 {font-family: "Playfair Display", serif; margin-bottom: 15px !important; font-weight: 400 !important; font-size: clamp(36px, 7vw, 54px); line-height: 1.15em;}
.losningar h1 {font-size: clamp(36px, 7vw, 44px);}
.losningar h4 {font-weight: 600 !important;}
.introtext h4 {margin-bottom: 0 !important; margin-top: 20px !important;}
.slug-vanliga-fragor .introtext, .slug-hyra-lokal .introtext, .slug-coworking .introtext {max-width: 650px;}
.slug-om-oss .introtext h1 {max-width: 500px;}
.slug-hyra-lokal .introtext p {max-width: 600px;}
.slug-coworking .introtext p {max-width: 500px;}
.slug-coworking .introtext p {max-width: 550px;}
.introtext .hc-knapp {margin-bottom: 20px !important;}

@media only screen and (max-width: 1300px) {
  .introtext {max-width: 500px;}
  .introtext h1 {font-size: 44px;}
}
@media only screen and (max-width: 999px) {
  .introtext {max-width: 490px;}
  .introtext h1 {font-size: 40px;}
  .introtext p {font-size: 17px !important;}
}
@media only screen and (max-width: 690px) {
  .introtext {max-width: 490px;}
  .introtext h1 {font-size: 36px;}
  .herosektion .row-bg-overlay.row-bg-layer {background: linear-gradient(90deg, #000000d1 0%, rgba(255, 255, 255, 0.001) 100%) !important; opacity: 0.8 !important;}
}
@media only screen and (max-width: 430px) {.introtext h1 {max-width: 280px;}}

/* =========================================================
   Main textkolumn
   ========================================================= */
.maintextkol .vc_column-inner {max-width: 650px; margin: 0 auto; text-align: left;}
.maintextkol h2,
.hittaforetagkol h1 {color: #111; font-weight: 600; font-size: clamp(24px, 2vw, 30px) !important; line-height: 1.25; letter-spacing: -0.01em; margin-bottom: 24px !important;}
.maintextkol h2,
.objectcta h2,
.hittaforetagkol h1 {position: relative; padding-left: 14px;}
.maintextkol h2::before,
.objectcta h2::before,
.hittaforetagkol h1::before {content: ""; position: absolute; left: 0; top: 0.15em; bottom: 0.15em; width: 2px; background: var(--hc-accent-transp);}
.maintextkol p {color: #2b2b2b; font-weight: 400 !important; margin-bottom: 20px !important; font-size: 17px; line-height: 1.65;}
.maintextkol p:last-child {margin-bottom: 0 !important;}
.maintextkol.checkboxar h4 {margin-bottom: 5px; font-size: 12px; font-weight: 500; letter-spacing: 0.08em; color: #6b6b6b;}
.maintextkol.checkboxar h3 {font-size: 24px;}
.maintextkol.checkboxar li, .nectar-fancy-ul ul li {line-height: 1.5; padding-bottom: 10px; padding-left: 30px;}

@media (max-width: 768px) {
  .maintextkol h2 {line-height: 1.2 !important; margin-bottom: 20px !important;}
  .maintextkol p {font-size: 17px !important; line-height: 1.7 !important; margin-bottom: 20px !important;}
}

/* =========================================================
   Hitta företag
.hittaforetagkol {max-width:500px; margin-left:5% !important;}
   ========================================================= */
   

/* =========================================================
   Desktop-layout: lika höga huvudkolumner
   ========================================================= */
.starttjanster p {font-size: clamp(17px, 1.1vw, 20px) !important;}
.starttjanster h2 { font-size: clamp(24px, 4vw, 30px) !important;}
.starttjanster .startkonferenskol p {max-width: 700px !important;}

@media only screen and (min-width: 1000px) {
  .row_col_wrap_12 > .hc-hyra-card, .row_col_wrap_12 > .hc-right-cards {align-self: stretch;}
  .row_col_wrap_12 > .hc-hyra-card > .vc_column-inner, .row_col_wrap_12 > .hc-right-cards > .vc_column-inner {height: 100%;}
  .row_col_wrap_12 > .hc-hyra-card > .vc_column-inner > .wpb_wrapper, .row_col_wrap_12 > .hc-right-cards > .vc_column-inner > .wpb_wrapper {height: 100%; display: flex; flex-direction: column;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:first-child {flex: 0 0 auto; margin-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 20px !important;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child {flex: 1 1 auto; display: flex; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child > .row_col_wrap_12_inner {display: flex; flex: 1 1 auto; width: 100%;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child .wpb_column {display: flex; flex: 1 1 auto; width: 100%; height: 100%;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child .vc_column-inner {display: flex; flex: 1 1 auto; width: 100%; height: 100%;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child .wpb_wrapper {display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; height: 100%;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child .vc_col-sm-12 {height: 100%;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child .vc_col-sm-12 > .vc_column-inner {height: 100%;}
  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {height: 100%;}
}

.hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:last-child .nectar-cta {margin-top: 20px !important;}

/* =========================================================
   Coworking-kort
   ========================================================= */
.hc-coworking-card {overflow: hidden;}
.hc-coworking-card > .vc_column-inner {height: 100%; padding-bottom: 0 !important;}
.hc-coworking-card > .vc_column-inner > .wpb_wrapper {display: grid; grid-template-columns: 1fr 52%; gap: clamp(20px, 3vw, 50px); align-items: stretch; height: 100%; min-height: 100%; padding-bottom: 0 !important;}
.hc-coworking-card .nectar-responsive-text {grid-column: 1;}
.hc-coworking-card .nectar-cta {grid-column: 1;}
.hc-coworking-card .img-with-aniamtion-wrap {grid-column: 2; grid-row: 1 / span 4; margin-top: -4vw; margin-right: -4vw; margin-bottom: -4vw !important; margin-left: 0; width: calc(100% + 4vw); height: calc(100% + 8vw); align-self: stretch; justify-self: end; max-width: none; border-radius: 0 15px 15px 0; overflow: hidden; line-height: 0; font-size: 0;}
.hc-coworking-card .img-with-aniamtion-wrap .inner, .hc-coworking-card .img-with-aniamtion-wrap .hover-wrap, .hc-coworking-card .img-with-aniamtion-wrap .hover-wrap-inner {height: 100%; width: 100%; display: block; margin: 0 !important; padding: 0 !important; line-height: 0; font-size: 0;}
.hc-coworking-card .img-with-aniamtion-wrap img {width: 100%; height: 100%; object-fit: cover; display: block; margin: 0 !important; padding: 0 !important; border-radius: 0 15px 15px 0;}

@media only screen and (max-width: 999px) {
  .hc-coworking-card {height: auto !important; min-height: 0 !important; align-self: auto !important; overflow: hidden;}
  .hc-coworking-card > .vc_column-inner {height: auto !important; min-height: 0 !important; padding-bottom: 0 !important;}
  .hc-coworking-card > .vc_column-inner > .wpb_wrapper {display: flex; flex-direction: column; height: auto !important; min-height: 0 !important; padding-bottom: 0 !important;}
  .hc-coworking-card .nectar-responsive-text, .hc-coworking-card .nectar-cta {width: 100%; align-self: auto;}
  .hc-coworking-card .img-with-aniamtion-wrap {order: 10; align-self: stretch; margin-top: 24px !important; margin-right: -8vw !important; margin-bottom: -8vw !important; margin-left: -8vw !important; width: calc(100% + 16vw); max-width: none; height: auto !important; line-height: 0; font-size: 0; border-radius: 0 0 15px 15px; overflow: hidden;}
  .hc-coworking-card .img-with-aniamtion-wrap .inner, .hc-coworking-card .img-with-aniamtion-wrap .hover-wrap, .hc-coworking-card .img-with-aniamtion-wrap .hover-wrap-inner {height: auto !important; width: 100%; display: block; margin: 0 !important; padding: 0 !important; line-height: 0; font-size: 0;}
  .hc-coworking-card .img-with-aniamtion-wrap img {width: 100%; height: auto !important; object-fit: cover; display: block; margin: 0 !important; padding: 0 !important; border-radius: 0 0 15px 15px;}
}

@media only screen and (max-width: 690px) {
  .hc-coworking-card .img-with-aniamtion-wrap {margin-right: -8vw !important; margin-bottom: -8vw !important; margin-left: -8vw !important; width: calc(100% + 16vw);}
}

/* =========================================================
   Hyra kontor-card
   ========================================================= */
.hc-hyra-card {overflow: hidden;}
.hc-hyra-card > .vc_column-inner {height: 100%; padding-bottom: 0 !important;}
.hc-hyra-card > .vc_column-inner > .wpb_wrapper {display: flex; flex-direction: column; height: 100%; min-height: 100%; padding-bottom: 0 !important;}
.hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row {display: flex; flex: 1 1 auto; width: 100%; margin-top: 0 !important; margin-bottom: 0 !important;}
.hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row > .row_col_wrap_12_inner {display: flex; flex: 1 1 auto; width: 100%; padding: 0 !important;}
.hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row > .row_col_wrap_12_inner > .wpb_column {display: flex; flex: 1 1 auto; width: 100%; padding: 0 !important;}
.hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row > .row_col_wrap_12_inner > .wpb_column > .vc_column-inner {display: flex; flex: 1 1 auto; width: 100%; height: 100%; padding: 0 !important;}
.hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row > .row_col_wrap_12_inner > .wpb_column > .vc_column-inner > .wpb_wrapper {display: flex; flex-direction: column; flex: 1 1 auto; width: 100%; height: 100%; min-height: 100%; padding: 0 !important;}
.hc-hyra-card .nectar-responsive-text {flex: 0 0 auto;}
.hc-hyra-card .nectar-cta {flex: 0 0 auto; margin-top: 20px !important; margin-bottom: 4vw !important;}
.hc-hyra-card .img-with-aniamtion-wrap {flex: 0 0 auto; margin-top: auto !important; margin-right: -4vw !important; margin-bottom: -4vw !important; margin-left: -4vw !important; width: calc(100% + 8vw); max-width: none; line-height: 0; font-size: 0; border-radius: 0 0 15px 15px; overflow: hidden;}
.hc-hyra-card .img-with-aniamtion-wrap .inner, .hc-hyra-card .img-with-aniamtion-wrap .hover-wrap, .hc-hyra-card .img-with-aniamtion-wrap .hover-wrap-inner {display: block; width: 100%; margin: 0 !important; padding: 0 !important; line-height: 0; font-size: 0;}
.hc-hyra-card .img-with-aniamtion-wrap img {width: 100%; height: auto; display: block; object-fit: cover; margin: 0 !important; padding: 0 !important; border-radius: 0 0 15px 15px;}

@media only screen and (max-width: 999px) {
  .hc-hyra-card {height: auto !important; min-height: 0 !important;}
  .hc-hyra-card > .vc_column-inner {height: auto !important; min-height: 0 !important; padding-bottom: 0 !important;}
  .hc-hyra-card > .vc_column-inner > .wpb_wrapper {height: auto !important; min-height: 0 !important;}
  .hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row {height: auto !important; min-height: 0 !important;}
  .hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row > .row_col_wrap_12_inner {height: auto !important; min-height: 0 !important;}
  .hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row > .row_col_wrap_12_inner > .wpb_column {height: auto !important; min-height: 0 !important;}
  .hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row > .row_col_wrap_12_inner > .wpb_column > .vc_column-inner {height: auto !important; min-height: 0 !important;}
  .hc-hyra-card > .vc_column-inner > .wpb_wrapper > .wpb_row > .row_col_wrap_12_inner > .wpb_column > .vc_column-inner > .wpb_wrapper {height: auto !important; min-height: 0 !important;}
  .hc-hyra-card .img-with-aniamtion-wrap {margin-right: -8vw !important; margin-bottom: -8vw !important; margin-left: -8vw !important; width: calc(100% + 16vw);}
}


/* =========================================================
   Enkel mobil-layout från 768px och nedåt - utan textplattor
   ========================================================= */
@media only screen and (max-width: 768px) {
  .starttjanster {padding-left: 10px !important; padding-right: 10px !important;}
  .starttjanster p {font-size: clamp(17px, 4vw, 20px) !important; line-height: 1.5 !important;}
  .starttjanster h2 {margin-bottom: 10px !important;}

  .starttjanster .hc-hyra-card, .starttjanster .hc-coworking-card, .starttjanster .startkonferenskol {background: transparent !important; border-radius: 0 !important; overflow: visible !important; color: #000000 !important; clip-path: none !important;}

  .starttjanster .hc-hyra-card .column-bg-overlay-wrap, .starttjanster .hc-coworking-card .column-bg-overlay-wrap, .starttjanster .startkonferenskol .column-bg-overlay-wrap {display: none !important;}
  .starttjanster .hc-hyra-card .column-bg-overlay, .starttjanster .hc-coworking-card .column-bg-overlay, .starttjanster .startkonferenskol .column-bg-overlay {opacity: 0 !important; background: transparent !important;}

  .starttjanster .hc-hyra-card > .vc_column-inner, .starttjanster .hc-coworking-card > .vc_column-inner, .starttjanster .startkonferenskol > .vc_column-inner {padding: 18px 0 0 0 !important; border-radius: 0 !important; overflow: visible !important; clip-path: none !important;}
  .starttjanster .startkonferenskol > .vc_column-inner {padding-bottom: 18px !important;}

  .hc-coworking-card > .vc_column-inner > .wpb_wrapper {display: flex !important; flex-direction: column !important; gap: 0 !important; height: auto !important; min-height: 0 !important;}
  .hc-coworking-card .wpb_text_column, .hc-hyra-card .wpb_text_column, .startkonferenskol .wpb_text_column {width: 100% !important; max-width: none !important;}
  .hc-coworking-card .nectar-cta, .hc-hyra-card .nectar-cta, .startkonferenskol .nectar-cta {margin-top: 16px !important;}

  .hc-coworking-card .img-with-aniamtion-wrap, .hc-hyra-card .img-with-aniamtion-wrap {margin-top: 22px !important; margin-right: -10px !important; margin-bottom: 0 !important; margin-left: -10px !important; width: calc(100% + 20px) !important; max-width: none !important; height: auto !important; border-radius: 0 !important; overflow: visible !important; clip-path: inset(0 round 0) !important; -webkit-mask-image: none !important; mask-image: none !important;}

  .hc-coworking-card .img-with-aniamtion-wrap *, .hc-hyra-card .img-with-aniamtion-wrap * {border-radius: 0 !important; overflow: visible !important; clip-path: inset(0 round 0) !important; -webkit-mask-image: none !important; mask-image: none !important;}

  .hc-coworking-card .img-with-aniamtion-wrap .inner, .hc-coworking-card .img-with-aniamtion-wrap .hover-wrap, .hc-coworking-card .img-with-aniamtion-wrap .hover-wrap-inner, .hc-hyra-card .img-with-aniamtion-wrap .inner, .hc-hyra-card .img-with-aniamtion-wrap .hover-wrap, .hc-hyra-card .img-with-aniamtion-wrap .hover-wrap-inner {height: auto !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; overflow: visible !important; line-height: 0 !important; font-size: 0 !important; clip-path: inset(0 round 0) !important;}

  .hc-coworking-card .img-with-aniamtion-wrap img, .hc-hyra-card .img-with-aniamtion-wrap img, .starttjanster .img-with-animation {width: 100% !important; height: auto !important; object-fit: cover !important; border-radius: 0 !important; clip-path: inset(0 round 0) !important; -webkit-mask-image: none !important; mask-image: none !important;}

  .hc-coworking-card .img-with-aniamtion-wrap:before, .hc-coworking-card .img-with-aniamtion-wrap:after, .hc-coworking-card .hover-wrap:before, .hc-coworking-card .hover-wrap:after, .hc-coworking-card .hover-wrap-inner:before, .hc-coworking-card .hover-wrap-inner:after, .hc-hyra-card .img-with-aniamtion-wrap:before, .hc-hyra-card .img-with-aniamtion-wrap:after, .hc-hyra-card .hover-wrap:before, .hc-hyra-card .hover-wrap:after, .hc-hyra-card .hover-wrap-inner:before, .hc-hyra-card .hover-wrap-inner:after {border-radius: 0 !important; clip-path: inset(0 round 0) !important;}

  .hc-right-cards > .vc_column-inner > .wpb_wrapper > .wpb_row:first-child {padding-bottom: 18px !important;}

  .starttjanster .hc-coworking-card .hc-knapp-vit a,
  .starttjanster .hc-coworking-card .hc-knapp-vit .text {color: #000000 !important;}
  .starttjanster .hc-coworking-card .hc-knapp-vit a,
  .starttjanster .nectar-cta.hc-knapp.hc-knapp-border.hc-knapp-vit .link_text {border-color: #000000 !important;}

}
/* =========================================================
   Start flexibla lösningar
   ========================================================= */
.startlosningar .vc_column-inner .wpb_wrapper {max-width: 380px; margin: auto !important;}
.startlosningar ul {margin-top: 30px !important;}
.startlosningar ul li, .startduhittar ul li {padding-bottom: 2px !important;}
.startlosningar h2 {margin-bottom: 0 !important;}







/* Footer copyright-rad: vänster text + Integritetspolicy högerställd */
#footer-outer #copyright .container {
  display: flex;
  align-items: center;
  width: 100%;
}

/* Gör copyright-kolumnen fullbredd eftersom social-kolumnen är tom */
#footer-outer #copyright .col.span_5 {
  flex: 1;
  width: 100%;
}

/* Dölj den tomma social-kolumnen */
#footer-outer #copyright .col.span_7 {
  display: none;
}

/* Lägg innehållet på samma rad */
#footer-outer #copyright p {
  display: flex;
  align-items: center;
  gap: 0.4em;
  width: 100%;
  margin: 0;
}

/* Skicka Integritetspolicy längst till höger */
#footer-outer #copyright p span:last-child {
  margin-left: auto;
}

/* Mobil: stapla snyggt under varandra */
@media only screen and (max-width: 690px) {
  #footer-outer #copyright .container {
    display: block;
  }

  #footer-outer #copyright p {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
  }

  #footer-outer #copyright p span:last-child {
    margin-left: 0;
  }
}




.hayit-foretag-loggor-section {
	background: #fff;
	padding: clamp(40px, 6vw, 90px) 20px;
	width: 100%;
}

.hayit-foretag-loggor-inner {
	max-width: 1180px;
	margin: 0 auto;
}

.hayit-foretag-loggor-title {
	text-align: center;
	margin: 0 0 36px;

	line-height: 1.15;
}

.hayit-foretag-loggor-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(120px, 1fr));
	gap: clamp(18px, 2.5vw, 34px);
	align-items: center;
	justify-items: center;
}

.hayit-foretag-logo-card {
	width: 100%;
	min-height: 120px;
	padding: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 22px;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
}

.hayit-foretag-logo-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.1);
}

.hayit-foretag-logo-img {
	display: block;
	max-width: 150px;
	max-height: 70px;
	width: auto;
	height: auto;
	object-fit: contain;

	opacity: 0.78;
	transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}

.hayit-foretag-logo-card:hover .hayit-foretag-logo-img {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.04);
}

@media (max-width: 1000px) {
	.hayit-foretag-loggor-grid {
		grid-template-columns: repeat(4, minmax(120px, 1fr));
	}
}

@media (max-width: 768px) {
	.hayit-foretag-loggor-grid {
		grid-template-columns: repeat(3, minmax(100px, 1fr));
		gap: 16px;
	}

	.hayit-foretag-logo-card {
		min-height: 105px;
		padding: 18px;
	}
}

@media (max-width: 520px) {
	.hayit-foretag-loggor-grid {
		grid-template-columns: repeat(2, minmax(100px, 1fr));
	}

	.hayit-foretag-logo-img {
		max-width: 125px;
		max-height: 58px;
	}
}