/*
=========================================================
SMARTPHONE CSS
=========================================================
 * Innehåller styling för smartphones
 * 
 * Copyright (C) 2014 Limepark AB
=========================================================*/

/*
---------------------------------------------------------
FIXAR/FÖRBÄTTRINGAR
---------------------------------------------------------*/

/* Anpassar bilder i nyhetslistningen för mobilläge */
.lp-news-listing.sv-archive-portlet li img {
   float: none;
   padding: 0 0 10px 0 !important;
}


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

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

header {
   margin: 0 10px !important;
   padding: 15px 10px 10px 0;
   border-bottom: 1px solid #ccc;
}

footer {
   margin: 0;
   padding: 20px 10px;
}

.lp-content {
   padding: 20px 10px;
}

.lp-secondary-content {
   padding: 0 10px 20px;
}

.lp-smartphone-margin {
   padding: 0 10px;
}

.lp-logo img {
   margin: 0;
}

.lp-toolbar-top {
	padding: 3px 10px;
}

.lp-toolbar-bottom .sv-horizontal-column {
	padding: 0;
	background: none;
}

.lp-feedback-buttons {
    white-space: nowrap;
}

.lp-print {
  display:none;
}


/*
---------------------------------------------------------
INPUTFÄLT
--------------------------------------------------------- */

input[type="text"],
input[type="password"],
input[type="date"],
textarea {
  width: 94%;
}

select {
  width: 99%;
}


/*
---------------------------------------------------------
TABELLER
--------------------------------------------------------- */

.sv-table-portlet td, .sv-table-portlet th {
  padding: 12px 10px !important;
}


/*
---------------------------------------------------------
MOBIL NAVIGATIONSBAR - GUL
--------------------------------------------------------- */

.lp-mobile-nav {
   position: fixed;
   right: 0;
   bottom: 0;
   left: 0;
   height: 44px;
   z-index: 99999 !important;
   /* För färgsättning, se avsnittet Profilfärger i base.css */
}

.lp-mobile-nav .lp-mobile-nav-menu-button {
   display: block;
   width: 30%;
   height: 44px;
   padding: 10px 0;
   border-top: none;
   border-left: none;
   border-bottom: none;
   /* För färgsättning, se avsnittet Profilfärger i base.css */
   background: none;
   text-align: left;
   text-decoration: none;
   outline: none;
}

.lp-mobile-nav .lp-mobile-nav-menu-button:active {
   /* För färgsättning, se avsnittet Profilfärger i base.css */
}

.lp-mobile-nav .lp-mobile-nav-menu-button img {
   width: 19px;
   height: 15px;
   margin: 0 0 0 10px;
   vertical-align: middle;
}

.lp-mobile-nav .lp-mobile-nav-menu-button span {
   margin: 0 0 0 10px;
   vertical-align: middle;
   font-weight: bold;
}


/*
---------------------------------------------------------
SÖKRUTA MOBIL NAVIGATIONSBAR
--------------------------------------------------------- */

.lp-mobile-nav .sv-searchform-portlet {
   float: right;
   margin: 5px 5px 5px 0;
   width: 65%;
}

.lp-mobile-nav .sv-searchform-portlet input[type="text"] {
   color: #000;
   border: none;
   padding: 6px 0;
   /* För färgsättning, se avsnittet Profilfärger i base.css */
}

.lp-mobile-nav .sv-searchform-portlet input[type="text"]:focus {
   background: #fff;
}

.lp-mobile-nav .sv-searchform-portlet input[type="image"] {
   padding: 8px;
}

.lp-mobile-nav .sv-searchform-portlet input[placeholder] {
   color: #222;
 }
.lp-mobile-nav .sv-searchform-portlet ::-webkit-input-placeholder {
   color: #222;
 }
.lp-mobile-nav .sv-searchform-portlet :-moz-placeholder {
   color: #222;
 }
.lp-mobile-nav .sv-searchform-portlet :-ms-input-placeholder {
   color: #222;
 }


/*
---------------------------------------------------------
VERTKTYGSMENY I MOBILLÄGE
---------------------------------------------------------*/

.lp-contact-link {
   float: right;
   text-align: center;
}

.lp-contact-link p.normal a:before {
   display: block;
   padding: 15px 0 3px;
   content: "\e048";
   font-family: 'Simple-Line-Icons';
   font-size: 20px;
   font-weight: normal;
   line-height: 20px;
   color: #464646;
}

.lp-contact-link p.normal a {
   color: #222;
   font-size: 12px;
   text-transform: uppercase;
   text-decoration: none;
}

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


/*
---------------------------------------------------------
TOPPMENY
--------------------------------------------------------- */

.lp-top-menu {
   display: none;
}

/*
---------------------------------------------------------
MENY
--------------------------------------------------------- */

.sv-editing-mode .lp-menu {
   margin-top: 30px;
}

.lp-menu > .lp-level-1 > li, .lp-menu .lp-level-1 > li > button {
   display: block;
}

.lp-menu ul {
   display: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.lp-menu > ul, .lp-open > ul {
  display: block;
}

.lp-js .lp-menu {
  display: none;
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0 !important;
  z-index: 90000;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  
  /* Fulfix för att sidans bakgrund inte ska synas när menyn är framme i mobilläget */
  padding-bottom: 500px;
}

.lp-menu {
  background: #333;  
}
  
.lp-js .lp-menu > ul {
   margin-bottom: 44px;
   border-bottom: 1px solid #000;
}

.lp-js.lp-show-menu .lp-menu {
  display: block;
}

.lp-js.lp-show-menu body {
  overflow: hidden;
}

.lp-js .lp-jump-to-top {
  display: none;
}

/* Johans mobilmeny nedan */

.lp-menu a {
   display: block;
   padding: 12px 10px;
   color: #fff !important;
   text-decoration: none;
   text-transform: none !important;
}

.lp-menu button {
   float: right;
   width: 44px;
   height: 44px;
   background: none;
   border: none;
   font-weight: normal;
   outline: none;
}

.lp-menu button:active {
   background: #777;
   padding: 0;
}

.lp-menu button:before {
   font-family: 'Simple-Line-Icons';
   font-size: 15px;
   content: "\e603";
   color: #444;
   -webkit-transition: all 300ms ease;
   -moz-transition: all 300ms ease;
   -ms-transition: all 300ms ease;
   -o-transition: all 300ms ease;
   transition: all 300ms ease;
}

.lp-menu .lp-menu-open button:before {
   -moz-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.lp-menu button:before {
   color: #fff !important;
}

.lp-menu button:hover:before {
   /* För färgsättning, se avsnittet Profilfärger i base.css */
}

.lp-menu .lp-open > button:before {
   content: "\e605";
}

.lp-menu .lp-open > a {
   font-weight: bold;
}

.lp-menu ul.lp-level-1 {
   padding: 0 0 65px;
}

.lp-menu .lp-level-1 > li > a {
   border-bottom: none;
}

.lp-menu .lp-level-1 > li:last-child > a {
   font-weight: normal;
   font-style: italic;
}

.lp-menu .lp-level-1 > li {
   border-top: 1px solid #000;
   border-bottom: 1px solid #444;
}

.lp-menu .lp-level-2 > li {
   background: #555;
   border-top: 1px solid #333;
   border-bottom: 1px solid #666;
}

.lp-menu .lp-level-2 {
   border-top: none;
}

.lp-menu .lp-level-3 {
   border-top: 1px solid #333;
   background: #666;
}

.lp-menu .lp-level-3 > li > a {
   font-size: 13px;
   padding: 11px 10px 11px 20px;
}

.lp-menu .lp-level-4 > li > a {
   font-size: 13px;
   padding: 11px 10px 11px 40px;
}

.lp-menu .lp-level-5 > li > a {
   font-size: 12px;
   padding: 8px 10px 8px 60px;
}


/*
---------------------------------------------------------
SIDFOT
--------------------------------------------------------- */

footer h2 {
   margin: 0 0 10px !important;
   font-size: 18px !important;
   line-height: 26px !important;
}

footer p.preamble {
   font-size: 14px;
   line-height: 20px !important;
}

.lp-footer-contact-wrapper {
   margin: 15px 0 30px;
}

.lp-footer-contact-wrapper p {
   font-size: 14px !important;
   margin: 0 0 0 10px !important;
}

.lp-footer-contact-wrapper a {
   font-size: 14px !important;
}

footer .lp-footer-phone p:before, 
footer .lp-footer-mail p:before, 
footer .lp-footer-map p:before, 
footer .lp-footer-more-info p:before {
   margin: 0 5px 0 0;
   font-size: 14px;
}




/*
---------------------------------------------------------
TILL SIDANS TOPP
--------------------------------------------------------- */

a.lp-page-top {
   display: block;
   margin: 0 0 44px;
   padding: 70px 10px 20px;
   background: no-repeat 50% 20px url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAL1klEQVR42u1deWyUxxVf3CgpSa8kapqINGopLkFFUFynaqlAUCoIkIgSB1OQjak5gsxpLMA1YDCHMYeNj7pxkTEFRCmUQ4ir2PgGF4OvGDtgLz6wzS1OgfgDBJ3fdsZ6GX/fXt7v2F0jPQl5d2fe/PbbNzPv/d57lr59+1pMJL2YvMskmMmnTP7MJIZJApNkJhmSJPPXYvh7P+Wf/REfyzRrMwOwHzAZzySaSSaTHA9JJh9zPJ+jlz8C3YfJ5/yJzNFJkvmcfXwd6G8z+QOTeHuADBo0aO+wYcOOjR07tigkJOTC1KlT66ZNm9YQGRnZMnPmzKuzZ8++xqR9xowZrdOnT7eGh4dfxnvwXnwGn8UYDkCHDqOYvOpLQH+HSQiTvyoteuDAgXtGjhz5HwbUeQbcFQ5ktwVjYUyMjTlUAE9l8gmT3t4MNJ6WCUz+Ji9wwIABu0ePHn0aTyIDpcMeYNHR0VeXL1/enJCQcGXjxo0NaWlplzIyMr5OTU29tGHDhsaVK1c2LVy4sM0B8B2YC3NibgXAM/hG+qq3AT2IyUZ5QUFBQf/GUzZr1iwlYDoA2o4dOy7m5+eft1qtpU+fPj398uXLXGfkwYMHBfX19Wfy8vIuYAyMpfQlYm7oAF0UAE/iupse6LeYzJcXEBwcfGDy5Mk18sKjoqI6UlJSLhcWFp6/d+9egbOgOisYE2NjDswlf7HQCbopAD6PyZtmBfoj/hOk9vef7OmpkAGOi4trPn78eMWjR4/yPQ2ummCuEydOVKxYsaJJBhw6QlcFcxJsJqBfYRJGlezXr9+OMWPGFMgmYv369daqqqqyFy9e5OoFsCyYGzokJiY2yiYFOkN3CXCs7VtGA/1dJnFUscGDB/8rLCzsa/kJrqysLDMKXDWprq4uk59w6I41SGD/hZ+eDAH6Xb55dCo0YsSIk+Sse23evHnthw8frnr27Fme2UAW8vz587wjR45UQlehN9aAtShslO/oDfSP+Rm001RMmDChjD4ZOHrdunWr0KwAy3L79u3CTZs2NdA1YE2SKdnK5H29gH6fbnqBgYH/mDRpUpVQbs6cOR379++vwZPiLSBT+33w4MFqrEGsB2vDGgnY6e6A7SrIb1L/BA7/U6ZMuSiUWrx48dXa2tqz3gawLDiPx8TEdJpArFG66KS6akZc3fjWUZDDw8Mv0Q3v5s2bhd4OspAbN24UxcbGtoj1Ya0S2EkcE48CjSPccjFJ//79d9GTxapVq5ru379f4CsgC8GaVq9efYWeSLB2AnYcx8ZjQE+mG19oaGi1mBxX3cePH+f7GshCnjx5cnrNmjWdYOM2KW2QoZ4C+pdMtouB6ekCP607d+4U+irI1I9CzQgwIEBv5xh1C+i36QkDLkfqVbt+/XqRr4NMj39sg2wV6wcW0nX9bXeB7sVjcbbBhgwZsk9cqXH8qaurO+svIAtpbGwsFc4pYAFMCNgx7gI9lNpluvnhrOlvIAs5duxYJd0cJXs91FWge/NbkG0AOMzF4Lg9GekUMsOlBsEHgQewkW6OvV0B+nMaakJ8DoMuWLCg7e7duwX+CjJ1ueJyBkyAjRQq+8xZoL/HJEt8EEFP8e0heuHvIAspLS0tF7gAIwL0lxxDh0BPoZER4bTHwd2fTYaSwHEmggdSpOZPjoB+nX8jtg/w8JPtW/MFH4anxWq1logHEVhJT/Xr9oAeSwOpYpCkpKTGHmCVhWyMHVLA92M1oHtRRz61zT1Ps7o0NTWVqNjqJEpDo0B/SD1z4nICh5HZdnzc0sxoq4GZ5OH7UAnoCKVzs5lOGvA54ItfunRpi5lcsmVlZedUztXTZKADeOTA9gbOILo2d+7cdnivzLAYcDTAWBILWrJkSWt7e7spfC2IiS5atMhmAYCdFI0JoEAHUi6G2ARBvTLDQuAhRGBBZh0hCtLW1lZsBh2zs7NFpKlDusAEUqA/Ey+MGjUqVyzkzJkz54xeAAK8y5Yta1Hj1eGG1traajjYoC4InYAhAXoiBTpWvCACrfDQ6ckkUhLYYWaPWx0xR/Gzxe5vtPkQlAVgSICOFUAjFPN38UJkZKTtJwr2ppGKw/7CDjtL0wWjFG5MI3VOTk6+DF2AIQEa7oxXBEejk2UkFN+9e3etUQrD7tIotLMyf/78NkSwjdL70KFDnbQLie3UR5ATbX8AW95o+9zc3FwiPGNKkpWVVb93796v1F7Hz9eooERNTc1ZoQewJED/ysIZ77Y/jBs3rli80YjdHL4DcUxSkm3bttULYo49sHEsxeZkxDlf6AAsCdDjAfRs+dqNjVBvphHsK/zdzoAshIFdo/b+qKiodiOIlSL7QLqOz7RQvoZgHWGn15sZBPvqCshOgt1RXl7+Xz3XInggwJKyUS3UkRQREdEofM96KQZ7SpmcroDsLNi4Iuu1ni1bttiIksCSAJ1ooXQCpJgJJqheh3zY0+6A7AzYMIXFxcXleqwJt2l+xGuhV3ELDVsJbjNyPrRWqKKiogx21B7IrkZ0HIGNfBat18X0rhMcaxoIsFCytVAqMzNTUx/HOfZPIXmnWyA7Azb8ELm5uZp6I3fu3Fkr5qPYykC3aw007KVWIDsL9smTJyu0Wt+ePXu+UgM6S7bRWgGNAz0leSuAXOepALAjsIuKijQxIzk5ORfVTEfnZihShHFn13JH1hpkZ8BGkpAWa8TNVW0z3CD+gAR2vAk0VS2UkFPOtARZyL59+xTBBjtUS8eS0vFOtwsL5a3pAbI9sLVymiHUpnBhiQPQX+h1BceYSCRCzA8UWJAl9SLlYAPEvHC94mSgVUqeyhX8i2/w7Ix2KvkCYV3FqRQCoH9nJjepNwsNZ0lu0qEWXm+oi+N/165dtT3guez4r1Zx/H9g2lCWN4qdUFaAqYOz3iR2grPLaBR8ohLdoKSkpLwHxG7TDf7okECTnp5+qQfEbhNofuZVlDCzmw0VSliaTAmzcEJeF5Kj1m5FXxAchZ0lOXoNbdfMKRYKtN2fqxHRNygR0Y0I3fsAET1RjYhu4ekAXVIr9IoheqOg0KFKwtAYt5KF4LTvAbYL4afU3WQhC0/d6pL+BlvtjeV7tMygJf51+WkOdTah80slW33q1KmKHpD/L7jMEdtc4U5C5zeI6TRFGWwif6jP4UgePnzokRRlUetZMekeFW/92YTAZGzdulUt6T6FyWuulpH4rVoZiQMHDvhtGYmjR4/aKyPxG3cr0CxWK4zij0meDQ0N9gqjRPeU+vFQZpiDUj9vdbd41a8p44YWr8LE/rA5wi/PC38rFa/K4VkTHinHFm6vHJsvBwjgvUS0yU45tjBPFxiMUyswGB8f75MFBnGM07vAoCiZmWSnZGaLL9ls5DjSlGi9SmYKeYeer+UisHB++4KnDycqmhmmUAQ2RcsisLSscZpaWWPc+0HB8sZLDXTGHcFBWeM0d7oTuVuo+z0mm+0V6obDxZuq7yLnnNRIsleo+z29S8+jlvRaeszB2ZI2UEDMEfw6M5eeh24oj09zabAG6Zycw4MiPzSqmcIbnLeQQ2+QSs0UkLNiNpChk1yeArpLNz7BzXjD6PYgAbwX1nZH7UHWrl1rRd6f0e1BAPC6deusTrQH2c69cQFmanjzC7pJOmp4g5+rnrWRcIPFnAoFVtQa3qTxNZmyhdMPmCyw08KpSy4J3K6o26TFVR5jYmzModQ3y04LJ7Sh+r43NCX7iJ5KpKZkF9SakuGCkJ2dXQdw4ClzpdI6aqbi/AseCsaglw2FpmQXVJqSbfZk2yY92+x9otTe1JU2e2DQ4+eOqzAKHSLZFNmpqPqLIyQAtZdH7mSbvUyuq9e12ZNPJhPlhmXUjoMUiIuBoAx7QjAWxsTYCvaXujcndvdEYbZWqAjx/J53PbbbCnX48OHHkZogWqEiwwnpZNTk4P/4G14TrVDxGXzWiVaoCVyX13y9ue9PeSeMzTo2993M5/yJP7arFr4TMKQWqZkXNyWDj/mxu/2tfA1omf8Hr1gQ7+c9ncfi4nlr1XTSfD2d/y2evyeCfyaIj2GqBuz/A+HJawv5WNGmAAAAAElFTkSuQmCC');
   background-size: 45px 45px;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
}


/*
---------------------------------------------------------
ARTIKELLISTNING
--------------------------------------------------------- */

/* Artikellista med två toppartiklar */

.lp-article-list .lp-article-list-item {
  width: auto;
  margin: 0 0 20px;
  float: none;
} 

.lp-article-list .lp-article-list-item:nth-child(odd) {
  margin: 0 0 20px;
  clear: none;
} 

.lp-article-big-list-item {
  margin: 0 0 20px;
}

.lp-article-big-list-item.lp-with-image {
   min-height: 70px;
}

.lp-article-big-list-item.lp-with-image img {
  width: 70px;
  margin: 30px 0 10px 10px;
  position: inherit;
  top: inherit;
  left: inherit;
  float: right;
}

.lp-article-big-list-item.lp-with-image h2 {
  margin: 0 0 5px 0;
}

.lp-article-big-list-item.lp-with-image p {
  margin: 0 0 5px 0;
}


/* Filtrerad artikellista */

.lp-article-tag-list .lp-article-list-item {
  margin: 0 0 20px;
}


/*
---------------------------------------------------------
SIDVERKTYG (Topp)
--------------------------------------------------------- */

/* Prenumerera */

.lp-js .sv-simplesubscription-portlet input[type="text"] {
   width: 94%;
}


/*
---------------------------------------------------------
KOMMENTERA
--------------------------------------------------------- */

.sv-comments-portlet li {
  padding: 10px 0;
}


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

.lp-byline {
   padding: 12px 10px;
}


/*
---------------------------------------------------------
TEMARUTA PÅ STARTSIDAN
--------------------------------------------------------- */

.lp-start-theme-box {
    height: auto;
    position: inherit;
    margin: 20px 0 0;
}

.lp-start-theme-box > div {
    padding: 20px 20px 30px;
    position: inherit;
}

.lp-start-theme-box-links ul {
    border-left: none;
    background-repeat: repeat-x;
    padding: 20px 0 0;
}

.lp-start-news-list li {
    display: block;
    padding: 0 !important;
    width: 100% !important;
}

/*
---------------------------------------------------------
NYHETER PÅ STARTSIDAN
--------------------------------------------------------- */

.lp-start-news-list ul {
   margin: 0;
}

.lp-start-news-list li {
   width: 100%;
   float: none;
}

.lp-start-news-list .sv-archive-portlet li.sv-channel-item {
   margin: 0 0 15px !important;
}

.lp-start-news-list .sv-archive-portlet img {
   height: 70px !important;
   width: 70px !important;
   margin: 10px 0 10px 10px;
}


/*
---------------------------------------------------------
SKL TYCKER PÅ STARTSIDAN
--------------------------------------------------------- */

.sv-responsive .lp-start-skl-thinks img {
   float: right;
   width: 60px !important;
   height: 60px !important;
   margin: 0 0 0 10px;
}


/*
---------------------------------------------------------
INGÅNGSSIDA: KURSER OCH KONFERENSER (LISTNING AV KALENDERHÄNDELSER)
--------------------------------------------------------- */

.lp-events-search-field + .lp-events-field,
.lp-events-field {
   width: 100%;
   margin: 0 0 12px;

}

.lp-events-broadcast-field {
   padding: 0;
}