@charset "UTF-8";
/* JLT color palette */
/* UI colors */
/* Custom Forms and Error validation Colors */
/* Header 
--------------------------------- */
/* Poppins - google font */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/Poppins-Regular.woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/Poppins-SemiBold.woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/Poppins-Bold.woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: url("../../fonts/Poppins-Italic.woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  src: url("../../fonts/Poppins-BoldItalic.woff2");
}
/*****************
*   Custom icons - by Olle
*   icon color: is set by 'background-color:red;'
*   icon size: is set by
*       mask-size: 4rem;
*       -webkit-mask-size: 4rem;
************/
[class*=jlt-icon-] {
  display: block;
  background-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 2.4rem;
  -webkit-mask-size: 2.4rem;
  background-color: #00324D;
}

[class*=jlt-icon-]:before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

.jlt-icon-arrow-left {
  -webkit-mask-image: url("../../icons/arrow-left.svg");
  mask-image: url("../../icons/arrow-left.svg");
}

.jlt-icon-arrow-left-alt {
  -webkit-mask-image: url("../../icons/arrow-left-alt.svg");
  mask-image: url("../../icons/arrow-left-alt.svg");
}

.jlt-icon-arrow-right {
  -webkit-mask-image: url("../../icons/arrow-right.svg");
  mask-image: url("../../icons/arrow-right.svg");
}

.jlt-icon-arrow-right-alt {
  -webkit-mask-image: url("../../icons/arrow-right-alt.svg");
  mask-image: url("../../icons/arrow-right-alt.svg");
}

.jlt-icon-arrow-down {
  -webkit-mask-image: url("../../icons/arrow-down.svg");
  mask-image: url("../../icons/arrow-down.svg");
}

.jlt-icon-arrow-down-alt {
  -webkit-mask-image: url("../../icons/arrow-down-alt.svg");
  mask-image: url("../../icons/arrow-down-alt.svg");
}

.jlt-icon-arrow-up-alt {
  -webkit-mask-image: url("../../icons/arrow-up-alt.svg");
  mask-image: url("../../icons/arrow-up-alt.svg");
}

.jlt-icon-language {
  -webkit-mask-image: url("../../icons/language.svg");
  mask-image: url("../../icons/language.svg");
}

.jlt-icon-arrow-up-alt {
  -webkit-mask-image: url("../../icons/arrow-up-alt.svg");
  mask-image: url("../../icons/arrow-up-alt.svg");
}

.jlt-icon-attention {
  -webkit-mask-image: url("../../icons/attention.svg");
  mask-image: url("../../icons/attention.svg");
}

.jlt-icon-burger {
  -webkit-mask-image: url("../../icons/burger.svg");
  mask-image: url("../../icons/burger.svg");
}

.jlt-icon-burger-alt {
  -webkit-mask-image: url("../../icons/burger-alt.svg");
  mask-image: url("../../icons/burger-alt.svg");
}

.jlt-icon-burger-alt-2 {
  -webkit-mask-image: url("../../icons/burger-alt2.svg");
  mask-image: url("../../icons/burger-alt2.svg");
}

.jlt-icon-chat {
  -webkit-mask-image: url("../../icons/chat.svg");
  mask-image: url("../../icons/chat.svg");
}

.jlt-icon-check {
  -webkit-mask-image: url("../../icons/check.svg");
  mask-image: url("../../icons/check.svg");
}

.jlt-icon-check-box {
  -webkit-mask-image: url("../../icons/check-box.svg");
  mask-image: url("../../icons/check-box.svg");
}

.jlt-icon-check-circle {
  -webkit-mask-image: url("../../icons/check-circle.svg");
  mask-image: url("../../icons/check-circle.svg");
}

.jlt-icon-chevron-down {
  -webkit-mask-image: url("../../icons/chevron-down.svg");
  mask-image: url("../../icons/chevron-down.svg");
}

.jlt-icon-chevron-down-small {
  -webkit-mask-image: url("../../icons/chevron-down-small.svg");
  mask-image: url("../../icons/chevron-down-small.svg");
}

.jlt-icon-chevron-left {
  -webkit-mask-image: url("../../icons/chevron-left.svg");
  mask-image: url("../../icons/chevron-left.svg");
}

.jlt-icon-chevron-left-small {
  -webkit-mask-image: url("../../icons/chevron-left-small.svg");
  mask-image: url("../../icons/chevron-left-small.svg");
}

.jlt-icon-chevron-right {
  -webkit-mask-image: url("../../icons/chevron-right.svg");
  mask-image: url("../../icons/chevron-right.svg");
}

.jlt-icon-chevron-right-small {
  -webkit-mask-image: url("../../icons/chevron-right-small.svg");
  mask-image: url("../../icons/chevron-right-small.svg");
}

.jlt-icon-chevron-up {
  -webkit-mask-image: url("../../icons/chevron-up.svg");
  mask-image: url("../../icons/chevron-up.svg");
}

.jlt-icon-chevron-up-small {
  -webkit-mask-image: url("../../icons/chevron-up-small.svg");
  mask-image: url("../../icons/chevron-up-small.svg");
}

.jlt-icon-clock {
  -webkit-mask-image: url("../../icons/clock.svg");
  mask-image: url("../../icons/clock.svg");
}

.jlt-icon-ellipse {
  -webkit-mask-image: url("../../icons/ellipse.svg");
  mask-image: url("../../icons/ellipse.svg");
}

.jlt-icon-external-link {
  -webkit-mask-image: url("../../icons/external-link.svg");
  mask-image: url("../../icons/external-link.svg");
}

a.external, span.external, .big-button .external h2, .login-area .external h2 {
  background: url("../../icons/external-link.svg") center right no-repeat;
  padding-right: 2.4rem;
  background-size: 2.2rem;
}

.big-button .external, .login-area .external {
  background-image: unset;
}

.big-button .external h2, .login-area .external h2 {
  width: unset;
  padding-right: 2.8rem;
}

a.external.white {
  background: url("../../icons/external-link-white.svg") center right no-repeat;
  padding-right: 3.8rem;
  background-size: 2.2rem;
  background-position-x: 95%;
}

span.jlt-icon-external {
  -webkit-mask-image: url("../../icons/external-link.svg");
  mask-image: url("../../icons/external-link.svg");
  position: absolute;
  background-color: white;
  top: 2.2rem;
  right: 0rem;
}

.jlt-icon-faq {
  -webkit-mask-image: url("../../icons/faq.svg");
  mask-image: url("../../icons/faq.svg");
}

.jlt-icon-form {
  -webkit-mask-image: url("../../icons/form.svg");
  mask-image: url("../../icons/form.svg");
}

.jlt-icon-house {
  -webkit-mask-image: url("../../icons/house.svg");
  mask-image: url("../../icons/house.svg");
}

.jlt-icon-book {
  -webkit-mask-image: url("../../icons/book.svg");
  mask-image: url("../../icons/book.svg");
}

.jlt-icon-info {
  -webkit-mask-image: url("../../icons/info.svg");
  mask-image: url("../../icons/info.svg");
}

.jlt-icon-lock {
  -webkit-mask-image: url("../../icons/lock.svg");
  mask-image: url("../../icons/lock.svg");
}

.jlt-icon-lock-open {
  -webkit-mask-image: url("../../icons/lock-open.svg");
  mask-image: url("../../icons/lock-open.svg");
}

.jlt-icon-logo {
  -webkit-mask-image: url("../../icons/logo.svg");
  mask-image: url("../../icons/logo.svg");
}

.jlt-icon-marker {
  -webkit-mask-image: url("../../icons/marker.svg");
  mask-image: url("../../icons/marker.svg");
}

.jlt-icon-minus {
  -webkit-mask-image: url("../../icons/minus.svg");
  mask-image: url("../../icons/minus.svg");
}

.jlt-icon-minus-box {
  -webkit-mask-image: url("../../icons/minus-box.svg");
  mask-image: url("../../icons/minus-box.svg");
}

.jlt-icon-minus-small {
  -webkit-mask-image: url("../../icons/minus-small.svg");
  mask-image: url("../../icons/minus-small.svg");
}

.jlt-icon-pen {
  -webkit-mask-image: url("../../icons/pen.svg");
  mask-image: url("../../icons/pen.svg");
}

.jlt-icon-phone {
  -webkit-mask-image: url("../../icons/phone.svg");
  mask-image: url("../../icons/phone.svg");
}

.jlt-icon-plus {
  -webkit-mask-image: url("../../icons/plus.svg");
  mask-image: url("../../icons/plus.svg");
}

.jlt-icon-plus-box {
  -webkit-mask-image: url("../../icons/plus-box.svg");
  mask-image: url("../../icons/plus-box.svg");
}

.jlt-icon-plus-circle {
  -webkit-mask-image: url("../../icons/plus-circle.svg");
  mask-image: url("../../icons/plus-circle.svg");
}

.jlt-icon-plus-small {
  -webkit-mask-image: url("../../icons/plus-small.svg");
  mask-image: url("../../icons/plus-small.svg");
}

.jlt-icon-rss-reader {
  -webkit-mask-image: url("../../icons/rss-reader.svg");
  mask-image: url("../../icons/rss-reader.svg");
}

.jlt-icon-search {
  -webkit-mask-image: url("../../icons/search.svg");
  mask-image: url("../../icons/search.svg");
}

.jlt-icon-status {
  -webkit-mask-image: url("../../icons/status.svg");
  mask-image: url("../../icons/status.svg");
}

.jlt-icon-stop {
  -webkit-mask-image: url("../../icons/stop.svg");
  mask-image: url("../../icons/stop.svg");
}

.jlt-icon-trash {
  -webkit-mask-image: url("../../icons/trash.svg");
  mask-image: url("../../icons/trash.svg");
}

.jlt-icon-user {
  -webkit-mask-image: url("../../icons/user.svg");
  mask-image: url("../../icons/user.svg");
}

.jlt-icon-user-alt {
  -webkit-mask-image: url("../../icons/user-alt.svg");
  mask-image: url("../../icons/user-alt.svg");
}

.jlt-icon-warning {
  -webkit-mask-image: url("../../icons/warning.svg");
  mask-image: url("../../icons/warning.svg");
}

.jlt-icon-work {
  -webkit-mask-image: url("../../icons/work.svg");
  mask-image: url("../../icons/work.svg");
}

.jlt-icon-work-alt {
  -webkit-mask-image: url("../../icons/work-alt.svg");
  mask-image: url("../../icons/work-alt.svg");
}

.jlt-icon-x {
  -webkit-mask-image: url("../../icons/x.svg");
  mask-image: url("../../icons/x.svg");
}

.jlt-icon-x-box {
  -webkit-mask-image: url("../../icons/x-box.svg");
  mask-image: url("../../icons/x-box.svg");
}

.jlt-icon-x-circle {
  -webkit-mask-image: url("../../icons/x-circle.svg");
  mask-image: url("../../icons/x-circle.svg");
}

.jlt-icon-x-small {
  -webkit-mask-image: url("../../icons/x-small.svg");
  mask-image: url("../../icons/x-small.svg");
}

.jlt-icon-bus-stop {
  -webkit-mask-image: url("../../icons/bus-stop.svg");
  mask-image: url("../../icons/bus-stop.svg");
}

.jlt-icon-handshake {
  -webkit-mask-image: url("../../icons/handshake.svg");
  mask-image: url("../../icons/handshake.svg");
}

.jlt-icon-flag-eng {
  background-image: url("../../icons/flag-eng.svg");
}

.jlt-icon-pdf-document {
  -webkit-mask-image: url("../../icons/pdf-document.svg");
  mask-image: url("../../icons/pdf-document.svg");
  position: absolute;
  top: -0.3rem;
  left: 0.2rem;
  mask-size: 2rem;
  -webkit-mask-size: 2rem;
}
.jlt-icon-pdf-document::after {
  -webkit-mask-image: url("../../icons/pdf-document-extra.svg");
  mask-image: url("../../icons/pdf-document-extra.svg");
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.jlt-icon-pdf-document::before {
  width: 2rem;
  height: 2rem;
}

.jlt-icon-pdf-document-extra {
  -webkit-mask-image: url("../../icons/pdf-document-extra.svg");
  mask-image: url("../../icons/pdf-document-extra.svg");
  background-color: #e20025;
  position: absolute;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 1.3rem;
  -webkit-mask-size: 1.3rem;
  top: 0.7rem;
  left: 0.2rem;
}
.jlt-icon-pdf-document-extra::after {
  -webkit-mask-image: url("../../icons/pdf-document-extra.svg");
  mask-image: url("../../icons/pdf-document-extra.svg");
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

html {
  font-size: 62.5%;
}

html body {
  font-family: "Poppins";
  color: #00324D;
}

h1, h2, h3, h4, h5, h6 {
  box-sizing: border-box;
  font-family: "Poppins";
  margin-bottom: 0.8rem;
  display: inline-block;
  width: 100%;
}

h1 {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 700;
  margin-top: 3rem;
}

h2 {
  font-size: 2.8rem;
  line-height: 3.2rem;
  font-weight: 500;
  margin-top: 2.6rem;
}

h3, h4, h5, h6 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
  margin-top: 2.6rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.6rem;
}

h6 {
  font-size: 1.4rem;
}

p {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
p a {
  text-decoration: none;
  color: #e20025;
}
p a:hover {
  text-decoration: underline;
}

a {
  color: #00324D;
}

ul a, ol a {
  text-decoration: none;
}
ul a:hover, ol a:hover {
  text-decoration: underline;
}

.file-link {
  position: relative;
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 3.2rem;
    line-height: 4rem;
    margin-top: 1.6rem;
    word-break: break-word;
  }
  h2 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-top: 2.4rem;
  }
  h3, h4, h5, h6 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 1.6rem;
  }
  p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 390px) {
  h1 {
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin-top: 1.6rem;
    word-break: break-word;
  }
  h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    margin-top: 2.4rem;
  }
}
button {
  color: #00324D; /*to prevent system default blue button color on iOS*/
}

button, a, input, textarea, select {
  font-family: "Poppins";
}
button:focus, button:focus-within, button:focus-visible, a:focus, a:focus-within, a:focus-visible, input:focus, input:focus-within, input:focus-visible, textarea:focus, textarea:focus-within, textarea:focus-visible, select:focus, select:focus-within, select:focus-visible {
  outline-offset: 5px;
}

.text-editor {
  max-width: 100%;
  overflow-x: auto;
  float: left;
  clear: both;
}
.text-editor p {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.text-editor p strong {
  font-weight: 500;
}
.text-editor strong {
  font-weight: 500;
}
.text-editor p ~ table,
.text-editor table ~ p {
  margin-top: 1.6rem;
}
.text-editor table {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.text-editor table td:first-child,
.text-editor table th:first-child {
  border-radius: 3px 0 0 3px;
}
.text-editor table td:last-child,
.text-editor table th:last-child {
  border-radius: 0 3px 3px 0;
}
.text-editor table caption {
  position: absolute;
  top: -1000px;
}
.text-editor thead {
  background-color: #e20025;
}
.text-editor thead tr th {
  padding: 1.2rem 0.6rem 1.2rem 1.6rem;
  text-align: left;
  color: #FFFFFF;
}
.text-editor tbody tr:nth-child(even) {
  background-color: #F2F2F2;
}
.text-editor tbody tr:hover {
  background-color: #E5E5E6;
}
.text-editor tbody tr td {
  padding: 1.2rem 0.6rem 1.2rem 1.6rem;
}
.text-editor ul,
.text-editor ol {
  margin-bottom: 1rem;
  padding-left: 2.5rem;
}
.text-editor ul li,
.text-editor ol li {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-bottom: 0.4rem;
}
.text-editor ul li {
  list-style-type: disc;
  padding-left: 0.5rem;
}
.text-editor ol li {
  list-style-type: decimal;
  padding-left: 0.5rem;
}

@media screen and (max-width: 768px) {
  .text-editor ul li,
  .text-editor ol li {
    font-size: 1.6rem;
  }
  .text-editor table {
    display: inline-block;
    height: unset !important;
  }
  .text-editor thead tr th {
    padding: 0.8rem 0.4rem 0.8rem 1rem;
  }
  .text-editor tbody tr td {
    padding: 0.8rem 0.4rem 0.8rem 1rem;
  }
}
/* Brand background colors */
.background-color {
  /*nya färger*/
}
.background-color-brand-red {
  background-color: #e20025;
}
.background-color-brand-grey {
  background-color: #7B7C7E;
}
.background-color-brand-white {
  background-color: #FFFFFF;
}
.background-color-brand-black {
  background-color: #000000;
}
.background-color-brand-beige {
  background-color: #F9EEDC;
}
.background-color-brand-beige-25 {
  background-color: #FEFCF8;
}
.background-color-brand-beige-50 {
  background-color: #FDF8F1;
}
.background-color-brand-beige-75 {
  background-color: #FBF5EA;
}
.background-color-brand-pink {
  background-color: #F086A4;
}
.background-color-brand-pink-25 {
  background-color: #fbe0e8;
}
.background-color-brand-pink-50 {
  background-color: #f7c2d1;
}
.background-color-brand-pink-75 {
  background-color: #f4a4bb;
}
.background-color-brand-blue {
  background-color: #00324D;
}
.background-color-brand-blue-25 {
  background-color: #bfcbd2;
}
.background-color-brand-blue-50 {
  background-color: #7f98a5;
}
.background-color-brand-blue-75 {
  background-color: #40657a;
}
.background-color-brand-yellow {
  background-color: #FFD631;
}
.background-color-brand-yellow-25 {
  background-color: #fff4cb;
}
.background-color-brand-yellow-50 {
  background-color: #ffea97;
}
.background-color-brand-yellow-75 {
  background-color: #ffe065;
}

/* Brand text colors */
.text-color {
  /*nya färger*/
}
.text-color-brand-red {
  color: #e20025;
}
.text-color-brand-grey {
  color: #7B7C7E;
}
.text-color-brand-white {
  color: #FFFFFF;
}
.text-color-brand-black {
  color: #000000;
}
.text-color-brand-beige {
  color: #F9EEDC;
}
.text-color-brand-beige-25 {
  color: #FEFCF8;
}
.text-color-brand-beige-50 {
  color: #FDF8F1;
}
.text-color-brand-beige-75 {
  color: #FBF5EA;
}
.text-color-brand-pink {
  color: #F086A4;
}
.text-color-brand-pink-25 {
  color: #fbe0e8;
}
.text-color-brand-pink-50 {
  color: #f7c2d1;
}
.text-color-brand-pink-75 {
  color: #f4a4bb;
}
.text-color-brand-blue {
  color: #00324D;
}
.text-color-brand-blue-25 {
  color: #bfcbd2;
}
.text-color-brand-blue-50 {
  color: #7f98a5;
}
.text-color-brand-blue-75 {
  color: #40657a;
}
.text-color-brand-yellow {
  color: #FFD631;
}
.text-color-brand-yellow-25 {
  color: #fff4cb;
}
.text-color-brand-yellow-50 {
  color: #ffea97;
}
.text-color-brand-yellow-75 {
  color: #ffe065;
}

@media print {
  /* Generellt på alla sidor */
  .crisis-container, .breadcrumbs, .main-menu .btn-menu {
    display: none;
  }
  .header {
    display: none;
  }
  footer .inner-footer {
    display: none;
  }
  footer .footer-bottom .app-stores, footer .footer-bottom .social-media-links {
    display: none;
  }
  .page-wrapper {
    padding-top: 3rem;
  }
  .print-only-logo {
    display: block;
    padding-bottom: 2rem;
  }
  .print-only-logo img {
    width: 18.6rem;
  }
  .skip-link {
    display: none;
  }
  /*SPECIFIKA SIDOR*/
  .navigation-page .grid .col-4 {
    width: 40%;
  }
  .news-content.col-8 {
    width: 90%;
  }
  .more-news.news-page {
    display: none;
  }
  .stop-page .col-8, .line-page .col-8, .traffic-info-page .col-8, .article-page .col-8 {
    width: 90%;
  }
  .stop-page .content-list, .line-page .content-list, .traffic-info-page .content-list, .article-page .content-list {
    display: none;
  }
  .article-page {
    display: block;
  }
  /*SPECIFIKA BLOCK*/
  .faq-block.col-6 {
    width: 80%;
  }
  .grid .more-pages {
    color: #000000;
  }
  footer .contact-info {
    color: #000000;
    width: 90%;
  }
  footer .contact-info .first-contact a, footer .contact-info .second-contact a, footer .contact-info .third-contact a {
    color: #000000;
  }
}
/* Det som behövs från main.scss */
html {
  font-size: 62.5%;
}

body {
  line-height: 1;
}

html body {
  font-family: "Poppins";
}

figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}

/* Reseplaneraren */
.travel-planner {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.travel-planner figure .logo {
  width: 18.6rem;
  padding: 1rem;
}
.travel-planner .wrapper {
  height: calc(100vh - 50px);
  width: 100vw;
  padding-top: 0;
  padding-bottom: 0;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.travel-planner .wrapper .iframewrapper {
  height: calc(100vh - 50px);
  width: 100vw;
  padding-top: 0;
  padding-bottom: 0;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.travel-planner .wrapper .iframewrapper iframe {
  height: 100%;
  width: 100%;
  overflow: hidden;
}