/* ========================================================= VARIABLES CSS ========================================================= * Innehåller centrala utseende inställningar med CSS-variabler * * Copyright (C) Limepark AB. * https://limepark.se/licensvillkor =========================================================*/ /* stylelint-disable */ /* --------------------------------------------------------- GLOBALA INSTÄLLNINGAR --------------------------------------------------------- */ body { /* Kantlinje */ --lp-border-color: var(--env-border-color); --lp-border-color-default: rgba(0,0,0,0.1); --lp-border-radius: var(--env-border-radius); --lp-border-radius-small: 8px; --lp-button-border-radius: var(--env-button-border-radius); /* Former */ --lp-clip-path-halfcircle: ellipse(60% 50% at 0% 50%); /* Primary */ --lp-color-1: var(--env-element-primary-background-color); --lp-color-1-dark: var(--env-element-primary-background-color-dark); --lp-color-1-light: var(--env-element-primary-background-color-light); --lp-color-1-text: var(--env-element-primary-font-color); /* Default */ --lp-color-2: var(--env-element-background-color); --lp-color-2-dark: var(--env-element-background-color-dark); --lp-color-2-light: var(--env-element-background-color-light); --lp-color-2-text: var(--env-element-font-color); /* Secondary */ --lp-color-3: var(--env-element-secondary-background-color); --lp-color-3-dark: var(--env-element-secondary-background-color-dark); --lp-color-3-light: var(--env-element-secondary-background-color-light); --lp-color-3-text: var(--env-element-secondary-font-color); /* Block default */ --lp-color-4: var(--env-block-background-color); --lp-color-4-border: var(--env-block-border-color); --lp-color-4-link: var(--env-block-link-font-color); --lp-color-4-text: var(--env-block-font-color); /* Block primary */ --lp-color-5: var(--env-block-primary-background-color); --lp-color-5-border: var(--env-block-primary-border-color); --lp-color-5-link: var(--env-block-primary-link-font-color); --lp-color-5-text: var(--env-block-primary-font-color); /* Block secondary */ --lp-color-6: var(--env-block-secondary-background-color); --lp-color-6-border: var(--env-block-secondary-border-color); --lp-color-6-link: var(--env-block-secondary-link-font-color); --lp-color-6-text: var(--env-block-secondary-font-color); /* Danger */ --lp-color-danger: var(--env-element-danger-background-color); --lp-color-danger-dark: var(--env-element-danger-background-color-dark); --lp-color-danger-light: var(--env-element-danger-background-color-light); --lp-color-danger-text: var(--env-element-danger-font-color); /* Info */ --lp-color-info: var(--env-element-info-background-color); --lp-color-info-dark: var(--env-element-info-background-color-dark); --lp-color-info-light: var(--env-element-info-background-color-light); --lp-color-info-text: var(--env-element-info-font-color); /* Success */ --lp-color-success: var(--env-element-success-background-color); --lp-color-success-dark: var(--env-element-success-background-color-dark); --lp-color-success-light: var(--env-element-success-background-color-light); --lp-color-success-text: var(--env-element-success-font-color); /* Warning */ --lp-color-warning: var(--env-element-warning-background-color); --lp-color-warning-dark: var(--env-element-warning-background-color-dark); --lp-color-warning-light: var(--env-element-warning-background-color-light); --lp-color-warning-text: var(--env-element-warning-font-color); --lp-decoration-border-radius: 50%; /* Typsnitt */ --lp-font-color: var(--env-font-color); --lp-font-color-primary: var(--lp-color-1); --lp-font-family: var(--env-font-family); /* Layout*/ --lp-grid-default: repeat(auto-fit,minmax(28rem, 1fr)); /* grid-template-columns */ /* Grid */ --lp-grid-max-width: 1290px; --lp-grid-small: repeat(auto-fit,minmax(18rem, 1fr)); /* grid-template-columns */ --lp-grid-width: 94%; /* Hero */ --lp-hero-heading: clamp(4.2rem, 4vw, 7.2rem); /* Logotyp */ --lp-logo-height: 55px; /* Margin, padding, grid-gap */ --lp-spacing: 3rem; --lp-spacing-large: calc(var(--lp-spacing) * 1.5); --lp-spacing-small: calc(var(--lp-spacing) * 0.75); --lp-spacing-x-large: calc(var(--lp-spacing) * 2); --lp-spacing-x-small: calc(var(--lp-spacing) * 0.5); --lp-spacing-xx-large: calc(var(--lp-spacing) * 3); --lp-spacing-xx-small: calc(var(--lp-spacing) * 0.25); /* Effekter */ --lp-transition-default: all 0.3s ease; --lp-transition-short: all 0.15s ease; } /* body.sv-theme-rott-tema { --lp-decoration-border-radius: 1rem; }*/ /* --------------------------------------------------------- IKONER --------------------------------------------------------- */ body { --lp-icon-arrow-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M34.484%2011.984a1.5%201.5%200%200%200-1.045%202.577L40.88%2022H3.5a1.5%201.5%200%201%200%200%203h37.379l-7.44%207.44a1.5%201.5%200%201%200%202.122%202.12l10-10a1.5%201.5%200%200%200%200-2.12l-10-10a1.5%201.5%200%200%200-1.077-.456z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-calendar-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M2.81.033A3.297%203.297%200%200%200%20.386%201.726c-.152.28-.284.667-.342.997-.066.382-.066%2012.17%200%2012.552a3.28%203.28%200%200%200%202.681%202.681c.38.066%2012.17.066%2012.55%200a3.28%203.28%200%200%200%202.681-2.681c.066-.38.066-12.17%200-12.55A3.273%203.273%200%200%200%2015.165.031C14.905-.006%203.066-.005%202.81.033m12.317%201.511c.638.135%201.194.693%201.33%201.333.025.119.042.379.042.655l.001.458h-15l.001-.458c0-.542.042-.769.195-1.075.222-.44.693-.81%201.163-.912.286-.062%2011.975-.063%2012.268-.001m1.372%208.663c0%205.247.012%204.935-.207%205.355a1.747%201.747%200%200%201-.997.851l-.22.072H2.925l-.22-.072a1.747%201.747%200%200%201-.997-.851c-.219-.42-.207-.108-.207-5.355L1.5%205.49h15l-.001%204.717M4.455%207.54a1.312%201.312%200%200%200-.833.678c-.091.185-.097.216-.097.527%200%20.309.006.343.096.532.124.262.34.478.602.602.187.089.225.096.517.096.426%200%20.599-.068.872-.342.36-.362.47-.781.328-1.242a1.228%201.228%200%200%200-1.125-.878%201.426%201.426%200%200%200-.36.027m4.216.008c-.471.127-.82.52-.905%201.022-.061.353.068.759.33%201.04.467.503%201.341.503%201.808%200%20.256-.275.391-.688.333-1.023-.131-.766-.838-1.235-1.566-1.039m4.267-.002a1.251%201.251%200%200%200-.906%201.481c.081.353.373.71.71.866.154.072.208.081.503.081.309.001.343-.005.532-.095.262-.124.478-.34.602-.602.09-.189.096-.223.096-.532%200-.311-.006-.342-.097-.527-.262-.536-.878-.823-1.44-.672M4.455%2012.04a1.312%201.312%200%200%200-.833.678c-.091.185-.097.216-.097.527%200%20.309.006.343.096.532.124.262.34.478.602.602.187.089.225.096.517.096.426%200%20.599-.068.872-.342.36-.362.47-.781.328-1.242a1.228%201.228%200%200%200-1.125-.878%201.426%201.426%200%200%200-.36.027m4.216.008c-.471.127-.82.52-.905%201.022-.061.353.068.759.33%201.04.467.503%201.341.503%201.808%200%20.256-.275.391-.688.333-1.023-.131-.766-.838-1.235-1.566-1.039%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-chevronright-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M18.484%202.984a1.5%201.5%200%200%200-1.045%202.577L35.88%2024l-18.44%2018.44a1.5%201.5%200%201%200%202.122%202.12l19.5-19.5a1.5%201.5%200%200%200%200-2.12l-19.5-19.5a1.5%201.5%200%200%200-1.077-.456z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-chevronright-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M18.484%202.984a1.5%201.5%200%200%200-1.045%202.577L35.88%2024l-18.44%2018.44a1.5%201.5%200%201%200%202.122%202.12l19.5-19.5a1.5%201.5%200%200%200%200-2.12l-19.5-19.5a1.5%201.5%200%200%200-1.077-.456z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-clock-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M24%204C12.972%204%204%2012.972%204%2024s8.972%2020%2020%2020%2020-8.972%2020-20S35.028%204%2024%204zm0%203c9.407%200%2017%207.593%2017%2017s-7.593%2017-17%2017S7%2033.407%207%2024%2014.593%207%2024%207zm-.523%204.979A1.5%201.5%200%200%200%2022%2013.5v12a1.5%201.5%200%200%200%201.5%201.5h8a1.5%201.5%200%201%200%200-3H25V13.5a1.5%201.5%200%200%200-1.523-1.521z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-comment-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M10.5%207C6.928%207%204%209.928%204%2013.5v17c0%203.572%202.928%206.5%206.5%206.5H12v5.5c0%201.966%202.427%203.179%204%202L26%2037h11.5c3.572%200%206.5-2.928%206.5-6.5v-17C44%209.928%2041.072%207%2037.5%207h-27zm0%203h27c1.95%200%203.5%201.55%203.5%203.5v17c0%201.95-1.55%203.5-3.5%203.5h-12a1.5%201.5%200%200%200-.9.3L15%2041.5v-6a1.5%201.5%200%200%200-1.5-1.5h-3C8.55%2034%207%2032.45%207%2030.5v-17c0-1.95%201.55-3.5%203.5-3.5zm5%206.998a1.5%201.5%200%201%200%200%203h17a1.5%201.5%200%201%200%200-3h-17zm0%207a1.5%201.5%200%201%200%200%203h13a1.5%201.5%200%201%200%200-3h-13z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-document-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v19.5c0%20.846-.654%201.5-1.5%201.5h-23c-.846%200-1.5-.654-1.5-1.5v-31c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM17.5%2025a1.5%201.5%200%201%200%200%203h13a1.5%201.5%200%201%200%200-3h-13zm0%207a1.5%201.5%200%201%200%200%203h9a1.5%201.5%200%201%200%200-3h-9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-document-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v19.5c0%20.846-.654%201.5-1.5%201.5h-23c-.846%200-1.5-.654-1.5-1.5v-31c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM17.5%2025a1.5%201.5%200%201%200%200%203h13a1.5%201.5%200%201%200%200-3h-13zm0%207a1.5%201.5%200%201%200%200%203h9a1.5%201.5%200%201%200%200-3h-9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-excel-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%231D6F42%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v19.5c0%20.846-.654%201.5-1.5%201.5h-23c-.846%200-1.5-.654-1.5-1.5v-31c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM20.54%2023a1.501%201.501%200%200%200-1.306%202.305L22.223%2030l-2.989%204.695a1.5%201.5%200%200%200%202.532%201.612L24%2032.795l2.234%203.51a1.503%201.503%200%200%200%202.07.46%201.503%201.503%200%200%200%20.462-2.072L25.779%2030l2.987-4.693a1.5%201.5%200%201%200-2.531-1.611L24%2027.205l-2.234-3.513A1.497%201.497%200%200%200%2020.539%2023z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-excel-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v19.5c0%20.846-.654%201.5-1.5%201.5h-23c-.846%200-1.5-.654-1.5-1.5v-31c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM20.54%2023a1.501%201.501%200%200%200-1.306%202.305L22.223%2030l-2.989%204.695a1.5%201.5%200%200%200%202.532%201.612L24%2032.795l2.234%203.51a1.503%201.503%200%200%200%202.07.46%201.503%201.503%200%200%200%20.462-2.072L25.779%2030l2.987-4.693a1.5%201.5%200%201%200-2.531-1.611L24%2027.205l-2.234-3.513A1.497%201.497%200%200%200%2020.539%2023z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-externallink-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M41.47%204.986A1.5%201.5%200%200%200%2041.31%205H27.5a1.5%201.5%200%201%200%200%203h10.379l-15.44%2015.44a1.5%201.5%200%201%200%202.122%202.12L40%2010.122V20.5a1.5%201.5%200%201%200%203%200V6.69a1.5%201.5%200%200%200-1.53-1.704zM12.5%208C8.375%208%205%2011.375%205%2015.5v20c0%204.125%203.375%207.5%207.5%207.5h20c4.125%200%207.5-3.375%207.5-7.5v-10a1.5%201.5%200%201%200-3%200v10c0%202.503-1.997%204.5-4.5%204.5h-20A4.477%204.477%200%200%201%208%2035.5v-20c0-2.503%201.997-4.5%204.5-4.5h10a1.5%201.5%200%201%200%200-3h-10z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-externallink-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M41.47%204.986A1.5%201.5%200%200%200%2041.31%205H27.5a1.5%201.5%200%201%200%200%203h10.379l-15.44%2015.44a1.5%201.5%200%201%200%202.122%202.12L40%2010.122V20.5a1.5%201.5%200%201%200%203%200V6.69a1.5%201.5%200%200%200-1.53-1.704zM12.5%208C8.375%208%205%2011.375%205%2015.5v20c0%204.125%203.375%207.5%207.5%207.5h20c4.125%200%207.5-3.375%207.5-7.5v-10a1.5%201.5%200%201%200-3%200v10c0%202.503-1.997%204.5-4.5%204.5h-20A4.477%204.477%200%200%201%208%2035.5v-20c0-2.503%201.997-4.5%204.5-4.5h10a1.5%201.5%200%201%200%200-3h-10z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-image-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v16.09l-5.164-4.95c-1.575-1.507-4.098-1.508-5.672%200l-.055.053-5.273-5.052a4.095%204.095%200%200%200-2.838-1.131%204.083%204.083%200%200%200-2.834%201.13L11%2030.13V8.5c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM29.5%2023a2.5%202.5%200%201%200%200%205%202.5%202.5%200%200%200%200-5zM18%2027.992c.272%200%20.543.105.762.315l5.18%204.964L15.874%2041H12.5c-.846%200-1.5-.654-1.5-1.5v-5.215l6.238-5.978a1.1%201.1%200%200%201%20.762-.315zm11%205c.272%200%20.543.105.762.315l7.107%206.814c-.23.524-.746.879-1.369.879H20.21l8.028-7.693a1.1%201.1%200%200%201%20.762-.315z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-image-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v16.09l-5.164-4.95c-1.575-1.507-4.098-1.508-5.672%200l-.055.053-5.273-5.052a4.095%204.095%200%200%200-2.838-1.131%204.083%204.083%200%200%200-2.834%201.13L11%2030.13V8.5c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM29.5%2023a2.5%202.5%200%201%200%200%205%202.5%202.5%200%200%200%200-5zM18%2027.992c.272%200%20.543.105.762.315l5.18%204.964L15.874%2041H12.5c-.846%200-1.5-.654-1.5-1.5v-5.215l6.238-5.978a1.1%201.1%200%200%201%20.762-.315zm11%205c.272%200%20.543.105.762.315l7.107%206.814c-.23.524-.746.879-1.369.879H20.21l8.028-7.693a1.1%201.1%200%200%201%20.762-.315z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-info-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M24%204C12.972%204%204%2012.972%204%2024s8.972%2020%2020%2020%2020-8.972%2020-20S35.028%204%2024%204zm0%203c9.407%200%2017%207.593%2017%2017s-7.593%2017-17%2017S7%2033.407%207%2024%2014.593%207%2024%207zm0%207a2%202%200%200%200%200%204%202%202%200%200%200%200-4zm-.023%206.979A1.5%201.5%200%200%200%2022.5%2022.5v11a1.5%201.5%200%201%200%203%200v-11a1.5%201.5%200%200%200-1.523-1.521z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-link-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M13%2013C6.942%2013%202%2017.942%202%2024s4.942%2011%2011%2011h4.5a1.5%201.5%200%201%200%200-3H13c-4.436%200-8-3.564-8-8s3.564-8%208-8h4.5a1.5%201.5%200%201%200%200-3H13zm17.5%200a1.5%201.5%200%201%200%200%203H35c4.436%200%208%203.564%208%208s-3.564%208-8%208h-4.5a1.5%201.5%200%201%200%200%203H35c6.058%200%2011-4.942%2011-11s-4.942-11-11-11h-4.5zm-19%209.5a1.5%201.5%200%201%200%200%203h25a1.5%201.5%200%201%200%200-3h-25z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-link-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M13%2013C6.942%2013%202%2017.942%202%2024s4.942%2011%2011%2011h4.5a1.5%201.5%200%201%200%200-3H13c-4.436%200-8-3.564-8-8s3.564-8%208-8h4.5a1.5%201.5%200%201%200%200-3H13zm17.5%200a1.5%201.5%200%201%200%200%203H35c4.436%200%208%203.564%208%208s-3.564%208-8%208h-4.5a1.5%201.5%200%201%200%200%203H35c6.058%200%2011-4.942%2011-11s-4.942-11-11-11h-4.5zm-19%209.5a1.5%201.5%200%201%200%200%203h25a1.5%201.5%200%201%200%200-3h-25z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-mail-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M10.5%208C6.928%208%204%2010.928%204%2014.5v19c0%203.572%202.928%206.5%206.5%206.5h27c3.572%200%206.5-2.928%206.5-6.5v-19c0-3.572-2.928-6.5-6.5-6.5h-27zm0%203h27c1.95%200%203.5%201.55%203.5%203.5v1.105l-17%209.19-17-9.19V14.5c0-1.95%201.55-3.5%203.5-3.5zM7%2019.016l16.287%208.804a1.5%201.5%200%200%200%201.426%200L41%2019.016V33.5c0%201.95-1.55%203.5-3.5%203.5h-27C8.55%2037%207%2035.45%207%2033.5V19.016z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-mail-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2020%22%3E%3Cpath%20d%3D%22M1.8.583C1.191.743.547%201.267.269%201.83c-.29.587-.273.002-.26%208.55l.011%207.68.128.332c.302.783.901%201.331%201.672%201.528.309.079.447.08%2010.176.079%2010.924%200%2010.095.02%2010.668-.263.548-.27.99-.783%201.204-1.396l.112-.32.011-7.65c.011-8.491.027-7.949-.256-8.53-.19-.39-.674-.88-1.055-1.069C22.136.5%2022.97.52%2011.982.523%203.422.525%201.989.533%201.8.583m19.698%202.413a848.49%20848.49%200%200%201-4.768%203.036L12%209.034%207.27%206.032a894.364%20894.364%200%200%201-4.768-3.036C2.48%202.975%206.424%202.96%2012%202.96c5.576%200%209.52.015%209.498.036M7.168%208.405c2.603%201.653%204.762%203.014%204.8%203.024.042.012%201.867-1.123%204.831-3.005A859.21%20859.21%200%200%201%2021.582%205.4c.01%200%20.018%202.736.018%206.08v6.08H2.4v-6.08c0-3.344.008-6.08.018-6.08.01%200%202.148%201.352%204.75%203.005%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-mail-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M10.5%208C6.928%208%204%2010.928%204%2014.5v19c0%203.572%202.928%206.5%206.5%206.5h27c3.572%200%206.5-2.928%206.5-6.5v-19c0-3.572-2.928-6.5-6.5-6.5h-27zm0%203h27c1.95%200%203.5%201.55%203.5%203.5v1.105l-17%209.19-17-9.19V14.5c0-1.95%201.55-3.5%203.5-3.5zM7%2019.016l16.287%208.804a1.5%201.5%200%200%200%201.426%200L41%2019.016V33.5c0%201.95-1.55%203.5-3.5%203.5h-27C8.55%2037%207%2035.45%207%2033.5V19.016z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-news-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2022%2018%22%3E%3Cpath%20d%3D%22M2.278.057A2.301%202.301%200%200%200%20.571%201.713c-.053.204-.058.898-.049%206.948l.01%206.721.125.361c.368%201.063%201.161%201.824%202.224%202.132l.317.092h15.604l.317-.092a3.264%203.264%200%200%200%202.314-2.482c.045-.214.054-.901.054-4.339%200-2.804-.013-4.145-.04-4.278-.159-.772-.855-1.494-1.634-1.695-.155-.04-.391-.058-.758-.058h-.532l-.014-1.567-.015-1.568-.1-.301c-.12-.362-.394-.786-.658-1.019a2.673%202.673%200%200%200-1.034-.513C16.329-.023%202.638-.022%202.278.057m14.277%201.516c.169.078.323.23.392.389.039.089.05%201.274.056%206.251.005%203.378.018%206.198.03%206.265.034.191.326.464.548.511a.757.757%200%200%200%20.882-.521c.046-.155.054-.757.054-4.084V6.481l.467.016c.549.019.715.081.88.33l.101.153v8.218l-.136.285c-.165.346-.43.636-.72.791-.454.242.112.226-8.109.226s-7.655.016-8.109-.226c-.29-.155-.555-.445-.72-.791l-.136-.285-.01-6.573c-.009-6.412-.007-6.576.061-6.71a.72.72%200%200%201%20.371-.353c.113-.049.948-.056%207.04-.056%206.651-.001%206.917.002%207.058.067M3.863%204.619a.6.6%200%200%200-.284.3.903.903%200%200%200-.096.3c0%20.335.253.674.559.752.126.031%201.555.042%205.485.042%205.861%200%205.503.015%205.753-.228a.75.75%200%200%200-.097-1.147l-.156-.11-5.488-.009-5.487-.009-.189.109m.076%203.957a.787.787%200%200%200-.417.525c-.054.25-.052%203.557.002%203.808a.697.697%200%200%200%20.167.33c.237.262.199.258%202.377.247l1.944-.011.128-.09a.714.714%200%200%200%20.295-.35c.066-.139.07-.247.071-1.998%200-1.182-.014-1.902-.038-1.991a.835.835%200%200%200-.419-.471c-.136-.062-.288-.067-2.054-.067-1.776%200-1.917.005-2.056.068m6.49%200a.812.812%200%200%200-.418.508c-.093.371.129.757.509.884.167.056%204.25.059%204.452.003a.882.882%200%200%200%20.282-.167.728.728%200%200%200-.093-1.169l-.177-.11-2.203-.009c-2.081-.008-2.211-.005-2.352.06M7.003%2011v.99H4.987v-1.98h2.016V11m3.57%201.025a.816.816%200%200%200-.581.615c-.037.179.066.485.209.621.257.244.131.232%202.551.232h2.196l.162-.085c.608-.321.48-1.235-.193-1.379-.208-.045-4.158-.048-4.344-.004%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-news-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2022%2018%22%3E%3Cpath%20d%3D%22M2.278.057A2.301%202.301%200%200%200%20.571%201.713c-.053.204-.058.898-.049%206.948l.01%206.721.125.361c.368%201.063%201.161%201.824%202.224%202.132l.317.092h15.604l.317-.092a3.264%203.264%200%200%200%202.314-2.482c.045-.214.054-.901.054-4.339%200-2.804-.013-4.145-.04-4.278-.159-.772-.855-1.494-1.634-1.695-.155-.04-.391-.058-.758-.058h-.532l-.014-1.567-.015-1.568-.1-.301c-.12-.362-.394-.786-.658-1.019a2.673%202.673%200%200%200-1.034-.513C16.329-.023%202.638-.022%202.278.057m14.277%201.516c.169.078.323.23.392.389.039.089.05%201.274.056%206.251.005%203.378.018%206.198.03%206.265.034.191.326.464.548.511a.757.757%200%200%200%20.882-.521c.046-.155.054-.757.054-4.084V6.481l.467.016c.549.019.715.081.88.33l.101.153v8.218l-.136.285c-.165.346-.43.636-.72.791-.454.242.112.226-8.109.226s-7.655.016-8.109-.226c-.29-.155-.555-.445-.72-.791l-.136-.285-.01-6.573c-.009-6.412-.007-6.576.061-6.71a.72.72%200%200%201%20.371-.353c.113-.049.948-.056%207.04-.056%206.651-.001%206.917.002%207.058.067M3.863%204.619a.6.6%200%200%200-.284.3.903.903%200%200%200-.096.3c0%20.335.253.674.559.752.126.031%201.555.042%205.485.042%205.861%200%205.503.015%205.753-.228a.75.75%200%200%200-.097-1.147l-.156-.11-5.488-.009-5.487-.009-.189.109m.076%203.957a.787.787%200%200%200-.417.525c-.054.25-.052%203.557.002%203.808a.697.697%200%200%200%20.167.33c.237.262.199.258%202.377.247l1.944-.011.128-.09a.714.714%200%200%200%20.295-.35c.066-.139.07-.247.071-1.998%200-1.182-.014-1.902-.038-1.991a.835.835%200%200%200-.419-.471c-.136-.062-.288-.067-2.054-.067-1.776%200-1.917.005-2.056.068m6.49%200a.812.812%200%200%200-.418.508c-.093.371.129.757.509.884.167.056%204.25.059%204.452.003a.882.882%200%200%200%20.282-.167.728.728%200%200%200-.093-1.169l-.177-.11-2.203-.009c-2.081-.008-2.211-.005-2.352.06M7.003%2011v.99H4.987v-1.98h2.016V11m3.57%201.025a.816.816%200%200%200-.581.615c-.037.179.066.485.209.621.257.244.131.232%202.551.232h2.196l.162-.085c.608-.321.48-1.235-.193-1.379-.208-.045-4.158-.048-4.344-.004%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-pdf-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23F40F02%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v19.5c0%20.846-.654%201.5-1.5%201.5h-23c-.846%200-1.5-.654-1.5-1.5v-31c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM22.5%2021c-1.37%200-2.5%201.13-2.5%202.5%200%201.742.889%203.627%202.053%205.432-.303.981-.63%201.942-1.016%202.808-.01.004-.022.006-.031.01-2.53.97-4.313%202.084-5.25%202.959A2.444%202.444%200%200%200%2015%2036.5c0%20.637.248%201.283.732%201.768.485.484%201.13.732%201.768.732.693%200%201.263-.315%201.691-.662.526-.427%201.04-1.077%201.647-1.988.528-.792%201.09-1.835%201.633-2.948a24.005%2024.005%200%200%201%202.799-.804C26.85%2033.934%2028.578%2035%2030.5%2035c1.37%200%202.5-1.13%202.5-2.5S31.87%2030%2030.5%2030c-1.661%200-3.192.198-4.645.457-.339-.324-.718-.537-1.029-.904-.232-.275-.351-.589-.56-.88.441-1.645.734-3.388.734-5.173%200-1.37-1.13-2.5-2.5-2.5zm0%202c.287%200%20.5.213.5.5%200%20.819-.21%201.621-.334%202.436C22.294%2025.03%2022%2024.145%2022%2023.5c0-.287.213-.5.5-.5zm.938%207.969c.02.023.047.039.068.062l-.102.03.034-.092zM30.5%2032c.287%200%20.5.213.5.5%200%20.287-.213.5-.5.5-.702%200-1.496-.373-2.281-.775.764-.075%201.466-.225%202.281-.225zm-11.02%202.684c-.1.161-.211.41-.308.556-.545.817-1.064%201.4-1.242%201.545-.214.172-.355.215-.43.215a.485.485%200%200%201-.354-.146A.485.485%200%200%201%2017%2036.5c0-.145.048-.26.121-.33l.002-.002c.369-.344%201.26-.9%202.357-1.484z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-pdf-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v19.5c0%20.846-.654%201.5-1.5%201.5h-23c-.846%200-1.5-.654-1.5-1.5v-31c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM22.5%2021c-1.37%200-2.5%201.13-2.5%202.5%200%201.742.889%203.627%202.053%205.432-.303.981-.63%201.942-1.016%202.808-.01.004-.022.006-.031.01-2.53.97-4.313%202.084-5.25%202.959A2.444%202.444%200%200%200%2015%2036.5c0%20.637.248%201.283.732%201.768.485.484%201.13.732%201.768.732.693%200%201.263-.315%201.691-.662.526-.427%201.04-1.077%201.647-1.988.528-.792%201.09-1.835%201.633-2.948a24.005%2024.005%200%200%201%202.799-.804C26.85%2033.934%2028.578%2035%2030.5%2035c1.37%200%202.5-1.13%202.5-2.5S31.87%2030%2030.5%2030c-1.661%200-3.192.198-4.645.457-.339-.324-.718-.537-1.029-.904-.232-.275-.351-.589-.56-.88.441-1.645.734-3.388.734-5.173%200-1.37-1.13-2.5-2.5-2.5zm0%202c.287%200%20.5.213.5.5%200%20.819-.21%201.621-.334%202.436C22.294%2025.03%2022%2024.145%2022%2023.5c0-.287.213-.5.5-.5zm.938%207.969c.02.023.047.039.068.062l-.102.03.034-.092zM30.5%2032c.287%200%20.5.213.5.5%200%20.287-.213.5-.5.5-.702%200-1.496-.373-2.281-.775.764-.075%201.466-.225%202.281-.225zm-11.02%202.684c-.1.161-.211.41-.308.556-.545.817-1.064%201.4-1.242%201.545-.214.172-.355.215-.43.215a.485.485%200%200%201-.354-.146A.485.485%200%200%201%2017%2036.5c0-.145.048-.26.121-.33l.002-.002c.369-.344%201.26-.9%202.357-1.484z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-phone-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23222%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M19.041%204.014a5.595%205.595%200%200%200-1.994.215l-2.367.7c-2.523.747-4.494%202.748-5.16%205.274-1.481%205.618.213%2012.267%204.62%2019.752%204.402%207.475%209.418%2012.225%2015.083%2013.775a7.677%207.677%200%200%200%207.234-1.763l1.8-1.67c2.016-1.871%202.316-4.987.688-7.201l-2.601-3.533c-1.395-1.895-3.853-2.701-6.114-2.022l-4.07%201.219c-.17.05-.58-.183-.935-.49l-.002-.002c-.634-.551-1.512-1.665-2.452-3.258v-.002c-1.007-1.71-1.436-2.83-1.609-3.49-.172-.661-.13-.742-.105-.965a.473.473%200%200%201%20.156-.297l.002-.002%203.035-2.775a5.438%205.438%200%200%200%201.283-6.268l-1.83-3.992v-.002c-.861-1.878-2.688-3.06-4.662-3.203zm-.217%202.992c.918.068%201.764.62%202.15%201.463l1.833%203.992c.443.966.22%202.072-.58%202.805l-3.036%202.773a3.482%203.482%200%200%200-1.115%202.176v.002c-.025.22-.083%201.036.184%202.058.267%201.023.818%202.375%201.926%204.256h.002c1.033%201.753%202.01%203.085%203.068%204.004h.002c.343.298%201.783%201.678%203.742%201.106l.006-.002%204.088-1.225a2.592%202.592%200%200%201%202.834.928l2.601%203.533a2.412%202.412%200%200%201-.312%203.223l-1.801%201.672c-1.152%201.07-2.862%201.488-4.402%201.066-4.58-1.254-9.111-5.31-13.287-12.402-4.182-7.102-5.49-12.975-4.307-17.465.391-1.482%201.59-2.712%203.111-3.162l2.365-.702c.309-.09.622-.122.928-.1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-phone-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M19.041%204.014a5.595%205.595%200%200%200-1.994.215l-2.367.7c-2.523.747-4.494%202.748-5.16%205.274-1.481%205.618.213%2012.267%204.62%2019.752%204.402%207.475%209.418%2012.225%2015.083%2013.775a7.677%207.677%200%200%200%207.234-1.763l1.8-1.67c2.016-1.871%202.316-4.987.688-7.201l-2.601-3.533c-1.395-1.895-3.853-2.701-6.114-2.022l-4.07%201.219c-.17.05-.58-.183-.935-.49l-.002-.002c-.634-.551-1.512-1.665-2.452-3.258v-.002c-1.007-1.71-1.436-2.83-1.609-3.49-.172-.661-.13-.742-.105-.965a.473.473%200%200%201%20.156-.297l.002-.002%203.035-2.775a5.438%205.438%200%200%200%201.283-6.268l-1.83-3.992v-.002c-.861-1.878-2.688-3.06-4.662-3.203zm-.217%202.992c.918.068%201.764.62%202.15%201.463l1.833%203.992c.443.966.22%202.072-.58%202.805l-3.036%202.773a3.482%203.482%200%200%200-1.115%202.176v.002c-.025.22-.083%201.036.184%202.058.267%201.023.818%202.375%201.926%204.256h.002c1.033%201.753%202.01%203.085%203.068%204.004h.002c.343.298%201.783%201.678%203.742%201.106l.006-.002%204.088-1.225a2.592%202.592%200%200%201%202.834.928l2.601%203.533a2.412%202.412%200%200%201-.312%203.223l-1.801%201.672c-1.152%201.07-2.862%201.488-4.402%201.066-4.58-1.254-9.111-5.31-13.287-12.402-4.182-7.102-5.49-12.975-4.307-17.465.391-1.482%201.59-2.712%203.111-3.162l2.365-.702c.309-.09.622-.122.928-.1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-powerpoint-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23D04423%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v19.5c0%20.846-.654%201.5-1.5%201.5h-23c-.846%200-1.5-.654-1.5-1.5v-31c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM20.5%2023a1.5%201.5%200%201%200%200%203H24c1.122%200%202%20.878%202%202%200%201.122-.878%202-2%202h-2v-.5a1.5%201.5%200%201%200-3%200v1.754a1.5%201.5%200%200%200%200%20.486v4.76a1.5%201.5%200%201%200%203%200V33h2c2.744%200%205-2.256%205-5s-2.256-5-5-5h-3.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-powerpoint-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12.5%204C10.032%204%208%206.032%208%208.5v31c0%202.468%202.032%204.5%204.5%204.5h23c2.468%200%204.5-2.032%204.5-4.5v-21a1.5%201.5%200%200%200-.44-1.06l-.015-.016L26.56%204.439A1.5%201.5%200%200%200%2025.5%204h-13zm0%203H24v8.5c0%202.468%202.032%204.5%204.5%204.5H37v19.5c0%20.846-.654%201.5-1.5%201.5h-23c-.846%200-1.5-.654-1.5-1.5v-31c0-.846.654-1.5%201.5-1.5zM27%209.121L34.879%2017H28.5c-.846%200-1.5-.654-1.5-1.5V9.121zM20.5%2023a1.5%201.5%200%201%200%200%203H24c1.122%200%202%20.878%202%202%200%201.122-.878%202-2%202h-2v-.5a1.5%201.5%200%201%200-3%200v1.754a1.5%201.5%200%200%200%200%20.486v4.76a1.5%201.5%200%201%200%203%200V33h2c2.744%200%205-2.256%205-5s-2.256-5-5-5h-3.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-quote-light: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2060%2060\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23fff\'%3E%3Cpath%20%20d%3D%22M15.111%208.211c-.241.123-.94.722-1.553%201.331-3.951%203.927-6.502%209.086-7.322%2014.808-.173%201.209-.186%202.118-.186%2012.955V48.96l.373.756c.45.91%201.029%201.477%201.959%201.918l.668.316h13.9l.668-.316c.93-.441%201.509-1.008%201.959-1.918l.373-.756V31.04l-.377-.764c-.446-.901-1.021-1.459-1.973-1.915l-.65-.311-4.525-.03-4.525-.029v-.721c.001-.95.171-3.677.305-4.87.449-4.008%201.383-7.359%202.866-10.285.715-1.411.829-1.705.829-2.144%200-.634-.303-1.287-.76-1.635-.493-.376-1.424-.434-2.029-.125m28%200c-.241.123-.94.722-1.553%201.331-3.951%203.927-6.502%209.086-7.322%2014.808-.173%201.209-.186%202.118-.186%2012.955V48.96l.373.756c.45.91%201.029%201.477%201.959%201.918l.668.316h13.9l.668-.316c.93-.441%201.509-1.008%201.959-1.918l.373-.756V31.04l-.377-.764c-.446-.901-1.021-1.459-1.973-1.915l-.65-.311-4.525-.03-4.525-.029v-.721c.001-.95.171-3.677.305-4.87.449-4.008%201.383-7.359%202.866-10.285.715-1.411.829-1.705.829-2.144%200-.634-.303-1.287-.76-1.635-.493-.376-1.424-.434-2.029-.125%22%2F%3E%3C%2Fsvg%3E'); --lp-icon-tag-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M8.076%205.17a8450.896%208450.896%200%200%201-6.094%206.14L.501%2012.801%205.84%2018.14c2.937%202.937%205.352%205.336%205.367%205.33.015-.005%202.781-2.737%206.147-6.07l6.119-6.06.004-5.41.003-5.41H12.689L8.076%205.17M21.51%206.488l.01%203.988-5.139%205.092a957.148%20957.148%200%200%201-5.171%205.102c-.016.005-1.826-1.786-4.02-3.98L3.2%2012.7l5.15-5.108%205.15-5.107%204%20.008%204%20.007.01%203.988m-3.198-2.035c-.536.17-.819.719-.657%201.275.259.891%201.631.891%201.89%200%20.124-.426-.012-.871-.34-1.109-.285-.207-.587-.263-.893-.166%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-warning-dark: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2020%2019%22%3E%3Cpath%20d%3D%22M9.483.588a2.8%202.8%200%200%200-.516.185c-.234.112-.333.186-.567.424l-.283.288L4.2%208.56C2.046%2012.452.236%2015.75.178%2015.89c-.251.605-.22%201.22.097%201.869.213.439.722.914%201.151%201.075.464.175.026.167%208.682.158l8.042-.009.274-.092a2.335%202.335%200%200%200%201.39-1.325c.209-.514.232-1.035.067-1.526-.056-.167-1.376-2.585-4.04-7.401l-3.958-7.154-.283-.288c-.234-.238-.333-.312-.567-.424a2.443%202.443%200%200%200-1.55-.185m.864%201.49c.072.04.171.125.222.189.05.064%201.851%203.296%204.003%207.183l3.911%207.067v.255c0%20.23-.01.27-.1.4a.759.759%200%200%201-.281.237l-.182.092-7.952-.009-7.951-.009-.149-.083a.903.903%200%200%201-.25-.228c-.092-.13-.101-.169-.101-.4v-.255L5.428%209.45C7.58%205.563%209.381%202.331%209.432%202.267a.705.705%200%200%201%20.915-.189M9.676%206.07a.752.752%200%200%200-.391.469c-.078.26-.078%205.162%200%205.422.099.334.37.538.715.538a.721.721%200%200%200%20.715-.538c.078-.26.078-5.162%200-5.422-.132-.445-.632-.671-1.039-.469m.002%207.99a.988.988%200%200%200-.38%201.642c.748.747%202.005-.057%201.635-1.045-.188-.504-.758-.775-1.255-.597%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); --lp-icon-warning-light: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2020%2019%22%3E%3Cpath%20d%3D%22M9.483.588a2.8%202.8%200%200%200-.516.185c-.234.112-.333.186-.567.424l-.283.288L4.2%208.56C2.046%2012.452.236%2015.75.178%2015.89c-.251.605-.22%201.22.097%201.869.213.439.722.914%201.151%201.075.464.175.026.167%208.682.158l8.042-.009.274-.092a2.335%202.335%200%200%200%201.39-1.325c.209-.514.232-1.035.067-1.526-.056-.167-1.376-2.585-4.04-7.401l-3.958-7.154-.283-.288c-.234-.238-.333-.312-.567-.424a2.443%202.443%200%200%200-1.55-.185m.864%201.49c.072.04.171.125.222.189.05.064%201.851%203.296%204.003%207.183l3.911%207.067v.255c0%20.23-.01.27-.1.4a.759.759%200%200%201-.281.237l-.182.092-7.952-.009-7.951-.009-.149-.083a.903.903%200%200%201-.25-.228c-.092-.13-.101-.169-.101-.4v-.255L5.428%209.45C7.58%205.563%209.381%202.331%209.432%202.267a.705.705%200%200%201%20.915-.189M9.676%206.07a.752.752%200%200%200-.391.469c-.078.26-.078%205.162%200%205.422.099.334.37.538.715.538a.721.721%200%200%200%20.715-.538c.078-.26.078-5.162%200-5.422-.132-.445-.632-.671-1.039-.469m.002%207.99a.988.988%200%200%200-.38%201.642c.748.747%202.005-.057%201.635-1.045-.188-.504-.758-.775-1.255-.597%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E'); } /* ========================================================= NEWS LIST CSS ========================================================= * Innehåller styling för listning av nyheter * * Copyright (C) Limepark AB. * https://limepark.se/licensvillkor =========================================================*/ /* --------------------------------------------------------- NYHETSLISTA + HÄNDELSER ---------------------------------------------------------*/ .lp-news-list, .lp-event-list { background-color: var(--lp-color-4); display: flex; flex-direction: column; padding: var(--lp-spacing); } .lp-event-list { background-color: var(--lp-color-6); } .lp-news-item { display: flex; flex-wrap: wrap; } .lp-news-list li, .lp-event-list li { border-bottom: 1px solid var(--lp-border-color-default); display: flex; margin-bottom: 0; padding: var(--lp-spacing-small) 0; } .lp-news-list li { flex-wrap: wrap; } .lp-news-list li:last-of-type, .lp-event-list li:last-of-type { margin-bottom: var(--lp-spacing); } .lp-news-list .heading3 a, .lp-event-list .heading3 a { display: block; text-decoration: none; } .lp-news-list .sv-text-portlet h2.subheading, .lp-event-list .sv-text-portlet h2.subheading { border-bottom: 1px solid var(--lp-border-color-default); font-size: 2.8rem; margin-bottom: 0; padding-bottom: 0.5em; } .lp-event-list .sv-text-portlet h1.heading, .lp-news-list .sv-text-portlet h1.heading { border-bottom: 1px solid var(--lp-border-color-default); margin-bottom: 0; padding-bottom: 0.5em; } .lp-news-list .heading3, .lp-event-list .heading3 { font-size: 1.8rem; line-height: 1.3; margin-bottom: 0.3em; margin-top: 0; width: 100%; } .lp-news-list li .lp-news-item .normal, .lp-event-list li .normal { font-size: 1.8rem; margin-bottom: 0; width: 100%; } .lp-news-list .small, .lp-event-list .small { font-weight: 300; margin-bottom: 0.3em; } .lp-news-list .small { margin-right: 0.6em; } .lp-news-list .small + .small:before { background-color: var(--lp-font-color); border-radius: 50%; content: ''; display: inline-block; height: 0.3em; margin-bottom: 0.2em; margin-right: 0.6em; width: 0.3em; } .lp-news-list .sv-marketplace-sitevision-button, .lp-event-list .sv-marketplace-sitevision-button { margin-bottom: 0; margin-top: auto; } .lp-news-list .env-button--link { color: var(--lp-color-4-link); } .lp-event-list .env-button--link { color: var(--lp-color-6-link); } .lp-news-list .sv-archive-portlet + .sv-marketplace-sitevision-button .env-button--link:after { background-image: var(--lp-icon-news-dark); } .lp-event-list .sv-archive-portlet + .sv-marketplace-sitevision-button .env-button--link:after { background-image: var(--lp-icon-calendar-dark); } /* Viktig nyhet */ .lp-news-list .lp-news-item.lp-news-item--prioritized { padding: 0 var(--lp-spacing-small) 0 var(--lp-spacing-large); position: relative; isolation: isolate; } .lp-news-item.lp-news-item--prioritized:before { background-color: var(--lp-color-1); bottom: calc(-1 * var(--lp-spacing-small)); content: ''; display: block; left: 0; opacity: 0.2; position: absolute; right: 0; top: calc(-1 * var(--lp-spacing-small)); z-index: -1; } .lp-news-item.lp-news-item--prioritized:after { background-image: var(--lp-icon-warning-dark); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: block; height: 2.4rem; left: var(--lp-spacing-x-small); position: absolute; top: 0.3rem; width: 2.4rem; } /* --------------------------------------------------------- LISTNING AV EVENEMANG ---------------------------------------------------------*/ .lp-event-list li { flex-direction: row; gap: var(--lp-spacing-x-small); } .lp-event-list li.lp-clickable-area:hover .lp-event-list__date { background-color: var(--lp-color-3-dark); } .lp-event-list__date { align-items: center; background-color: var(--lp-color-3); border-radius: var(--lp-decoration-border-radius); display: flex; flex-direction: column; height: 7.5rem; padding: 0.5rem; transition: var(--lp-transition-default); width: 7.5rem; flex-shrink: 0; justify-content: center; } .lp-event-list__date-day, .lp-event-list__date-month { color: var(--lp-color-3-text); font-size: 1.6rem; line-height: 1; text-align: center; } .lp-event-list__date-day { font-size: 2rem; font-weight: 600; } .lp-event-list .lp-event-list__info { display: flex; align-content: center; flex-wrap: wrap; gap: 0 var(--lp-spacing-x-small); } .lp-event-list .lp-event-list__info .small:before { background-image: var(--lp-icon-calendar-dark); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: inline-block; height: 0.9em; margin-bottom: -2px; margin-right: 0.4em; width: 0.9em; } .lp-event-list .lp-event-list__info .lp-event-list__timespan.small:before { background-image: var(--lp-icon-clock-dark); height: 1.2em; margin-bottom: -4px; margin-right: 0.3em; width: 1.2em; } /* --------------------------------------------------------- TOPPNYHET --------------------------------------------------------- */ .lp-top-news { display: grid; margin: 0 0 var(--lp-spacing-xx-large); gap: var(--lp-spacing-large); grid-template-columns: 1fr 1fr; } .lp-top-news__image { display: flex; margin: 2rem auto; position: relative; transition: all 0.3s ease-out; justify-content: center; } .sv-archive-portlet .lp-top-news__image img { max-width: 43rem !important; padding: 0; transform: rotate(-5deg); transition: var(--lp-transition-default); width: 88% !important; } .sv-archive-portlet .lp-top-news__image__shape:nth-child(1) { background-color: var(--lp-color-1); bottom: -6vw; display: block; height: 24rem; left: -1vw; position: absolute; transform: translateX(-50%) rotate(140deg); width: 22rem; z-index: -1; clip-path: var(--lp-clip-path-halfcircle); } .sv-archive-portlet .lp-top-news__image__shape:nth-child(2) { background-color: var(--lp-color-3); border-radius: var(--lp-decoration-border-radius); display: block; height: 12rem; position: absolute; right: -3vw; top: 3rem; width: 12rem; z-index: -1; } .lp-top-news__content .heading3, .lp-top-news__content .subheading { font-size: clamp(3rem, 3vw, 5.2rem); line-height: 1.3; } .lp-top-news__content .heading3 a, .lp-top-news__content .subheading a { text-decoration: none; } .sv-archive-portlet .lp-clickable-area:hover .lp-top-news__image img { transform: rotate(-4deg); } .lp-top-news__info { display: flex; flex-wrap: wrap; gap: 0.7em; } .lp-top-news__info .small { font-weight: 300; } .lp-top-news__info > .small:not(:last-child):after { background-color: var(--lp-font-color); border-radius: var(--lp-decoration-border-radius); content: ''; display: inline-block; height: 0.3em; margin-bottom: 0.2em; margin-left: 0.7em; width: 0.3em; } /* --------------------------------------------------------- NYHETSARKIV --------------------------------------------------------- */ .lp-news-archive ul { display: grid; gap: var(--lp-spacing-large) var(--lp-spacing); grid-template-columns: 1fr 1fr 1fr 1fr; } .lp-news-archive ul li { margin-bottom: 0; } .lp-news-archive__image { background-color: var(--lp-color-4); border-radius: var(--lp-border-radius-small); display: flex; margin-bottom: var(--lp-spacing-x-small); overflow: hidden; aspect-ratio: 10/13; } .lp-news-archive li.lp-clickable-area:hover .lp-news-archive__image img { transform: scale(1.05); } .lp-news-archive__item .lp-news-archive__image img { height: 100% !important; max-height: 100% !important; max-width: 100% !important; transition: var(--lp-transition-default); width: 100% !important; object-fit: cover; } .lp-news-archive__content .subheading, .lp-news-archive__content .heading3 { font-size: 2rem; line-height: 1.3; margin-bottom: 0.3em; } .lp-news-archive__content .subheading a, .lp-news-archive__content .heading3 a { text-decoration: none; } .lp-news-archive__info { display: flex; flex-wrap: wrap; gap: 0.7em; } .lp-news-archive .lp-news-archive__info .small { font-weight: 300; margin-bottom: 0; } .lp-news-archive__info > .small:first-child:after { background-color: var(--lp-font-color); border-radius: var(--lp-decoration-border-radius); content: ''; display: inline-block; height: 0.3em; margin-bottom: 0.2em; margin-left: 0.7em; width: 0.3em; } .lp-news-archive ul li:nth-child(1), .lp-news-archive ul li:nth-child(2) { grid-column: span 2; } .lp-news-archive ul li:nth-child(1) .lp-news-archive__image, .lp-news-archive ul li:nth-child(2) .lp-news-archive__image { aspect-ratio: 4/3; } .lp-news-archive ul li:nth-child(1) .subheading, .lp-news-archive ul li:nth-child(2) .subheading, .lp-news-archive ul li:nth-child(1) .heading3, .lp-news-archive ul li:nth-child(2) .heading3 { font-size: 3.2rem; } /* --------------------------------------------------------- LISTNING AV EVENEMANG - Inloggatläge startsida ---------------------------------------------------------*/ .sv-template-inloggad-startmall{ .lp-event-list li { flex-direction: row; gap: var(--lp-spacing-x-small); } .lp-event-list li.lp-clickable-area:hover .lp-event-list__date { background-color: var(--lp-color-3-dark); } .lp-event-list__date { align-items: center; background-color: var(--lp-color-3); border-radius: var(--lp-decoration-border-radius); display: flex; flex-dirction: column; height: 3rem; padding: 0.5rem; transition: var(--lp-transition-default); width: 3rem; flex-shrink: 0; justify-content: center; } .lp-event-list__date-day, .lp-event-list__date-month { color: var(--lp-color-3-text); font-size: 1rem; line-height: 1; text-align: center; } .lp-event-list__date-day { font-size: 1rem; font-weight: 600; } .lp-event-list .lp-event-list__info { display: flex; align-content: center; flex-wrap: wrap; gap: 0 var(--lp-spacing-x-small); } .lp-event-list .lp-event-list__info .small:before { background-image: var(--lp-icon-calendar-dark); background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: inline-block; height: 0.9em; margin-bottom: -2px; margin-right: 0.4em; width: 0.9em; } .lp-event-list .lp-event-list__info .lp-event-list__timespan.small:before { background-image: var(--lp-icon-clock-dark); height: 1.2em; margin-bottom: -4px; margin-right: 0.3em; width: 1.2em; } .lp-event-list__info .heading3{ font-size: 1rem; } } /* Desktop: dela bredden */ @media (min-width: 400px){ .kommunlista{ columns: 2; column-gap: 32px; } .kommunlista li{ break-inside: avoid; margin-bottom: 6px; } } ul.env-text-list.normal{ margin-top: 0px; } .network-tag { display: inline-block; padding: 4px 12px; font-size: 0.85rem; font-weight: 500; border-radius: 999px; line-height: 1.4; } /* Kommun – orange */ .network-Kommunnätverk { background-color: var(--d-secondaryy-y-lighter); color: #B33B09; } /* Myndighet – gul */ .network-Myndighetsnätverk { background-color: #FFEFC6; color: #2E6A71; } /****************** USEIT *******************/ /****************** Variabler *******************/ body { --d-primary: #387980; --d-primary-light: #3B8087; --d-primary-dark: #2E6A71; --d-default-light: #CEE1E2; --d-secondary: #EFB49B; --d-secondary-light: #F4CDBC; --d-secondaryy-y-lighter:#f9e6de; --d-secondary-dark: #e77342; --d-error: #387980; --d-secondary-y: #FBF3DF; --d-secondaryy-y-light: #FEFCF7; --d-secondary-y-dark: #FFE5A1; } .env-button { font-weight: 600; } #Tilltoppen + div .env-button--brand{ border: 2px solid white !important; } /* ===== Container ===== */ .network-filter { display: flex; gap: 1rem; margin-bottom: 2rem; } /* ===== Grundstil ===== */ .filter-pill { padding: 6px 18px; border-radius: 999px; border: 1px solid var(--d-primary-dark); background: #ffffff; color: #1e293b; cursor: pointer; font-weight: 500; transition: all 0.2s ease; font-size: 1em; padding: 1em 1.5em; } /* ===== Hover ===== */ .filter-pill:hover { background: var(--d-primary-dark); color: #fff; } /* ===== Active ===== */ .filter-pill.active { background: var(--d-primary-dark); /* 🔁 Aktiv bakgrund */ /* 🔁 Aktiv border */ color: #ffffff; /* 🔁 Aktiv text */ } /* ===== Hover på aktiv ===== */ .filter-pill.active:hover { background: var(--d-primary-dark); /* 🔁 Aktiv + hover bakgrund */ } /* ===== Focus (tangentbord) ===== */ .filter-pill:focus-visible { box-shadow: 0 0 0 var(--env-focus-offset) var(--env-focus-inner-color); outline: var(--env-focus-size) solid var(--env-focus-outline-color); outline-offset: var(--env-focus-offset); } /****************** Hoppa till innehållet *******************/ .skip-link { opacity: 0; position: absolute!important; left: 2rem; top: 0; border-radius: 0 0 1rem 1rem; font-size: 1rem; min-height: 2.5rem; padding-right: 2.8rem; border-color: var(--d-secondary-dark); border-width: 3px; font-weight: 600; transition: 0.2s; } .skip-link-submenu { opacity: 0; position: absolute !important; border-radius: 1rem 1rem 1rem 1rem; position: relative; font-size: 1rem; min-height: 0; padding-right: 2.8rem; border-color: var(--d-secondary-dark); border-width: 3px; font-weight: 600; transition: 0.2s; } .skip-link:focus { opacity: 1; } .skip-link-submenu:focus { opacity: 1; min-height: 2.5rem; margin-bottom: 1rem; position: relative !important; } .skip-link::after, .skip-link-submenu::after { content: " "; position:absolute; right:1rem; background: var(--lp-icon-arrow-dark) no-repeat; trans'form': rotate(90deg); width: 20px; height: 20px; transition: 0.2s; margin-top: 5px; } /****************** Logotyp *******************/ .digidig-logo img { min-width: 10rem !important; width: 20rem; max-width: 20rem; margin: auto; } #Logotyp + a img,#Logotyp + a { display: block; } @media screen and (max-width:950px) { #Logotyp + a img, #Logotyp + img { padding: 0 0 0 ; } } /****************** Logga in-knapp *******************/ #KnappLogin + div { justify-content: end; } .logga-in-knapp a { position: relative; border-radius: 0 0 1rem 1rem; font-size: 1rem; min-height: 2.5rem; padding-right: 2.8rem; margin-left: 0.5rem; } .logga-in-knapp a::after { content: " "; position: absolute; right: 1rem; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M34.484%2011.984a1.5%201.5%200%200%200-1.045%202.577L40.88%2022H3.5a1.5%201.5%200%201%200%200%203h37.379l-7.44%207.44a1.5%201.5%200%201%200%202.122%202.12l10-10a1.5%201.5%200%200%200%200-2.12l-10-10a1.5%201.5%200%200%200-1.077-.456z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat; width: 20px; height: 20px; transition: .2s; } .logga-in-knapp a:hover:after { right: 0.7rem; } .mobilmeny { align-self: end; } .mobilmeny .meny-inloggad { align-self: end; } .mobilmeny > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /******************** Header och undermeny ********************/ .mobilmeny { min-height: 11rem; justify-content: space-between; display: flex; flex-direction: column; } @media screen and (max-width:950px) { .mobilmeny { min-height: unset; justify-content: unset; display: unset; flex-direction: unset; } .digidig-header>div#svid10_4bffbf65187eb36dcc6168, .digidig-header { width: 100%!important; } } /******* MOBILMENY *****/ @media screen and (max-width:950px) { .mobilmeny { align-self: unset; display: flex!important; justify-content: space-between; } header { position:relative; } .mobilmeny { flex-wrap: wrap; } .logga-in-knapp a { border-radius: 1rem 1rem 0 0; } .logga-in-knapp a::after { height: 15px; } .logga-in-knapp a, #Mobilmeny + div button { font-size: 0.8rem; line-height: 0.9rem; } #Mobilmeny + div button { position:relative; background: var(--d-secondary-light) !important; border-radius: 1rem 1rem 0 0 !important; min-height: 2.5rem; padding: 0em 2.5em 0em 1.5em; width: unset; float:right; border-color: transparent; } #Mobilmeny + div button[aria-haspopup="dialog"]{ padding: 0em 3em 0em 1.5em; } #Mobilmeny + div nav>button { margin-right: 0.5rem; margin-left: 0.5rem; } #Mobilmeny + div dialog { padding: 2.5rem 0 0; } #Mobilmeny + div dialog>button { top: 0px !important; } #Mobilmeny + div dialog button { background: transparent !important; } #Mobilmeny + div dialog>ul { border-top: 3px solid var(--d-secondary-dark); } #Mobilmeny + div dialog ul button { border-radius: 1rem 0 0 1rem !important; right: 0; } #Mobilmeny + div button::before { height: unset; } #Mobilmeny + div button.env-button .env-icon{ left:unset; top: unset; height: unset; margin: 0 0.3rem; } #Mobilmeny + div a { font-weight: 600; position: relative; } #Mobilmeny + div a[data-active-item=true] { font-weight: 400; padding: var(--env-spacing-small) 49px var(--env-spacing-small) 1.5rem; } #Mobilmeny + div a[data-active-item=true]::before { content:""; height: 100%; width: 0.5rem; background: var(--d-secondary-dark); position: absolute; left: 0; margin-right: 0.5rem; } } /****************** Huvudmeny *******************/ .huvudmeny ul { justify-content: end; } .huvudmeny ul li { justify-content: end; } .huvudmeny ul li a{ justify-content: end; font-size: 1.2rem; font-weight: 600; position: relative; min-height: 2em; } .huvudmeny ul li a:after{ content:""; position: absolute; background: var(--d-primary-dark); bottom: -6px; width: 100%; height: 5px; left: 50%; transform: translateX(-50%); opacity: 0; transition: 0.2s; } .huvudmeny ul li a:hover, .huvudmeny ul li a:focus { color: var(--d-primary-dark)!important; } .huvudmeny ul li a:hover:after, .huvudmeny ul li a:focus:after{ opacity:1; bottom: -1px; } .huvudmeny ul li a.env-nav__link--active{ border-bottom: 0!important; color: var(--d-primary)!important; } .huvudmeny ul li a.env-nav__link--active::after { opacity: 1; height: 10px; bottom: -1px; } /****************** Brödsmulor *******************/ #Lankstig + nav { padding-top: 1.3rem; padding-left: 3rem; padding-bottom: 2rem; /* @media screen and (max-width: 800px) { padding-left: 0; }*/ } .two-columns { padding-bottom: 3rem; padding-top: 2.1rem; padding-left: 3rem; } #Lankstig + nav a { text-underline-position: under; transition: 0.2; } #Lankstig + nav a:hover { text-underline-position: from-font; } #Lankstig + nav .env-breadcrumb .env-breadcrumb__item{ font-size: 1rem; @media screen and (max-width: 800px) { font-size: 0.8rem; } } @media screen and (max-width:800px) { .two-columns { padding-left: 0; padding-bottom: 2rem; } } /****************** Innehåll *******************/ @media (max-width:1150px) { .innehall { width:60%; } .two-columns .innehall { width:100%; } } @media (max-width:800px) { .innehall { width: unset; padding: 0 3rem; } .two-columns .innehall { width: unset; } } @media screen { .innehall { padding: 0 2rem; } } /***INNEHÅLL 2 spalter***/ @media (min-width:1150px) { /*.innehall-2 { width:80%; } */ } @media (max-width:800px) { .innehall-2 { width: unset; padding: 0 3rem; } } @media screen { .innehall-2 { padding: 0 0; } } /****************** Footer *******************/ .footer-swung { height: 12rem; background-position: -2px 0!important; } .footer-swung::before { content:" "; margin-top: 3rem; display: block; } footer { padding: 0 0 7rem; } footer h1.heading { font-weight: 600; font-size: 2rem; } .kontakta-oss { padding-left: 3rem; } #Kontaktuppgifter + div p, #Frida + div p { line-height: 2.5rem; /* background: var(--d-primary);*/ margin:0; } .sv-theme-digidig-inloggad #Kontaktuppgifter + div p { background: var(--d-secondary); } #Sidfotsmeny + ul { padding-top: 4rem; padding-right: 5rem; float: right; } #Sidfotsmeny + ul a { margin-bottom: 0.5rem; } #Sidfotsmeny + ul a::after { content: " "; position: absolute; background: url(/images/18.42226615188471f229d1ae7/1685348474280/arrow-white.svg) no-repeat; width: 20px; height: 20px; transition: .2s; margin-top: 0.2rem; margin-left: 0.3rem; } #Sidfotsmeny + ul a:hover:after, #Sidfotsmeny + ul a:focus:after { margin-left: 0.6rem; } footer a[href^="tel"]:before, footer a[href*="mail"]:before, .sv-theme-digidig-morkt-tema #Kontaktuppgifter + div p:first-of-type:before { background-position: center; background-repeat: no-repeat; background-size: contain; content: ''; display: inline-block; height: 1.1em; margin-bottom: -2px; margin-right: 0.6em; width: 1.1em; } footer a[href^="tel"]:before { background-image: url(/images/18.4bffbf65187eb36dcc652e0c/1684756711106/phone.svg); } footer .sv-theme-digidig-inloggad a[href^="tel"]:before { background-image: url(/images/18.5a2a35a4188b9e66871507b2/1690538182156/phone-solid.svg); } footer a[href*="mail"]:before, .sv-theme-digidig-morkt-tema #Kontaktuppgifter + div p:first-of-type:before { background-image: url(/images/18.4bffbf65187eb36dcc652e0b/1684756711090/envelope.svg); } footer .sv-theme-digidig-inloggad a[href*="mail"]:before { background-image: url(/images/18.5a2a35a4188b9e66871507c2/1690538395339/envelope-black.svg); } .logos-footer { display: flex; justify-content: center; align-items: center; padding: 3rem 0 6rem; } .logos-footer>div, .logos-footer>div>div { padding: 1rem 5rem; } .logos-footer a { display: block; } .logos-footer img { /*width: auto!important;*/ display: block; } #Samarbetesv + div p { font-size: 0.8rem; } @media (max-width:1250px) { .footer-swung { height: 10rem; } } @media screen and (max-width:1000px) { .footer-swung { height: 7rem; } } @media screen and (max-width:800px) { footer { padding: 0 0 4rem; } footer>div>div.flex-horisontellt { align-items: flex-start; padding: 2rem 2rem 0; } .logos-footer { flex-direction:column; padding: 1rem 0; } .logos-footer img { max-height: 75px; max-width: 175px; } .logos-footer>div, .logos-footer>div>div { text-align: center; padding: 2rem 0 1rem; } .footer-swung { height: 3rem; } #Sidfotsmeny + ul { padding-right: unset; padding-left: 3rem; float: unset; } } /****************** Topp-swung *******************/ .toppswung { height: 8rem; background-size: auto 8rem; } @media screen and (max-width:800px) { .toppswung { height: 3rem; background-size: auto 3rem; } } /****************** Generellt *******************/ .env-button { font-weight: 600; } .env-button--primary { background-color: var(--d-primary); } .flex-horisontellt { display: flex; justify-content: center; /*align-items: center;*/ flex-wrap: wrap; } .align-end { align-items: end; } img[src*="/sitevision/util/images/externallinknewwindow.png"], img[src*="/sitevision/util/images/externallink.png"] { content: url(/images/18.5a2a35a4188b9e6687111b83/1688031450909/external-link.png); margin-left: 0.2rem; } .start-h1 h1 { font-size: 4rem; line-height: 4.5rem; white-space: pre; text-align:center; margin: 0; } .start-h1 { height: 40vh; display: flex; align-items: center; justify-content:center; min-height: 20rem; } .puff-digidig { padding: 7rem 0 5rem 3rem; } .avdelare { display: flex; justify-content: center; padding: 1rem 0 1rem; } @media (min-width: 1600px) { .puff-digidig { padding: 7rem 5rem 5rem 0; } } @media screen and (max-width:800px) { .flex-horisontellt { flex-direction: column; } .start-h1 { height: unset; min-height: unset; } .start-h1 h1 { font-size: 2rem; line-height: 2.2rem; } .puff-digidig { padding: 5.3rem 2.2rem 4rem; } .puff-digidig p { font-size: 1.1rem; } } /* --------------------------------------------------------- Fokusmarkering #3a878aytterlinje #cee1e2 innerlinje --------------------------------------------------------- */ a:focus-visible { box-shadow: 0 0 0 var(--env-focus-offset) var(--env-focus-inner-color)!important; outline: var(--env-focus-size) solid var(--env-focus-outline-color)!important; outline-offset: 0.3rem; } #Kontaktuppgifter + div a:focus-visible { padding: 0.1rem 0; } /* --------------------------------------------------------- Main --------------------------------------------------------- */ main h1 { text-align: left; line-height: 1.1!important; } .sv-column-3 { padding-top: 0.55rem; } .sv-text-portlet h2.subheading { margin-top: 1.5rem!important; margin-bottom: 1rem!important; } @media (min-width:800px) { div.materialstruktur { padding-left: 3rem; } div.right-column { float: left!important; padding-left: 2rem; } div.limit-line { max-width:40rem; } } /* --------------------------------------------------------- Puff på gång --------------------------------------------------------- */ .pa-gang-puff { background-position: center -80px; padding: 4rem 0 1rem; } #Pagang + div { align-items: center; } .puff-pa-gang { align-items: center; background: #3A878A; border-radius: 50%; display: flex; flex-flow: column; height: 26rem; justify-content: center; min-height: 250px; min-width: 250px; width: 26rem; } .puff-pa-gang h2 { /*Nästa evenemang*/ color: #ffffff !important; text-align: center; font-size: max(2.5rem,25px); white-space: pre; font-weight: 400; margin: 0 0 1rem; } .puff-pa-gang .pa-gang-inside { align-items: center; display: flex; flex-flow: column; justify-content: center; } .puff-pa-gang .pa-gang-inside .pa-gang-datum { /*Datum stort*/ color: #ffffff; font-size: 12.5rem; line-height: 0.8; font-weight: 600; font-variant-numeric: lining-nums; -moz-font-feature-settings:"lnum" 1; -moz-font-feature-settings:"lnum=1"; -ms-font-feature-settings:"lnum" 1; -o-font-feature-settings:"lnum" 1; -webkit-font-feature-settings:"lnum" 1; font-feature-settings:"lnum" 1; } .puff-pa-gang .pa-gang-inside .pa-gang-manad { /*Månad*/ color: #ffffff; font-size: 2.5rem; padding-bottom: 1rem; padding-top: 0.5rem; } #Kommandeevenemang + div { position: relative; padding: 0 4rem 0 4rem; } #Kommandeevenemang + div a { z-index: 10; } #Kommandeevenemang + div::before { content:""; position: absolute; left: 0; top: 50%; height: 0.5rem; width: calc(100% - 2rem); opacity: 0.7; background: var(--d-primary); transform: translateY(-50%); } #Kommandeevenemang + div::after { content:""; position: absolute; right: 0; top: 50%; height: 2rem; width: 2rem; border-radius: 50%; background: var(--d-primary); transform: translateY(-50%); opacity: 0.7; } @media screen and (max-width:800px) { .puff-pa-gang { background-position: center center; height: 19rem; width: 19rem; } .puff-pa-gang .pa-gang-inside .pa-gang-datum { font-size: 9.5rem; } .puff-pa-gang .pa-gang-inside .pa-gang-manad, .puff-pa-gang h2 { font-size: 1.5rem; } #Pagang + div .env-d--flex { justify-content: center; padding: 2rem 0 4rem; } #Kommandeevenemang + div::before { top: 0; left: unset; height: calc(100% - 2rem); width: 0.5rem; transform: unset; } #Kommandeevenemang + div::after { right: unset; top: unset; bottom: 0; transform: unset; } } /* --------------------------------------------------------- På gång-listning och aktiviteter insidan i inloggatläge --------------------------------------------------------- */ #Aktiviteter + ul li, #Aktiviteter5forsta + ul li, #Aktiviteter5sista + ul li { position: relative; padding: 0 2rem; background: var(--d-default-light); border-radius: 0.3rem; margin-bottom: 1rem; min-height: 12rem; width: unset; } #Aktiviteter + ul li div.aktivitet, #Aktiviteter5forsta + ul li div.aktivitet, #Aktiviteter5sista + ul li div.aktivitet{ display: flex; flex-direction: row; align-items: flex-start; width: 100%; padding-top: 2rem; margin-bottom: 0; } #Aktiviteter + ul li div.aktivitet a.normal, #Aktiviteter5forsta + ul li div.aktivitet a.normal, #Aktiviteter5sista + ul li div.aktivitet a.normal{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; display:none; } .aktivitet h2 { line-height: 1.2em; font-size: 1.5rem; margin-top: 0!important; } #Aktiviteter + ul li div.aktivitet .pa-gang-content, #Aktiviteter5forsta + ul li div.aktivitet .pa-gang-content, #Aktiviteter5sista + ul li div.aktivitet .pa-gang-content{ padding-bottom: 3.5rem; padding-right: 1rem; } @media screen and (max-width:800px) { #Aktiviteter + ul li div.aktivitet, #Aktiviteter5forsta + ul li div.aktivitet, #Aktiviteter5sista + ul li div.aktivitet{ flex-direction: column; } #Aktiviteter + ul li div.aktivitet .pa-gang-content, #Aktiviteter5forsta + ul li div.aktivitet .pa-gang-content, #Aktiviteter5sista + ul li div.aktivitet .pa-gang-content{ padding-bottom: 0rem; } } .aktivitet svg { position: absolute; bottom: 1.5rem; right: 2rem; transition: 0.2s; } .aktivitet:hover svg { right: 1.5rem; } .aktivitet:hover h2 { text-decoration: underline; } .pa-gang li { display: flex; flex-direction: row; align-items:flex-start; width: 100%; padding-top: 2rem; margin-bottom: 0; } .pa-gang li .pa-gang-content { border-bottom: #CEE1E2 solid 3px; width: inherit; padding-bottom: 2rem; } .pa-gang li:last-of-type .pa-gang-content { border-bottom: none; } .pa-gang li .pa-gang-img img { width: 5rem!important; height: auto!important; padding-right: 2rem; } .pa-gang-date { background: var(--d-primary); height: 5rem; width: 5rem; flex-shrink: 0; border-radius: 50%; display: flex; text-align: center; justify-content: center; align-items: center; flex-direction: column; margin-left: 1.5rem; } .pa-gang-datum { font-weight: 600; font-size: 2rem; } .pa-gang-date span{ color: #FFF; } .pa-gang-content h3 { margin: 0; font-size: 1.8rem; padding-bottom: 0.6rem; } .pa-gang-content time { margin: 0; background: rgb(56 121 128 / 10%); padding: 0.2rem 0.5rem 0.3rem; border-radius: 0.5rem; font-size: 0.9rem; } .pa-gang-content span { display: inline; } @media screen and (max-width:800px) { .pa-gang li { flex-direction: column; padding-top: 1rem; } .pa-gang li .pa-gang-img img { padding: 0; width: 3rem!important; } .pa-gang li .pa-gang-img { display: flex; justify-content: center; width: 100%; padding: 0 0 1rem 0; } .pa-gang-content h3 { font-size: 1.2rem; } .pa-gang-date { margin-top: 1rem; } } /* Desktop: dela bredden */ @media (min-width: 600px){ .pa-gang .sv-defaultlist{ border: 15px solid #CEE1E2 !important; padding: 0px 30px; } .pa-gang li{ border-bottom: #CEE1E2 solid 3px; margin-bottom: 0; } .pa-gang li:last-child{ border-bottom: #CEE1E2 solid 0px; } .pa-gang li .pa-gang-content{ padding-bottom: 1.2rem !important; border-bottom: 0px !important; } } @media (max-width: 800px){ .pa-gang-date{ display:none; } } /* --------------------------------------------------------- Textpuffar start --------------------------------------------------------- */ .textpuffar-start { display: flex; flex-direction: column; align-items: center; padding: 2rem 0; } .textpuff { width: 30rem; } .textpuff a{ padding-left:0; } .textpuffar-start>div { padding: 2.5rem 3rem; margin-top: 2rem; margin-bottom: 2rem; } .textpuffar-start>div:nth-child(3n+1) { background-color:rgba(58, 135, 138, 0.2) } .textpuffar-start>div:nth-child(3n+2) { background-color:rgba(58, 135, 138, 0.4) } .textpuffar-start>div:nth-child(3n+3) { background-color:rgba(58, 135, 138, 0.6) } .textpuffar-start>div:nth-child(odd) { border-radius: 2em 2em 2em 0; margin-right: 10rem; } .textpuffar-start>div:nth-child(even) { border-radius: 2em 2em 0 2em; margin-left: 10rem; } .textpuffar-start div h2{ margin: 0 0 1.5rem; } @media screen and (max-width:800px) { .textpuffar-start { padding:0 1rem; margin: 1rem 1.5rem; } .textpuff { width: 90%; } .textpuffar-start>div { margin: 0 0; padding: 1.5rem 1.5rem; } .textpuff:first-of-type { margin-top: 1rem; } .textpuffar-start .textpuff { margin-bottom: 1.5rem; } .textpuffar-start>div:nth-child(odd) { margin-right: 2rem; } .textpuffar-start>div:nth-child(even) { margin-left: 2rem; } } /* --------------------------------------------------------- Citat och blockquote --------------------------------------------------------- */ blockquote.sv-blockquote-edit:lang(sv):before, blockquote.sv-blockquote:lang(sv):before { background: transparent url(/images/18.4bffbf65187eb36dcc65216b/1684745487520/citat.png) no-repeat; background-size: contain; } blockquote + figcaption { font-weight: 500; margin-inline-start: 40px; } #Citat + div { display:flex; flex-direction: row; align-items: center; justify-content: center; } #Citat + div img { border-radius: 50%; } @media screen and (max-width:800px) { #Citat + div { flex-direction: column; } #Citat + div>div>div.sv-image-portlet { text-align: center; } #Citat + div figure { margin: 2rem 1rem 2rem 0.5rem; } blockquote + figcaption { padding-right: 1rem; } #Citat + div img { width: 90%; } } /* --------------------------------------------------------- Halvboll dekoration --------------------------------------------------------- */ .halv-boll-bild { background-color: var(--d-secondary); display: flex; justify-content: center; border-radius: 0 20rem 20rem 0; height: 40rem; width: 20rem; overflow: hidden; position: absolute; left: 0; transistion: 0.2; } .halv-boll-bild-right { background-color: var(--d-secondary); display: flex; justify-content: center; border-radius: 20rem 0 0 20rem; height: 40rem; width: 20rem; overflow: hidden; position: absolute; right: 0; transition: 0.5s; } .halv-boll-bild-check { background-color: var(--d-secondary); display: flex; justify-content: left; height: 31rem; width: 19rem; overflow: hidden; position: absolute; right: 0em; transition: 1.5s; } .halv-boll-bild img, .halv-boll-bild-right img, .halv-boll-bild-check img{ width: 100%; height: 100%; object-fit: cover; } @media (max-width:1270px) { .halv-boll-bild, .halv-boll-bild-right, .halv-boll-bild-check { height: 30rem; width: 15rem; } .halv-boll-bild { border-radius: 0 15rem 15rem 0; } .halv-boll-bild-right, .halv-boll-bild-check { border-radius: 15rem 0 0 15rem; } } @media (max-width:1150px) { .halv-boll-bild, .halv-boll-bild-right, .halv-boll-bild-check { height: 20rem; width: 10rem; } .halv-boll-bild { border-radius: 0 10rem 10rem 0; } .halv-boll-bild-right, .halv-boll-bild-check { border-radius: 10rem 0 0 10rem; } } @media screen and (max-width:800px) { .halv-boll-bild, .halv-boll-bild-right, .halv-boll-bild-check { height: unset; width: unset; position: unset; left:unset; right:unset; border-radius: unset; } } /* --------------------------------------------------------- DelD BAKGRUND --------------------------------------------------------- */ .orange-bakgrund { background: var(--d-secondary-light); position: relative; padding: 2rem 2rem 3rem 2rem; margin: 1.5rem 0 0; li{ margin-bottom: 0.2em !important; } } .orange-bakgrund::after { content: ""; position: absolute; height: 100%; width: 100%; transform: rotate(3deg); background: var(--d-secondary-light); display: block; z-index: -1; top: 0; opacity: 0.5; } .orange-bakgrund ul { padding-inline-start: 1.5rem; margin-top: 0px; } @media screen and (max-width:800px) { .orange-bakgrund::after { display: none; } } .gron-bakgrund { background: var(--d-default-light); position: relative; padding: 2rem 2rem 3rem 2rem; margin: 1.5rem 0 0; li{ margin-bottom: 0.2em !important; } } .gron-bakgrund::after { content: ""; position: absolute; height: 100%; width: 100%; transform: rotate(3deg); background: var(--d-primary-light); display: block; z-index: -1; top: 0; opacity: 0.5; } .gron-bakgrund ul { padding-inline-start: 1.5rem; margin-top: 0px; } @media screen and (max-width:800px) { .gron-bakgrund::after { display: none; } } /********* Cookiefönstret *************/ .env-modal-dialog__dialog { width: 35rem; } .env-modal-dialog--inner-scroll { overflow-y: auto; } .env-text-h4 { font-size: 2rem; font-weight: 600; } .env-text-h5 { font-size: 1.5rem; font-weight: 600; border-top: 3px solid var(--d-secondary); margin-top: 0.5rem; padding-top: 1rem; padding-bottom: 0.5rem; } h4.env-text-h6 { font-size: 1.2rem; font-weight: 600; } .env-modal-dialog__body .env-text { font-family: var(--env-font-family); font-weight: 400; font-style: normal; font-size: 1.25rem; color: var(--env-font-color); line-height: 1.5; } header.env-modal-dialog__header { border: none; padding: 2rem 3rem 0rem!important; } .env-modal-dialog__body { padding: 1rem 3rem 1rem!important; } .env-modal-dialog--inner-scroll .env-modal-dialog__body{ max-height: unset; } .env-modal-dialog__body form div div.env-d--flex { flex-direction: row-reverse; justify-content: flex-end; } .env-modal-dialog__body form div div.env-d--flex .env-switch__label { align-content: unset; align-items: unset; display: unset; justify-content: unset; } .env-modal-dialog__body form div div.env-d--flex .env-switch { margin-bottom: 0; } .env-modal-dialog__body form div div.env-d--flex .env-switch__text + .env-switch__slider { margin-right: 1rem; margin-left: 0; } footer.env-modal-dialog__footer { border: none; padding: 1rem 3rem 2rem!important; } footer.env-modal-dialog__footer button.env-button { flex: unset; } footer.env-modal-dialog__footer button, footer.env-modal-dialog__footer a { min-height: 2.800006rem; padding: 0 1.15em; border-radius: 3rem; font-size: 1rem; } footer.env-modal-dialog__footer a.env-button--ghost { border-color: var(--d-primary); color: var(--d-primary); } footer.env-modal-dialog__footer a.env-button--ghost:hover, footer.env-modal-dialog__footer a.env-button--ghost:focus { color: #FFF; } @media screen and (max-width:800px) { .env-modal-dialog__dialog { width: 90%; } header.env-modal-dialog__header { padding: 2rem 1rem 0rem!important; } .env-modal-dialog__body { padding: 1rem 1rem 1rem!important; } footer.env-modal-dialog__footer { padding: 1rem 1rem 2rem!important; } .env-text-h4 { font-size: 1.5rem; } .env-text-h5 { font-size: 1.2rem; } .env-text-h6 { font-size: 1rem; } } /* --------------------------------------------------------- Puffmeny intranät --------------------------------------------------------- */ ul.env-cardholder-grid { padding: 1.3rem 0 3rem; } .env-cardholder-grid li a .env-text-h5 { border-top: none; margin-top: 0; padding-top: 0; } .env-cardholder-grid li a p { font-size: 1rem; margin-top: 0; } .env-cardholder-grid li a svg { right: 1rem; transition: 0.2s; } .env-cardholder-grid li a:hover svg { right: 0.5rem; } /* --------------------------------------------------------- FAQ --------------------------------------------------------- */ .sv-collapsible-content { margin-bottom: 2px; } .sv-collapsible-content .env-collapse-header { border: none; } .sv-collapsible-content .env-collapse-header:hover { background: var(--d-secondary-light); border: none; } .sv-collapsible-content .env-collapse p { margin: 0 0 0.5rem; } .sv-collapsible-content p { max-width: unset; } .sv-collapsible-content a.env-collapse-header { padding: 1rem 0 1rem 2rem; text-align: left; background: var(--d-secondary); border-radius: 10px; min-height: 0; font-size: 1.2rem; font-weight: 600; text-decoration: none; transition: 0.2s; } .sv-collapsible-content .env-collapse-header.env-collapse--expanded { background: var(--d-secondary-light); border: none; border-radius: 10px 10px 0 0; transition: 0.2s; } .sv-collapsible-content > div { padding: 1rem 2rem; border-left: 0.5rem solid var(--d-secondary); margin-bottom: 1rem; border-bottom: 0.1rem solid var(--d-secondary-light); border-right: 0.1rem solid var(--d-secondary-light); } .cta-lank a:after { margin-top: 3px; } .gdpr-samtycke{ padding: 7px 20px; border-radius: 10px; margin: 20px 0px 20px 0px; } .puff-inlog { .env-block-primary{ background-color: var(--d-secondary) !important; margin-bottom: 1em; padding-bottom: 1.5em; padding-right: 1em; } .env-cardholder-grid{ display: contents; } .WzkiCOBF45Qwi5lxzot8{ bottom: auto; font-size: 0.6em; right: 2em; pointer-events: none; } ul.AbttN84kQf2K2SH8Z8P2 { padding-top: 2em; } ul a.env-link { font-size: 1.3em; } ul h2 a.env-link { font-size: 0.9em; } ul h2:hover svg { right: 0.5em; transition: .2s; } } .network-link a{ background-color: var(--d-secondary) !important; border-radius: 8px; line-height: 4em; text-decoration: none; font-weight: 600; font-size: 1.1em; display: block; /* eller inline-block */ padding: 0.8em 1.2em 0.8em 2em ; } .network-link a:hover{ background-color: var(--env-element-secondary-background-color-dark) !important; text-decoration: underline; } .network-link a:after { content: " "; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M34.484%2011.984a1.5%201.5%200%200%200-1.045%202.577L40.88%2022H3.5a1.5%201.5%200%201%200%200%203h37.379l-7.44%207.44a1.5%201.5%200%201%200%202.122%202.12l10-10a1.5%201.5%200%200%200%200-2.12l-10-10a1.5%201.5%200%200%200-1.077-.456z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat; float: right; margin-top: 20px; font-size: em; width: 25px; height: 25px; transition: .2s; } table th p{ font-size: 1rem !important; font-weight: 500 !important; } table th p strong{ font-weight: 500 !important; } /* --------------------------------------------------------- Formulär --------------------------------------------------------- */ .digidig-formular { padding: 3rem; .env-button--primary { background-color: var(--d-primary) !important; color: #fff !important; font-size: 0.8em; padding: 1em !important; float: right; } /*Avstånd efter formulärfält*/ .sv-formFieldRow, .sv-login-input-group, .env-form-element, .selfservice-fieldset > div > div { margin-bottom: 1rem; } .sv-formFieldRow:last-of-type, .sv-login-input-group:last-of-type, .env-form-element:last-of-type, .selfservice-fieldset > div > div:last-of-type { margin-bottom: 0; } input[type=text], textarea, input[type=password], input[type=tel], input[type=email] { width: 100%; font-size: 1rem; border: 3px solid var(--d-primary-dark); box-sizing: border-box; padding-inline: 1rem; } /*LEDTEXTER*/ .sv-login-input-group label, .sv-login-portlet label, .env-form-element label, .selfservice-fieldset label { font-weight: 600; font-size: 1.05rem; } .selfservice-fieldset div div div:first-child { span { font-weight: 600; font-size: 1.05rem; } } /*Konsekvent utseende formulärfält*/ .sv-form-userattributefield .sv-float-left { float: unset; margin: 0 0 0.5rem; label { font-size: 0.9rem; } } /*Användarregistrering*/ .selfservice-fieldset { padding: 0; margin: 1.2rem 0 0; > div { padding: 0; > div { padding: 0; } } } } /*Hovereffekt knappar*/ #Anvandarregistrering + div form input[type=submit]:hover, #Glomtlosenord + form div input[type=submit]:hover{ background-color: var(--d-secondary-dark)!important; /* Change background on hover */ } .sv-template-inloggad-undersida { input[type=text], textarea, input[type=password], input[type=tel], input[type=email], input[type="checkbox"], input[type="radio"]{ border: 3px solid #000; } } #Inloggning+div fieldset, #Glomtlosenord+form { padding: 0; display: flex; flex-direction: column; } #Inloggning+div fieldset .sv-login-input-group { position: relative; padding-right: 1rem; } .env-form-element { margin-bottom: unset; } #Inloggning+div fieldset .sv-login-input-group:last-of-type { padding-right: 2.8rem; } .sv-login-input-error { flex-basis: 100%; padding: 0 0 1.5rem; } .sv-formField .sv-form-userattributefield .sv-has-error input, .sv-formField .sv-form-userattributefield input.sv-has-error, .sv-formField .sv-has-error .sv-form-filefield, .sv-formField .sv-has-error .sv-form-multipleselectionfield, .sv-formField .sv-has-error .sv-form-participantsfield input, .sv-formField .sv-has-error .sv-form-recipientsfield, .sv-formField .sv-has-error .sv-form-singleselectionfield, .sv-formField .sv-has-error .sv-form-textfield, .sv-formField .sv-has-error[aria-invalid], .sv-formField .sv-has-error [aria-invalid] { border-color: #c15252; border-width: 3px; } .sv-formField .sv-form-consent.sv-has-error, .sv-formField .sv-has-error .sv-form-datefield, .sv-formField .sv-has-error .sv-form-gradefield, .sv-formField .sv-has-error .sv-form-orderfield, .sv-formField .sv-has-error fieldset.sv-form-singleselectionfield, .sv-formField .sv-has-error fieldset.sv-form-subalternativefield { outline: none; } .sv-login-input-error p, .sv-has-error span, .sv-form-field-message span[role="alert"] { position:relative; background: #faf3f3; padding: 0.5rem 0.5rem 0.5rem 3rem; display: inline-block; } .sv-login-input-error p::before, .sv-has-error span::before, .sv-form-field-message span[role="alert"]::before { content: ""; position: absolute; left: 0.5rem; background: url(/images/18.68f463a3188b9d15dba11ec/1686895909572/varning.png) no-repeat; width: 2rem; height: 2rem; transition: .2s; } #Glomtlosenord+form div .env-button { background-color: var(--d-secondary) !important; color: #000!important; float: unset; background-color: transparent; border-color: transparent; font-weight: 600;!important; padding: 0 0 0 1.3125em;!important; height: inherit; font-size: 1.05rem; border-radius: 2rem; } .digidig-formular input[type=text], .digidig-formular input[type=password], .digidig-formular input[type=tel], .digidig-formular input[type=email] { height: 3.5rem; } /* CHECKBOXAR & RADIO */ input[type="checkbox"], input[type="radio"] { appearance: none; background-color: #fff; margin: 0; font: inherit; color: var(--d-primary-dark); width: 1.5rem; height: 1.5rem; border: 3px solid var(--d-primary-dark); border-radius: 0.15em; transform: translateY(-0.075em); display: grid; place-content: center; float:left; margin: 0.55rem 0.5rem 0 0; } input[type="radio"] { border-radius: 50%; } input[type="checkbox"] + label, input[type="radio"] + label { line-height: 2.2; } .sv-form-consent input[type="checkbox"] + label { line-height: 1.5; display: block; margin-left: 0.3rem; } input[type="checkbox"]::before, input[type="radio"]::before { content: ""; width: 0.65em; height: 0.65em; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--d-primary-dark); transform-origin: bottom left; } input[type="radio"]::before { border-radius:50%; } input[type="checkbox"]::before { clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); } input[type="checkbox"]:checked::before, input[type="radio"]:checked::before { transform: scale(1); /* Windows High Contrast Mode */ background-color: CanvasText; } input[type="checkbox"]:focus, input[type="radio"]:focus, textarea:focus, input[type="email"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus { outline: max(2px, 0.15em) solid var(--d-primary)!important; outline-offset: max(2px, 0.15em)!important; } input[type="checkbox"]:disabled, input[type="radio"]:disabled { color: gray; cursor: not-allowed; border: 3px solid gray; box-shadow: inset 1em 1em #D3D3D3; } .digidig-formular div.sv-formFieldRow:last-of-type, .digidig-formular div.sv-login-input-group:last-of-type { height: 3.5rem; position: relative; border-radius:2rem; font-size: 1rem; min-height: 2.5rem; padding-right: 2.8rem; font-weight: 600; background-color: var(--d-secondary); border-color: var(--d-secondary); line-height: 1; display: flex; justify-content: center; align-items: center; width: fit-content; } .digidig-formular div.sv-formFieldRow:last-of-type:after, .digidig-formular div.sv-login-input-group:last-of-type:after { content: " "; position: absolute; right: 1rem; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23262626%22%20aria-hidden%3D%22true%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M34.484%2011.984a1.5%201.5%200%200%200-1.045%202.577L40.88%2022H3.5a1.5%201.5%200%201%200%200%203h37.379l-7.44%207.44a1.5%201.5%200%201%200%202.122%202.12l10-10a1.5%201.5%200%200%200%200-2.12l-10-10a1.5%201.5%200%200%200-1.077-.456z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) no-repeat; width: 20px; height: 20px; transition: .2s; } .digidig-formular div.sv-formFieldRow:last-of-type:hover, .digidig-formular div.sv-login-input-group:last-of-type:hover { background: var(--d-secondary-dark); } .digidig-formular div.sv-formFieldRow:last-of-type:hover:after, .digidig-formular div.sv-login-input-group:last-of-type:hover:after { right: 0.7rem; } .bli-medlem form .sv-formFieldRow .sv-field-title-container br { display: none; } .bli-medlem form .sv-formFieldRow .sv-field-title-container { display: inline; } .digidig-formular div.sv-formFieldRow:last-of-type div { margin: 0; height: inherit; } .digidig-formular input[type=submit], .digidig-formular input[type=submit]:hover, .digidig-formular input[type=submit]:focus { background-color: transparent; border-color: transparent; font-weight: 600; padding: 0 0 0 1.3125em; color: #000; height: inherit; } span[title="Denna fråga är obligatorisk"], .sv-form-consent span { display: none; } input[type=search] { border: 3px solid var(--d-primary); font-weight: 600; margin-bottom: 0.8rem; font-size: 1rem; } .env-form-element__control--icon .env-icon { height: 1.5rem; left: 0.8rem; } @media screen and (max-width:800px) { .digidig-formular { padding: 2rem; margin: 2rem 0; } #Inloggning+div fieldset { flex-direction: column; } #Inloggning+div fieldset input[type=text], #Inloggning+div fieldset input[type=password]{ width: calc(100% - 1.4rem); } .login-change { width: unset; } .sv-form-consent input[type="checkbox"] + label { line-height: 2.2; } } .env-form-element--danger, .env-form-element--danger .env-form-element__help, .env-form-element--danger .env-form-element__label, .env-form-element--danger .env-select__item, .env-form-element--danger .env-select__item__remove { color: #c31111; } /* Utfällbara block */ .sv-collapsible-content .digidig-formular { padding: 2rem 1rem; } /*--------------------------------------------------------- Användarregistrering --------------------------------------------------------- */ #Anvandarregistrering + div { > div { margin: 0; } legend { padding-inline: 0; } .sv-float-right { float: unset; } } #Anvandarregistrering + div form div img, #Anvandarregistrering + div img{ display:none ; } #Anvandarregistrering + div form div p, #Anvandarregistrering + div p{ font-size: 1em ; font-weight: 400; } #Anvandarregistrering + div form .c300{ color: #fff; background-color: var(--d-primary); border-radius: 10px; padding: 1em 1em 1em 0em; } #Anvandarregistrering + div form input[type=submit]{ background-color: var(--d-secondary) !important; color: #000 !important; float: unset; background-color: transparent; border-color: transparent; font-weight: 600; padding: 1em; height: inherit; font-size: 1.05rem; border-radius: 2rem; min-height: 2.75em; text-align: center; text-decoration: none; user-select: none; vertical-align: middle; line-height: 1; } #Anvandarregistrering + div form input[type=submit]:focus{ background-color: var(--d-primary-dark); box-shadow: 0 0 0 var(--env-focus-offset) var(--env-focus-inner-color) !important; outline: var(--env-focus-size) solid var(--env-focus-outline-color) !important; outline-offset: 0.3rem; } } :root{--color-primary:#2e6a71;--color-primary-light:#cee1e2;--color-secondary:#cb6033;--color-secondary-light:#f4cdbc;--color-default:#6ba5a7;--color-default-light:#cee1e2;--color-neutral:#cb4e19;--color-neutral-light:#f9e6de;--pattern-primary:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='6'height='6'%3E%3Clinex1='0'y1='6'x2='6'y2='0'stroke='rgba(255,255,255,0.50)'stroke-width='1.2'/%3E%3C/svg%3E");--pattern-secondary:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='6'height='6'%3E%3Crectx='2'y='2'width='2'height='2'fill='rgba(255,255,255,0.50)'/%3E%3C/svg%3E");--pattern-neutral:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='2'height='3'%3E%3Clinex1='0'y1='3'x2='6'y2='3'stroke='white'stroke-width='1.5'/%3E%3C/svg%3E");--font:system-ui,'Segoe UI',Arial,sans-serif;--text-primary:#1a2728;--text-secondary:#4a5e5f;--text-muted:#6b7c7d;--border-color:#d4dede;--bg-track:#eef3f3;--bg-page:#fff;--radius-bar:3px;--chart-max-width:780px;--bar-height:28px;--bar-height-group:24px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.chart-section{max-width:var(--chart-max-width);margin:0 auto 3.5rem}figure{margin:0}figcaption.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1.25rem}.legend li{display:flex;align-items:center;gap:.45rem;font-size:.8125rem;color:var(--text-secondary)}.legend-swatch{display:inline-block;width:16px;height:16px;border-radius:3px;flex-shrink:0;border:1.5px solid rgba(0,0,0,0.18)}.swatch-primary{background-color:var(--color-primary)}.swatch-secondary{background-color:var(--color-secondary);background-image:var(--pattern-secondary)}.swatch-neutral{background-color:var(--color-neutral);background-image:var(--pattern-neutral)}.chart-body{display:flex;flex-direction:column;gap:0}.x-axis-row{display:flex;gap:0;border-top:1.5px solid var(--border-color);padding-top:.4rem;margin-top:.25rem}.x-label{flex:1;text-align:center;font-size:.75rem;color:var(--text-muted)}.chart-inner{display:flex;gap:.75rem;align-items:stretch}.y-axis{display:flex;flex-direction:column-reverse;justify-content:space-between;min-width:36px;text-align:right;padding-right:.5rem;font-size:.6875rem;color:var(--text-muted);padding-top:4px;padding-bottom:2px;border-right:1.5px solid var(--border-color)}.y-axis span{line-height:1}.bars-area{flex:1;position:relative}.grid-lines{position:absolute;inset:0;display:flex;flex-direction:column-reverse;justify-content:space-between;pointer-events:none}.grid-line{width:100%;height:1px;background:var(--border-color);opacity:.6}.col-chart{display:flex;align-items:flex-end;gap:10px;height:220px;padding-bottom:0;position:relative}.col-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.col-value{font-size:.75rem;font-weight:600;color:var(--text-primary);line-height:1}.col-bar{width:100%;max-width:80px;border-radius:var(--radius-bar) var(--radius-bar) 0 0;transition:opacity .15s}.col-bar:focus{outline:3px solid #2e6a71;outline-offset:2px}.col-bar.primary{background-color:var(--color-primary)}.h-chart{display:flex;flex-direction:column;gap:0}.h-category{display:flex;flex-direction:column;gap:5px;padding:.6rem 0 .6rem 0;border-bottom:1px solid var(--border-color)}.h-category:last-child{border-bottom:0}.h-cat-label{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.h-bar-row{display:flex;align-items:center;gap:.6rem}.h-series-label{font-size:.75rem;color:var(--text-secondary);width:11rem;flex-shrink:0;text-align:right}.h-track{flex:1;height:var(--bar-height-group);background:var(--bg-track);border-radius:var(--radius-bar);overflow:hidden;position:relative}.h-fill{height:100%;border-radius:var(--radius-bar);display:flex;align-items:center;justify-content:flex-end;padding-right:6px;transition:width .5s cubic-bezier(.4,0,.2,1)}.h-fill:focus{outline:3px solid #1a2728;outline-offset:2px}.h-fill.primary{background-color:var(--color-primary)}.h-fill.neutral{background-color:var(--color-neutral);background-image:var(--pattern-neutral)}.h-val-label{font-size:.7rem;font-weight:700;color:#fff;line-height:1;white-space:nowrap}.neutral .h-val-label{background:var(--color-neutral);padding:2px 6px 3px 6px;border-radius:4px}.c2390{background:var(--color-primary-light)!important;opacity:1!important}.c2390 .h-val-label{background:var(--color-primary);padding:2px 6px 3px 6px;border-radius:4px}.h-val-outside{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:3rem;text-align:left}.h-x-axis{display:flex;margin-left:calc(11rem + .6rem);border-top:1.5px solid var(--border-color);padding-top:.35rem;margin-top:.5rem;gap:0}.h-x-label{flex:1;font-size:.6875rem;color:var(--text-muted);text-align:center}.h-x-label:first-child{text-align:left}.h-x-label:last-child{text-align:right}.no-bar-note{font-size:.8rem;color:var(--text-muted);font-style:italic;padding:.4rem 0 0 0}[tabindex]:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:2px}