@import url('reset.css');
/* basic reset */
#site-menu-container {
  display: none;
}
body {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 100%;
  line-height: 1.48em;
  color: #1a1a1a;
}
input,
textarea,
select {
  font-family: 'Poppins', sans-serif;
}
/* basic links */
a {
  color: #0066a5;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #133552;
}
/* basic typo styles */
strong {
  font-weight: 500;
}
em,
i {
  font-style: italic;
}
p {
  padding-bottom: 8px;
}
.column ul {
  list-style: disc;
  margin-left: 32px;
  margin-top: 16px;
  margin-bottom: 16px;
}
/* set default weights */
h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
}
/* set base sizes */
@media only screen and (max-width: 1280px) {
  body {
    font-size: 16px;
    line-height: 1.625em;
  }
  .summary,
  .ingress {
    font-size: 1.25em;
    line-height: 1.6em;
  }
  h1 {
    font-size: 2.125em;
    line-height: 1.29em;
  }
  h2 {
    font-size: 1.625em;
    line-height: 1.3em;
  }
  h3 {
    font-size: 1.375em;
    line-height: 1.36em;
  }
  h4 {
    font-size: 1.25em;
    line-height: 1.5em;
  }
  h5 {
    font-size: 1em;
    line-height: 1.625em;
    font-weight: 500;
  }
  blockquote {
    display: block;
    overflow: hidden;
    font-size: 1.25em;
    line-height: 1.6em;
    margin: 32px;
  }
  .body-compact {
    font-size: 1em;
    line-height: 1.375em;
  }
  .body-small {
    font-size: 0.75em;
    line-height: 1.538em;
  }
}
@media only screen and (min-width: 1280px) {
  body {
    font-size: 17px;
    line-height: 1.647em;
  }
  h1 {
    font-size: 2.7em;
    line-height: 1.39em;
  }
  h2 {
    font-size: 2em;
    line-height: 1.41em;
  }
  h3 {
    font-size: 1.41em;
    line-height: 1.33em;
  }
  h4 {
    font-size: 1.2em;
    line-height: normal;
  }
  h5 {
    font-size: 1.1em;
    line-height: 1.32em;
    margin-bottom: 8px;
  }
  .body-compact {
    font-size: 1em;
    line-height: 1.375em;
  }
  .body-small {
    font-size: 0.75em;
    line-height: 1.538em;
  }
}
/* headings */
h1,
h2,
h3,
h4,
h5 {
  display: block;
  overflow: hidden;
  max-width: 100%;
}
h1 {
  margin-bottom: 32px;
  margin-top: 16px;
}
h1 br {
  max-width: 100%;
}
h3 {
  padding-bottom: 8px;
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
/* fonts */
.caps {
  text-transform: uppercase;
}
.font-light {
  font-weight: 300;
}
.font-regular {
  font-weight: 300;
}
.font-mediumbold {
  font-weight: 500;
}
.font-bold {
  font-weight: 600;
}
.font-extrabold {
  font-weight: 600;
}
/* custom handwritten */
.customfont {
  font-family: 'Caveat';
}
/* font variables */
.defaultfont {
  font-family: 'Poppins';
}
.body-small {
  font-size: 0.764em;
  line-height: 1.538em;
}
/* new font sizing - Laxå 2023 */
/* end fonts ------------------------- */
/* colors */
/* primary */
/* secondary */
/* tertiary */
/* background */
/* misc */
/* end colors ------------------------------------------- */
/* gutters and padding */
/* border options */
.radius-s {
  border-radius: 4px;
}
.radius-m {
  border-radius: 16px;
}
/* box shadows */
/* max widths */
/* responsive breakpoints --- to be tuned */
/* blog layout has two column limits for desktop. Set max-widths as variables */
/* shortcut design helpers */
/* custom ul with green checkmarks */
/* vertical dots before read more links */
.readmore {
  display: block;
  overflow: hidden;
  font-weight: 500;
  font-size: 0.875em;
  color: #1a1a1a;
}
.readmore:hover {
  color: #5e4e97;
}
/* misc */
.hidden {
  display: none !important;
}
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 100, 'GRAD' 200, 'opsz' 40;
}
.material-icons {
  color: #074975;
  vertical-align: middle;
}
.material-icons.dark {
  color: #133552;
}
.material-icons.accent-1 {
  color: #c33c66;
}
.material-icons.accent-2 {
  color: #5e4e97;
}
.material-icons.darkgray {
  color: #1a1a1a;
}
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-22 {
  font-size: 22px;
}
.material-icons.md-24 {
  font-size: 24px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-48 {
  font-size: 48px;
}
.material-icons.md-72 {
  font-size: 72px;
}
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 200, 'opsz' 24;
}
/* common */
#header {
  display: block;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #133552;
}
#homelogo {
  display: block;
  overflow: hidden;
  background-position: left center;
  background-size: 100%;
  background-repeat: no-repeat;
}
#header-inner {
  display: block;
  overflow: hidden;
  position: relative;
  color: #ffffff;
}
#header-inner .local-menu-toggle {
  position: absolute;
  display: inline-block;
  text-align: center;
}
#header-inner .local-menu-toggle a {
  display: block;
  overflow: hidden;
  color: #ffffff;
}
#header-inner .local-menu-toggle a:hover {
  text-decoration: none;
  cursor: pointer;
  background: #00639e;
}
#header-inner .local-menu-toggle span {
  display: none;
}
#header-inner #show-nav:before {
  font-family: 'Material Symbols Outlined';
  content: '\e5d2';
  font-size: 32px;
}
#header-inner #closebtn {
  display: none;
}
#header-inner #closebtn:before {
  font-family: 'Material Symbols Outlined';
  content: '\e5cd';
  font-size: 32px;
}
/* mobile */
@media only screen and (max-width: 1023.54px) {
  #header-inner {
    height: 60px;
  }
  #main {
    padding-top: 60px;
  }
}
/* desktop */
@media only screen and (min-width: 1023.54px) {
  #header-inner {
    height: 88px;
    width: 100%;
    max-width: 1630px;
    margin: 0 auto;
    padding-left: 80px;
    box-sizing: border-box;
  }
  #main {
    padding-top: 88px;
  }
  #homelogo {
    background: url('../../img/logo/simployer-main-logo.svg');
    width: 200px;
    height: 88px;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: -16px center;
  }
  .local-menu-toggle {
    right: 0;
    top: 0;
  }
  .local-menu-toggle a {
    width: 88px;
    line-height: 88px;
    text-align: center;
  }
}
/* 231201 currently two menus - horizontal & vertical */
@media only screen and (max-width: 1023.54px) {
  .hmenu {
    display: none;
  }
}
@media only screen and (min-width: 1023.54px) {
  .vmenu {
    display: none;
  }
}
#site-menu-container {
  background: #133552;
  position: fixed;
  top: 88px;
  left: 0px;
  width: 100%;
  z-index: 10;
}
#site-menu-container a {
  color: #ffffff;
}
#site-menu-container .site-menu-gutter {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding: 32px 80px;
  max-width: 1630px;
  box-sizing: border-box;
}
footer {
  display: block;
  overflow: hidden;
  background: #133552;
  color: #ffffff;
}
footer a {
  color: #ffffff;
}
footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
body {
  background: #133552;
}
.outer-wrapper {
  display: block;
  overflow: hidden;
  background: #ffffff;
}
#main {
  background: #ffffff;
  max-width: 1630px;
  margin: 0 auto;
}
/* containers and rows */
.umb-grid {
  display: block;
  clear: both;
  overflow: visible;
  /*padding-bottom: @default-padding-xl;*/
}
.umb-grid .container {
  display: block;
  overflow: hidden;
  overflow-y: visible;
  /* to enable pullup */
  margin: 0 auto;
  padding-top: 16px;
  padding-bottom: 16px;
}
.umb-grid .row {
  padding-top: 0;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1630px;
}
@media only screen and (max-width: 767.1px) {
  .umb-grid .row {
    padding: 0;
  }
}
@media only screen and (min-width: 767.1px) and (max-width: 1023.54px) {
  .umb-grid .row {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 1023.54px) and (max-width: 1280px) {
  .umb-grid .row {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .umb-grid .row {
    padding-left: 48px;
    padding-right: 48px;
  }
}
/* columns */
/* 2 */
.col-md-6 {
  padding: 16px 32px;
  box-sizing: border-box;
}
/* 3 */
.col-md-4 {
  padding: 16px 32px;
  box-sizing: border-box;
}
/*4*/
.col-md-3 {
  padding: 16px 32px;
  box-sizing: border-box;
}
/*4*/
.col-md-8 {
  padding: 16px 32px;
  box-sizing: border-box;
}
/* fullwidth */
.col-md-12 {
  padding: 16px 32px;
  box-sizing: border-box;
}
/* make 2 columns */
@media only screen and (min-width: 1023.54px) {
  .col-md-6 {
    width: 50%;
    float: left;
  }
  .col-md-8 {
    width: 66.6%;
    float: left;
  }
}
/* make 3 columns */
@media only screen and (min-width: 1023.54px) {
  .col-md-4 {
    width: 33.3%;
    float: left;
  }
}
/* make 4 columns */
@media only screen and (min-width: 1023.54px) {
  .col-md-3 {
    width: 25%;
    float: left;
  }
}
/* custom behaviour */