/*
---------------------------------------------------------
Svt typsnitt: Publik
--------------------------------------------------------- */
@font-face {
  font-family: publik;
  src: url('/webdav/files/system/fonts/Publik-Regular.eot');
  src: url('/webdav/files/system/fonts/Publik-Regular.ttf') format('truetype');
}

@font-face {
  font-family: publik;
  font-weight: 700;
  src: url('/webdav/files/system/fonts/Publik-Bold.eot');
  src: url('/webdav/files/system/fonts/Publik-Bold.ttf') format('truetype');
}

@font-face {
  font-family: publik;
  font-weight: 300;
  src: url('/webdav/files/system/fonts/Publik-Light.eot');
  src: url('/webdav/files/system/fonts/Publik-Light.ttf') format('truetype');
}


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

.lp-wrapper {
  background-color: #fff;
  margin-bottom: 4.5rem;
  padding: 4.5rem;
}

.lp-content,
.lp-secondary-content,
.lp-submenu {
  margin: 2rem 0 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: 1rem 0;
  text-align: center;
  width: 100%;
  z-index: 30000;
}

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


/* 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;
}

/*
---------------------------------------------------------
SEKUNDÄRT INNEHÅLL
--------------------------------------------------------- */

.lp-secondary-content {
  margin-top: 0;
}

.lp-secondary-content .sv-layout {
  background: #fff;
  margin-bottom: 0.8rem;
  padding: 24px 32px;
}

.lp-secondary-content .sv-layout ul li {
  display: block;
  margin-bottom: 0.8rem;
  padding-left: 2.4rem;
  position: relative;
}

.lp-secondary-content .sv-layout ul,
.lp-secondary-content .sv-layout ul li:last-child {
  margin-bottom: 0;
}

.lp-secondary-content .sv-layout ul li a {
  border-bottom: 1px solid #1e69aa;
  color: #1e69aa;
  display: inline-block !important;
  font-family: 'publik','helvetica',sans-serif;
  line-height: 2.4rem;
  opacity: 0.8;
  text-decoration: none;
}


.lp-secondary-content .sv-layout ul li a:hover {
  color: #2891c8;
}

.lp-secondary-content .sv-layout ul li a:before {
  background: #1e69aa;
  border-radius: 0.4rem;
  content: '';
  display: inline-block;
  height: 0.4rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.4rem;
}

.lp-secondary-content .sv-layout .subheading {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin-bottom: 1.6rem;
  text-transform: uppercase;
}


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

.sv-login-portlet label {
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 1rem;
  line-height: 1.4;
  padding: 0.4rem 0 0.1rem;
  text-indent: 1rem;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  display: block;
  margin: 0 0 1rem;
  padding: 0.8rem 0;
  text-indent: 1rem;
  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: 1.2rem;
  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;
}


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

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

.sv-text-portlet-content ul {
  margin: 0 0 1.5rem;
}


/*
---------------------------------------------------------
BYLINE
--------------------------------------------------------- */

.lp-byline {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #eee;
  clear: both;
  margin: 3rem 0 0;
  margin: 8rem 0 8rem 0;
  padding: 1rem 0 4rem 0;
  /* text-transform: uppercase; */
}

.lp-byline .litenxtext {
  font-size: 1.2rem;
}
.lp-byline a {
  border-bottom: 1px solid #1e69aa;
  color: #1e69aa;
  display: inline-block !important;
  opacity: 0.8;
  text-decoration: none;
}
.lp-byline .lp-author-byline {
  margin: 20px 0;
}
.lp-byline .lp-author-byline--image img {
  height: 50px;
  margin-bottom: 0;
  padding: 0;
  padding-left: 0 !important;
  width: 100%;
  border-radius: 50%;
}
.lp-byline span.lp-author-byline--image {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 20px 0 0px;
  border-radius: 50%;
  overflow:hidden;
  vertical-align: middle;
}
.lp-byline span.lp-author-byline--details {
  box-sizing: border-box;
  display: inline-block;
  max-width: 60%;
  padding: 0 40px 0 0;
  vertical-align: middle;
}

/*
---------------------------------------------------------
SOCIALA MEDIER MENY
--------------------------------------------------------- */

.lp-secondary-content ul.lp-social-menu li a:before {
  content: none;
}

.lp-secondary-content ul.lp-social-menu li,
.lp-secondary-content ul.lp-social-menu {
  padding-left: 0;
}

.lp-secondary-content ul.lp-social-menu li a {
  border: 0;
  display: flex !important;
}

.lp-secondary-content ul.lp-social-menu li a span {
  border-bottom: 1px solid #1e69aa;
  display: inline-block;
  font-size: 1.4rem;
}

.lp-secondary-content ul.lp-social-menu li a .lp-icon {
  height: 2.4rem;
  margin-right: 1rem;
  width: 2.4rem;

  align-self: center;
  fill: #2a2a2a;
}

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

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

.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;
}


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

#google-translate-modal {
  background: #fff;
  border: solid 1px #c5c5c5;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 10px 0 #bbb;
  box-shadow: 0 0 10px 0 #bbb;
  display: none;
  padding: 1rem;
  position: absolute;
  right: 0;
  text-align: left;
  top: 18px;
  width: 250px;
  z-index: 999;
}

#google-translate-modal-close {
  float: right;
  padding-top: 0.6rem;
}

#google-translate-modal-close a {
  color: #444;
  text-decoration: none;
}

#google-translate-modal-close a:hover {
  color: #000;
  text-decoration: underline;
}

#google-translate-modal p {
  clear: right;
  color: #444;
  font-size: 1.1rem;
  margin: 1.2rem 0 0;
  text-align: center;
}

#google-translate-modal img {
  display: inline-block;
}

#google_translate_element a {
  text-decoration: none;
}


/*
---------------------------------------------------------
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 0.5rem;
  padding: 0.5rem 2rem;
  text-align: center;
  text-decoration: none !important;
}

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


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

.lp-news ul {
  display: flex;

  flex-wrap: wrap;
}

.lp-news ul li {
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 30px;
  margin-right: 2.272727272727273%;
  overflow: hidden;
  padding-bottom: 30px;
  position: relative;
  width: 31.818181818181817%;
}

.lp-news-large ul li {
  width: 100%;
}

.lp-news ul li:nth-child(3n),
.lp-news ul li:last-child {
  margin-right: 0;
}

.lp-news .sv-archive-portlet ul li img {
  height: auto;
  margin-bottom: 20px;
  padding: 0;
  padding-left: 0 !important;
  width: 100%;
}

.lp-news ul li span {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
  padding: 0 40px 0 40px;
}

.lp-news ul li .lp-author-byline {
  margin: 20px 0;
}
.lp-news .sv-archive-portlet ul li .lp-author-byline--image img {
  height: 50px;
  margin-bottom: 0;
  padding: 0;
  padding-left: 0 !important;
  width: 100%;
  border-radius: 50%;
}
.lp-news ul li span.lp-author-byline--image {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 20px 0 40px;
  border-radius: 50%;
  overflow:hidden;
  vertical-align: middle;
}
.lp-news ul li span.lp-author-byline--details {
  box-sizing: border-box;
  display: inline-block;
  max-width: 60%;
  padding: 0 40px 0 0;
  vertical-align: middle;
}


.lp-news ul li .tableheading {
  background-color: #0f418c;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 400;
  left: 16px;
  line-height: 15px;
  padding: 5px 8px 4px;
  position: absolute;
  text-transform: uppercase;
  top: 16px;
  border-radius: 2px;
}
.lp-news ul li .lp-postType-Blogg .tableheading {
  background-color: #911414;
}

.lp-news ul li .normal {
  color: #767676;
  font-size: 1.6rem;
}

.lp-news ul li .litenxtext {
  color: #767676;
  font-family: publik, helvetica, sans-serif;
  font-size: 1.2rem;
}

.lp-news ul li .subsubheading,
.lp-news ul li .subheading {
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  margin: 0.8rem 0;
  max-width: 100%;
  text-decoration: none;
}

.lp-news ul li a {
  display: block;
  text-decoration: none;
}

/*
---------------------------------------------------------
NYHETSMENY
--------------------------------------------------------- */

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

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

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

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

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul > li {
  align-items: center;
  display: flex;
  margin-top: 1rem;
}

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

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul > li:first-child {
  margin-top: 0;
}

.sv-archivemenu-portlet ul ul {
  display: inline-block;
  margin-left: 1rem;
}

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

.sv-archivemenu-portlet .lp-archivemenu-filter-content a {
  background: #4d4d4d;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  margin: 0.3rem;
  padding: 0.3rem 1rem;
  text-decoration: none;
}

.sv-archivemenu-portlet .lp-archivemenu-filter-content a:hover {
  text-decoration: underline;
}

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

.sv-archivemenu-portlet li li.lp-selected a:hover {
  text-decoration: none;
}

.sv-archivemenu-portlet > ul > li {
  margin: 0 0 1rem;
}

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

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

.lp-event-calendar li {
  display: table;
  margin: 0 0 3rem;
}

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

.lp-eventdate {
  float: left;
  margin: 0.5rem 2rem 2rem 0;
  width: 64px;
}

.lp-eventdate > div {
  background: #777;
  margin: 0 0.2rem;
  padding: 0.5rem;
  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: 1;
  padding: 0 0 0.4rem;
}

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

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