/*
=========================================================
BASE CSS
=========================================================
 * Innehåller grundläggande styling och förbättringar för
 * webbplatsen
 * 
 * Copyright (C) 2015 Limepark AB
=========================================================*/


/*
---------------------------------------------------------
FRÅGOR & SVAR
---------------------------------------------------------*/


.lp-question {
	margin: 20px 0 0;
   background-color: #eee;
   color: #444;
   cursor: pointer;
   padding: 18px;
   text-align: left;
   outline: none;
   font-size: 15px;
   transition: 0.4s;	
	position: relative;
}

.lp-question.active,
.lp-question:hover {
      background-color: #ccc;
   }

.lp-question:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
   }

.lp-question.active:after {
    content: "\2212";
   }

/* Svar */

.lpanswer {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*
---------------------------------------------------------
DELA
--------------------------------------------------------- */

.lp-share-page {
   list-style-type: none;
   margin: 10px 0 0;
   padding: 0;
}

.lp-share-page li {
   display: inline-block;
   margin: 0 2px 0 0;
}

.lp-share-page a {
   overflow: hidden;
   display: block;
   width: 22px;
   height: 22px;
   background: #eee no-repeat 50% 50%;
   background-size: 11px auto;
   border: 2px solid #fff;
   border-radius: 50%;
   text-indent: -999px;
   text-decoration: none;
   -webkit-transition: all 150ms ease;
   -moz-transition: all 150ms ease;
   -ms-transition: all 150ms ease;
   -o-transition: all 150ms ease;
   transition: all 150ms ease;
}

.lp-share-page a:hover,
.lp-share-page a:focus {
   border-color: #bbb;
}

.lp-share-page-facebook a {
   background-color: #3d5b96;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAu3dEme4W1WZVM0JpqTsAAABoSURBVCjPY0ACKdG7d+/ewIAGmICCWIS9sQpz7sYqzI5deDZcGNNoQUEBNGFpoKgbAwYAKU7AKryRYcCFOQQFBYHCW4GUAHqYQj1PknABdmEcZivgEcZ04IJBGYKjwiQJGxsbWzEQAADLr6QBXTboDAAAAABJRU5ErkJggg==');
}

.lp-share-page-twitter a {
   background-color: #29a7de;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMA7ndEuzMRIt2IzJlVqmam4tDYAAABJklEQVQoz73Rv0vDQBTA8YexDaKb1NF0ExRJEZ3Fzc2Ii25xFByCq4uos3ZycHETnET9A+zQvf0P2tK/oG0oobS8vtdc7keua/tdkvtw3D04WEDu0Ty993BSo28AUFC6hlQcQr0K0IkknyH3+NML6f8z03UUjWmBSSD4OOP2ATFuamdwk5MSFOlbTodDWZt3Y1JhdqRu0+qbh2JfybTHl/lIjXY0joG6Tv+/uo7BG6hS7EZ+nvvM8b7NFFoNmFsWD5kbFj8wr1pcZXa9PFeAO89pArOK/9Z8nHNrDrPFaN9ZFrtNpfdN+zB4rF5crwlZvqajULL7rrgEWpfaO6pu5m6+8+TJkaAQLnZR9gaiQ9R6IrD9BbSuXsUQf2BU2DtFfP4NYDlNATnA19pg9YMpAAAAAElFTkSuQmCC');
}

.lp-share-page-email a {
   background-color: #555;
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsBAMAAADsqkcyAAAALVBMVEUAAAD///////////////////////////////////////////////////////+hSKubAAAADnRSTlMAuxHuecyqRJlVMyLdZlQgeRAAAADZSURBVCjP1dJBCgFRHMfxrwkTSrK1eYobKFaasncEOcGUbC3EXsoFHIE7KFt3GCMb/zMYZt4wM89S8lu9Pr1+77d4fDO2ZOMrimKIQ9XEYzPPKZj4RMmgngI3yzegbaoGa5TW80PJp5vXKAqKWZLrlIPdXazVu3ZgWKMqDqX+S/0tewn4cWjGGl4K+PnyQOsRy5WQpUE5WnlVbESzdyKvt7UkZrkoptG2kWZdGW6TiPUA2+3t2EuS/R0QbEvys4CKK2mWw9ZeSpJ1fshjciZ2Pv1YJhn1Fvxr7v2NEFv+Dk8GAAAAAElFTkSuQmCC');
}