@charset "UTF-8";
/* nunito-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/nunito-v32-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/nunito-v32-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-v32-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/nunito-v32-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/nunito-v32-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/nunito-v32-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito-v32-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/nunito-v32-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito-v32-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/nunito-v32-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/nunito-v32-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/nunito-v32-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/nunito-v32-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/nunito-v32-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/spectral-v15-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/spectral-v15-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/spectral-v15-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/spectral-v15-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/spectral-v15-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/spectral-v15-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/spectral-v15-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/spectral-v15-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/spectral-v15-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/spectral-v15-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/spectral-v15-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spectral-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Spectral";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/spectral-v15-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --brand: #1abc9c;
  --brand-light: #C5DCBC;
  --brand-medium-light: #31c3a6;
  --brand-medium-dark: #17a98c;
  --brand-dark: #05261f;
  --accent: #bc1a3a;
  --accent-light: #f2d1d8;
  --accent-medium-light: #c3314e;
  --accent-medium-dark: #a91734;
  --accent-dark: #26050c;
  --white: #fcfcfc;
  --gray-100: #f5f5f5;
  --gray-200: #e5e5e5;
  --gray-300: #737373;
  --gray-400: #404040;
  --gray-500: #171717;
  --black: #1c1c1c;
  /*  Mellanrum i flex-behållare*/
  --gap: clamp(1rem, 2vw, 2rem);
  /*  Mellanrum i behållare mm*/
  --default-padding: clamp(1rem, 2vw, 2rem);
  --swiper-navigation-sides-offset: 0px;
}

body {
  font-family: "Nunito", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Spectral", serif;
}

h1,
h2 {
  font-style: italic;
}

header {
  font-weight: 600;
}
header .logo {
  padding: 1rem 0;
  font-weight: 700;
  flex: 1 1 max-content;
}
header .logo span {
  font-size: clamp(0.7rem, 2vw, 1rem);
}
header .logo a {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 0 max-content;
}
header .logo a img {
  width: 3vw;
  max-width: 75px;
}
header .logo a span {
  flex: 1 0 max-content;
}
@media screen and (max-width: 1024px) {
  header .logo {
    min-width: 50px;
  }
  header .logo a img {
    width: 15vw;
  }
}

footer {
  background-color: var(--brand-light);
}
footer .wrapper .logo a {
  display: flex;
  text-decoration: none;
  gap: 1rem;
}
footer .wrapper .logo a img {
  min-width: 75px;
  width: 5vw;
}
footer .wrapper .logo .logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
footer .wrapper .logo span:first-of-type {
  font-size: 1.5rem;
}
footer .wrapper .logo span:last-of-type {
  font-size: 1.1rem;
}
footer .wrapper .left-column {
  text-decoration: none;
}
footer .wrapper .left-column span {
  display: block;
}
footer .wrapper .left-column span:first-of-type {
  font-weight: 700;
}
footer .wrapper .left-column,
footer .wrapper .middle-column,
footer .wrapper .right-column {
  flex: 0 0 calc((100% - 2 * var(--gap)) / 3);
}
footer .wrapper .right-column span {
  display: block;
}
footer .wrapper .right-column span:first-of-type {
  font-weight: 700;
}
footer .wrapper .right-column .swish-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--gap);
}
footer .wrapper .right-column .swish-info .swish-logo {
  flex: 0 0 10%;
}
footer .wrapper .right-column .swish-info .swish-logo img {
  max-width: 50px;
}
footer .wrapper .right-column .swish-info span {
  flex: 1 0 fit-content;
}
footer .wrapper .bottom-column {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
footer .wrapper .bottom-column ul {
  flex: 1 0 100%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 1rem;
}
footer .wrapper .bottom-column ul li {
  flex: 0 0 fit-content;
}
footer .wrapper .bottom-column ul:first-of-type {
  justify-content: flex-start;
}
footer .wrapper .bottom-column ul:last-of-type {
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  footer .wrapper .bottom-column {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
  }
  footer .wrapper .bottom-column ul:first-of-type {
    justify-content: center;
  }
  footer .wrapper .bottom-column ul:last-of-type {
    justify-content: center;
  }
}

.page-template-page-front .sektion-1 {
  display: flex;
  align-items: center;
  gap: var(--gap);
}
.page-template-page-front .sektion-1 .text {
  flex: 0 0 60%;
}
.page-template-page-front .sektion-1 .image {
  flex: 0 0 40%;
}
@media screen and (max-width: 1024px) {
  .page-template-page-front .sektion-1 {
    flex-direction: column-reverse;
  }
}

/*# sourceMappingURL=main.css.map */