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

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

.lp-content,
.lp-secondary-content,
.lp-submenu {
   margin: 5rem 0 0;
}

.lp-page-wide .sv-text-portlet {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.lp-page-wide .preamble {
  font-size: 1.6rem;
  line-height: 1.6;
}


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

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

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


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

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

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

.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] {
   width: 100%;
   background: #666;
   border: none;
   border-radius: .5rem;
   color: #fff;
   font-size: 1.2rem;
   text-transform: uppercase;
}

.sv-login-portlet input[type=submit]:hover,
.sv-login-portlet input[type=submit]:focus {
  background-color:rgba(0, 0, 0, 0.2);
}

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

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


/*
---------------------------------------------------------
BILDTEXT
---------------------------------------------------------*/

.sv-image-portlet {
  position: relative;
}
.sv-image-portlet .sv-portlet-image-caption {
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  width: 100%;
}


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

.lp-byline {
   clear: both;
   margin: 3rem 0 0;
   padding: 1.5rem 0;
   border-top: 1px solid #e5e7dc;
   border-bottom: 1px solid #e5e7dc;
}


/*
---------------------------------------------------------
DEKORATION: LÄNKKNAPP
--------------------------------------------------------- */

.lp-link-button {
  text-align: center;
  margin: 3rem 0;
}

.lp-link-button > div {
  display: inline-block;
  border-radius: 5px;
}

.lp-link-button p {
  margin: 0 !important;
}

.lp-link-button a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 2rem 3rem 2.2rem;
}

.lp-link-button a:hover,
.lp-link-button a:focus {
  background-color:rgba(0, 0, 0, 0.2);
}


/*
---------------------------------------------------------
DEKORATION: LÄNKAR OCH DOKUMENT
--------------------------------------------------------- */

.lp-rel-links,
.lp-rel-docs {
  margin: 0 0 30px;
}

.lp-rel-links p,
.lp-rel-docs p {
  margin: 0 !important;
}

.lp-rel-links a,
.lp-rel-docs a {
  text-decoration: none;
  color: #006699 !important;
  margin: 2px 0;
  display: inline-block;
}

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


/*
---------------------------------------------------------
DEKORATION: FAKTARUTA
--------------------------------------------------------- */

.lp-decoration-box {
  padding: 1.2rem 2rem;
  margin: 0 0 3rem;
  border: 3px solid #efefef;
}

.lp-decoration-box .sv-use-margins .normal:last-child,
.lp-decoration-box .sv-old-text-portlet .normal:last-child {
  margin: 0;
}


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

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


/*
---------------------------------------------------------
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 {
   border-top: 1px solid #e5e5e5;
   border-bottom: 1px solid #e5e5e5;
   padding: 1rem 0;
}

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

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

.sv-archivemenu-portlet .lp-archivemenu-filter-content > ul > li {
   display: block;
}

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

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

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

.sv-archivemenu-portlet a {
   background: #efefef;
   border-radius: 2px;
   display: inline-block;
   margin: 0 .2em 1rem;
   padding: .5rem 1rem;
   text-decoration: none;
   border: 1px solid #efefef;
}

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

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

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

.sv-archivemenu-portlet li.lp-selected span {
}


/*
---------------------------------------------------------
EVENEMANGSLISTNING
---------------------------------------------------------*/

.lp-events {
  margin: 0 0 5rem;
}

.lp-events ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1.5rem;
}

.lp-events li {
  width: 33%;
  padding: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lp-event-image {
  position: relative;
}

.lp-event-image img {
  padding: 0;
  display: block;
}

.lp-event-category {
  position: absolute;
  top: 0;
  right: 0;
}

.lp-event-category .litenxtext {
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  padding: .5rem 1.2rem .7rem;
  display: block;
}

.lp-events h2,
.lp-events h3 {
  display: block !important;
  font-size: 2.2rem;
  margin: 1.5rem 0 1rem;
}

.lp-events .normal {
  font-size: 1.6rem;
}

.lp-event-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.lp-event-meta > div {
  margin-right: 2rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.lp-event-meta .lp-icon {
  font-size: 2rem;
  margin-right: .5rem;
}

.lp-event-meta span {
  font-size: 1.4rem !important;
  text-transform: capitalize;
  line-height: 1.6;
}

.lp-event-meta span.preamble {
  margin-right: .5rem;
  line-height: 1.6;
}


/* Hover */
.lp-events li:hover,
.lp-events li:focus {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}


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

.lp-event-date {
  margin: 0 0 2rem;
}


/*
---------------------------------------------------------
NYHETSLISTNING
---------------------------------------------------------*/

.lp-news-list {
   margin: 0 0 30rem;
}

.lp-news-list li {
   padding: 2.5rem 0;
   border-top: 1px solid #e5e7dc;
}

.lp-news-list li:first-child {
  border: none;
}


/*
---------------------------------------------------------
NEDRÄKNING
---------------------------------------------------------*/

.lp-countdown {
  max-width: 810px;
  margin: 0 auto;
}

.lp-countdown time {
  margin: 6rem 0;
  padding: 0.5rem 3rem 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lp-countdown .lp-countdown__date-part span {
  color: #fff;
}

.lp-countdown .lp-countdown__date-part__value {
  font-size: 9.2rem;
  font-weight: bold;
}

.lp-countdown .lp-countdown__date-part__unit {
  font-size: 2.4rem;
  text-transform: capitalize;
}