/*
---------------------------------------------------------
GRUNDLAYOUT
--------------------------------------------------------- */

.lp-wrapper {
  border: 1px solid #ccc;
  margin: 0 auto;
  max-width: 1000px;
}

.lp-content,
.lp-secondary-content,
.lp-submenu {
  margin: 40px 0;
}

/* Direktlänk till innehåll och meny som visas vid tabbning */
a.lp-skip-to-content,
a.lp-skip-to-menu {
  font-size: 1.6rem;
  height: 0;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  width: 0;
}

a.lp-skip-to-content:focus,
a.lp-skip-to-menu:focus {
  background: #000;
  color: #fff;
  display: block;
  height: auto;
  left: initial;
  overflow: visible;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  z-index: 30000;
}

a.lp-skip-to-menu-smartphone {
  display: none;
}

.lp-byline {
  border-color: #eee;
  border-style: solid;
  border-width: 1px 0 1px 0;
  clear: both;
  display: flex;
  margin: 30px 0;
  padding: 20px 0;

  flex-wrap: wrap;
}

.lp-byline .sv-script-portlet {
  margin: 0 30px 0 0;
}

.lp-byline span {
  color: #595959;
  white-space: nowrap;
}
.lp-byline span strong {
  color: #000;
  font-weight: normal;
}

.lp-byline .sv-contact2-portlet li > a {
  color: #3c71b6;
}

.lp-byline .sv-contact2-portlet li > a:before {
  color: #595959;
  content: 'Sidansvarig:';
  display: inline-block;
  margin: 0 6px 0 0;
}


/* Underlinar länkar vid hover/focus i ytor med klickbar yta */

.lp-js .lp-clickable-area:hover a,
.lp-js .lp-clickable-area:focus a {
  text-decoration: underline;
}

/* Anpassning för radbryt */

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
a,
button,
span {
  word-break: break-word;

  overflow-wrap: break-word;
}


/*
---------------------------------------------------------
RELATERAD INFORMATION (Secondary content)
--------------------------------------------------------- */

.lp-contact,
.lp-links {
  border: 1px solid #ccc;
  margin: 20px 0 0;
  padding: 10px;
}

.sv-related-portlet {
  clear: both;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sv-related-portlet ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sv-related-portlet h2.subheading {
  margin: 0;
}

/*
---------------------------------------------------------
PUNKTLISTOR
--------------------------------------------------------- */

/* Luftigare punktlistor i textmoduler */
.sv-text-portlet-content li {
  margin: 0 0 8px;
}

.sv-text-portlet-content ul {
  margin: 0 0 15px;
}


/*
---------------------------------------------------------
SKAPA ARTIKEL-LÄNKAR
--------------------------------------------------------- */

a.sv-create-article-entry {
  background: none repeat scroll 0 0 #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #333 !important;
  display: block;
  margin: 0 0 5px;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none !important;
}

a.sv-create-article-entry:hover {
  background-color: #eee;
}


/*
---------------------------------------------------------
LOGINRUTA
--------------------------------------------------------- */

.sv-login-portlet label {
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 10px;
  line-height: 14px;
  padding: 4px 0 1px;
  text-indent: 10px;
  text-transform: uppercase;
  width: 100% !important;
}

.sv-login-portlet input[type=text],
.sv-login-portlet input[type=password] {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  border-top: #aaa !important;
  box-sizing: border-box;
  color: #333;
  display: block;
  margin: 0 0 10px;
  padding: 8px 0;
  text-indent: 10px;
  width: 100% !important;
}

.sv-login-portlet input[type=text]:focus,
.sv-login-portlet input[type=password]:focus {
  background: #f9f5e6;
  border-color: #f4fcdf;
}

.sv-login-portlet input[type=submit] {
  background: #84ad21;
  border: none;
  border-radius: 15px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
}

.sv-login-portlet input[type=submit]:hover,
.sv-login-portlet input[type=submit]:focus {
  background: #688a16;
}

.sv-login-portlet fieldset {
  padding: 0;
}

.sv-login-portlet br {
  display: none;
}

/*
---------------------------------------------------------
NYHETSMENY och NYHETSARKIV
--------------------------------------------------------- */

.lp-archivemenu-filter button {
  display: none;
}

.lp-js .lp-archivemenu-filter button {
  border: 0;
  border-radius: 2px;
  display: block;
  font-size: 1.6rem;
  padding: 15px 43px;
}

.sv-archivemenu-portlet {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  margin: 20px 0 30px !important;
  padding: 10px 0;
}

.sv-archivemenu-portlet ul {
  list-style-type: none;
  padding: 0;
}

.lp-js .sv-archivemenu-portlet .lp-archivemenu-filter-content > ul {
  margin: 20px 0 10px;
}

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul > li {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  margin-bottom: 2rem;

  -webkit-box-flex: row;
  flex: row wrap;
  flex-flow: row;
  flex-wrap: wrap;
}

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul > li:last-child {
  margin-bottom: 0rem;
}

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul > li > .subheading {
  display: block;
  margin-right: 2rem;
}


.sv-archivemenu-portlet ul ul {
  display: inline-block;
  margin: 0;
}

.sv-archivemenu-portlet li:last-child ul {
  margin: 0;
}

.sv-archivemenu-portlet li {
  display: inline-block;
}

.sv-archivemenu-portlet a {
  background: #eee;
  border-radius: 2px;
  display: inline-block;
  margin: 0 0 4px;
  padding: 5px 10px;
  text-decoration: none;
}

.sv-archivemenu-portlet li li.lp-selected a {
  background: #3c71b6;
  color: #fff;
}

.sv-archivemenu-portlet > ul > li {
  margin: 0 0 10px;
}

.sv-archivemenu-portlet > ul > li span {
  margin: 0 10px 0 0;
  vertical-align: middle;
}



.lp-news-archive li {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  margin-bottom: 2rem;
}

.lp-news-archive.sv-archive-portlet img {
  margin-right: 2rem;
  max-width: 250px !important;
  padding: 0;
}

.lp-news-archive .subheading {
  font-size: 2.4rem;
  margin: 5px 0;
}

/*
---------------------------------------------------------
EVENEMANG
---------------------------------------------------------*/

.lp-event-calendar li {
  display: table;
  margin: 0 0 30px;
}

.lp-event-calendar li > div {
  display: table-cell;
  vertical-align: top;
}

.lp-eventdate {
  float: left;
  margin: 5px 20px 20px 0;
  width: 64px;
}

.lp-eventdate > div {
  background: #777;
  margin: 0 2px;
  padding: 5px;
  width: 50px;
}

.lp-date,
.lp-month {
  color: #fff;
  display: block;
  text-align: center;
}

.lp-date {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 3rem;
  line-height: 100%;
  padding: 0 0 4px;
}

.lp-month {
  font-size: 1.3rem;
  padding: 4px 0 0;
  text-transform: uppercase;
}

.lp-event-info h2.subheading {
  margin: 0;
}


/*
---------------------------------------------------------
SIDVERKTYG
---------------------------------------------------------*/


.lp-pagetools {
  background: #f5f5f5;
  display: flex;
  margin: 0;

  justify-content: space-between;
}

.lp-pagetools > .sv-layout {
  display: flex;
  padding: 10px 0;

  flex-wrap: wrap;
  justify-content: end;
}

.lp-print-link a,
.lp-page-share-link,
.lp-print-link a.normal,
.lp-page-contact-link {
  display: block;
  font-size: 1.4rem;
  line-height: 150%;
  padding: 5px 15px;
  text-decoration: none;
}

.lp-print-link a:hover,
.lp-print-link a:focus,
.lp-page-share-link:hover,
.lp-page-share-link:focus,
.lp-print-link a.normal:hover,
.lp-print-link a.normal:focus,
.lp-page-contact-link:hover,
.lp-page-contact-link:focus {
  text-decoration: underline;
}

.lp-pagetools .lp-icon {
  font-size: 1.2em;
  margin: 0 8px 0 0;
  vertical-align: -0.2em;
}

.lp-pagetools-contact,
.lp-pagetools-share,
.lp-pagetools-links {
  border: 0;
  border-radius: 1em;
  box-shadow: 0 0.1em 0.2em 0 rgba(0, 0, 0, 0.2);
  margin: 20px 0;
  padding: 20px 15px;
}

.lp-pagetools-contact .subheading,
.sv-layout .lp-pagetools-share .subheading,
.sv-layout .lp-pagetools-links .subheading {
  border-bottom: 1px solid #e0e0e0;
  font-size: 1.5em;
  margin-bottom: 1em;
  padding-bottom: 0.75em;
}

.lp-box-icon {
  float: right;
  font-size: 1.5em;
  margin-left: 0.5em;
}

.lp-pagetools-contact .subheading,
.lp-pagetools-contact .lp-box-icon {
  color: #214676;
}

.lp-pagetools-share .subheading,
.lp-pagetools-share .lp-box-icon {
  color: #214676;
}


.lp-pagetools-links .subheading,
.lp-pagetools-links .lp-box-icon {
  color: #8c4602;
}

.lp-pagetools-links li {
  margin-bottom: 0.5em;
}

.lp-pagetools-links a {
  text-decoration: none;
}

.lp-pagetools-links a:hover,
.lp-pagetools-links a:focus {
  text-decoration: underline;
}

/* RELATERAD INFO KONTAKTRUTA */

.lp-pagetools-contact .sv-related-portlet ul {
  border-bottom: 1px solid #e0e0e0 !important;
  margin: 25px 0 20px;
  padding: 0 0 30px;
}

.lp-pagetools-contact .sv-related-portlet li + li {
  margin: 10px 0 0;
}

.lp-pagetools-contact .sv-related-portlet span {
  font-size: 1.6rem;
}

.lp-pagetools-contact .sv-related-portlet .sv-font-nedtonat {
  color: #595959;
}

/* KNAPPMENY KONTAKTRUTA */

.lp-pagetools-contact .sv-jcrmenu-portlet ul {
  display: flex !important;
  margin: 25px -15px 0;

  flex-wrap: wrap;
  justify-content: space-between;
}

.lp-pagetools-contact .sv-jcrmenu-portlet li {
  display: block;
  padding: 0 15px 20px;

  flex: 1 1 auto;
}

.lp-pagetools-contact .sv-jcrmenu-portlet a {
  background-color: #3c71b6;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.35);
  color: #fff;
  display: block;
  font-size: 1.4rem;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
}

/*
---------------------------------------------------------
VIKTIGT MEDDELANDE
---------------------------------------------------------*/

.sv-archive-portlet.lp-alert li {
  margin: 0;
  position: relative;
  width: 100%;
}

.lp-alert-content {
  align-items: center;
  background: #402f31;
  display: flex;
  padding: 20px 10px 18px 280px;

  justify-content: flex-start;
}

.lp-alert .sv-channel-item h1 {
  margin: 0;
}

.lp-alert .sv-channel-item h1 a {
  border-right: 1px solid #ccc;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 100%;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  text-decoration: none;
}

.lp-alert-content span {
  color: #fff;
  font-size: 1.6rem;
  line-height: 140%;
}

.lp-alert li:hover .sv-channel-item h1 a,
.lp-alert li:focus .sv-channel-item h1 a,
.lp-alert li:hover .lp-alert-content span,
.lp-alert li:focus .lp-alert-content span {
  text-decoration: underline;
}

.lp-alert .lp-icon-wrapper {
  align-items: center;
  background: #c10219;
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  top: 0;
  width: 260px;

  justify-content: center;
}

.lp-alert .lp-icon-wrapper span {
  color: #fff;
  font-size: 2rem;
  margin: 0 0 0 15px;
}

.lp-alert .lp-icon {
  font-size: 1.8em;

  fill: #fff;
}


/*
---------------------------------------------------------
KNAPP - BLÅ
---------------------------------------------------------*/

.lp-button {
  margin: 15px 0 30px;
}

.lp-button a {
  background: #3c71b6;
  border-radius: 20px;
  box-shadow: 0 2px 4px 1px #ccc;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 10px 120px;
  text-decoration: none;
}

.lp-button a:hover,
.lp-button a:focus {
  background: #214676;
}


/*
---------------------------------------------------------
STARTSIDAN - NYHETER
---------------------------------------------------------*/

.lp-start-news {
  margin: 0 0 30px;
}

.lp-start-news ul {
  display: flex;
  margin: 0 -1.5rem;

  flex-wrap: wrap;
  justify-content: center;
}

.lp-start-news li {
  margin: 0 1.5rem 3rem;
  width: calc(33% - 3rem);

  flex: 0 0 auto;
}


.lp-start-news li img {
  display: block;
  margin: 0 0 15px;
  padding: 0;
}

.lp-start-news .subheading {
  font-size: 2.4rem;
  margin: 5px 0;
}

.lp-start-news .subheading a {
  text-decoration: none;
}


/*
---------------------------------------------------------
STARTSIDA - INNEHÅLL FÖR TURISTWEBBEN
---------------------------------------------------------*/

.lp-start-turism {
  /* background: #f5f5f5 url('/images/18.76da4de4159cf3dbc421abc6/1491396371906/fadedback.jpg'); */
  background-size: cover;
  margin: 30px 0 0;
  padding: 100px 0;
}

/*
---------------------------------------------------------
HERO
---------------------------------------------------------*/

.lp-hero {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 0 6%;
}

.lp-hero__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  margin: 0 auto;
  max-width: 97%;
  width: 1170px;
}

.lp-hero__content {
  background-color: rgba(255,255,255,0.75);
  border-radius: 8px;
  box-sizing: border-box;
  margin: 100px 0;
  max-width: 555px;
  padding: 20px 30px;
}

.lp-hero__content h1.heading {
  font-size: 3.6rem;
  margin: 0;
}

.lp-hero__content p {
  font-size: 2rem;
  line-height: normal;
  max-width: 475px;
}


/*
---------------------------------------------------------
LANDNINGSSIDA
--------------------------------------------------------- */

.lp-landing-page-wrapper {
  background: #f5f5f5;
  padding: 40px 0 0;
}

.lp-landing-page-wrapper h1.heading {
  margin: 0 0 40px!important;
}

.lp-landing-page {
  margin: 0 auto 30px;
  max-width: 97%;
  /* Den grå övre sektionen */
  width: 1170px;
}

.lp-landing-page-white {
  background: #fff;
  /* Den vita nedre sektionen */
  padding: 50px 0;
}


.lp-landing-page p,
.lp-landing-page-white p {
  font-size: 1.6rem;
  line-height: 160%;
}

.lp-landing-page-white > div {
  margin: 0 auto;
  max-width: 97%;
  width: 1170px;
}

.lp-main-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -17px;

  flex-wrap: wrap;
}

.lp-quickfind-box,
.lp-main-box {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 17px 34px;
  width: 33.333%;
}

.lp-quickfind-box > div,
.lp-main-box > div {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.24);
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 7px 20px 20px;
  position: relative;
  width: 100%;

  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}

.lp-quickfind-box ul {
  list-style-type: none;
  margin: 11px 0 0;
  padding: 0;
}

.lp-quickfind-box ul a {
  align-items: center;
  color: #005a99;
  display: flex;
  font-size: 1.6rem;
}

.lp-quickfind-box a .lp-icon {
  font-size: 0.6em;
  margin: 0 6px 0 0;
}

.lp-quickfind-box ul a:hover,
.lp-quickfind-box ul a:focus {
  text-decoration: underline;
}

.lp-quickfind-box li + li {
  margin: 14px 0 0;
}

.lp-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -17px;

  flex-wrap: wrap;
}

.lp-box {
  box-sizing: border-box;
  padding: 0 17px 35px;
  width: 33.333%;
}

.lp-quickfind-box h2.subheading {
  border-bottom: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-pack: center;
  font-size: 2rem;
  margin: 0 0 10px;
  min-height: 70px;
  padding: 0 50px 3px 0;

  -webkit-box-pack: center;
  justify-content: center;
}

.lp-main-box a {
  border-bottom: 1px solid #d8d8d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -ms-flex-pack: center;
  margin: 0 0 10px;
  min-height: 70px;
  padding: 0 50px 3px 0;

  -webkit-box-pack: center;
  justify-content: center;
}

.lp-main-box h2.subheading {
  display: inline-block;
  font-size: 2rem;
  margin: 0;
}

.lp-boxes h2.subheading {
  border-bottom: 1px solid #d8d8d8;
  display: block;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.lp-main-boxes a,
.lp-boxes a {
  text-decoration: none;
}

.lp-main-boxes a:hover,
.lp-main-boxes a:focus,
.lp-boxes a:hover,
.lp-boxes a:focus {
  color: #005a99;
  text-decoration: underline;
}

.lp-js .lp-main-box > div:hover a,
.lp-js .lp-boxes > div:hover a {
  color: #005a99;
  text-decoration: underline;
}

.lp-main-boxes a h2.subheading,
.lp-boxes a h2.subheading {
  color: #005a99;
  font-size: 2rem;
}

.lp-main-boxes h2.subheading .lp-icon,
.lp-boxes h2.subheading .lp-icon {
  color: #3c71b6;
  display: inline-block;
  height: 0.7em;
  margin: 0 0 0 5px;
  position: static;
  right: initial;
  top: initial;
  vertical-align: -0.05em;
  width: 0.7em;
}

.lp-main-boxes div > .lp-icon {
  color: #3c71b6;
  height: 2em;
  position: absolute;
  right: 15px;
  top: 25px;
  width: 2em;
}


/*
---------------------------------------------------------
GOOGLE TRANSLATE
--------------------------------------------------------- */

.lp-google-translate {
  color: #fff;
  margin: 15px auto;
  max-width: 600px;
  padding: 0 15px;
  text-align: center;
}

.lp-google-translate .goog-te-gadget-simple {
  border: 1px solid #bfc4c8;
  border-radius: 5px;
  padding: 10px 15px;
}

/*
---------------------------------------------------------
UTGÅNGSDATUMA
--------------------------------------------------------- */

.lp-information-is-old {
  background-color: #3c71b6;
  border-radius: 8px;
  padding: 2rem;
  padding-right: calc(3.5rem + 2em);
  position: relative;
}

.lp-information-is-old-text {
  color: #fff;
  margin: 0;
}

.lp-information-is-old:after {
  background-color: #fff;
  content: '';
  display: inline-block;
  height: 2em;
  position: absolute;
  right: 2rem;
  top: calc(50% - 1.7rem);
  width: 2em;

  -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2028%2024\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M14%20.219l-.875%201.5-12%2020.781L.281%2024H27.72l-.844-1.5-12-20.781L14%20.219zm0%204L24.25%2022H3.75L14%204.219zM13%2011v6h2v-6h-2zm0%207v2h2v-2h-2z%22%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2028%2024\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23000\'%3E%3Cpath%20%20d%3D%22M14%20.219l-.875%201.5-12%2020.781L.281%2024H27.72l-.844-1.5-12-20.781L14%20.219zm0%204L24.25%2022H3.75L14%204.219zM13%2011v6h2v-6h-2zm0%207v2h2v-2h-2z%22%2F%3E%3C%2Fsvg%3E');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}