/*
---------------------------------------------------------
SIDHUVUD
--------------------------------------------------------- */

header {
   padding: 20px 20px 0;
   border-bottom: 2px solid #f1f1f1;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.lp-logo img {
   display: block;
   height: auto !important;
   width: 245px !important; /* ändra till halva bildbredden för retinaupplösning */
   max-width: 100% !important; /* för skärumupplösning lägre än logotypens bredd */
}

.lp-logo a {
  display: inline-block;
}

.lp-logo a:focus {
  background: #eee;
}


/* Sökikon */
header .sv-horizontal .sv-html-portlet {
  margin-top: 12px;
  padding: 10px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

header .sv-horizontal .lp-icon {
  font-size: 22px;
}

header .sv-horizontal .sv-html-portlet:hover,
header .sv-horizontal .sv-html-portlet:focus {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Sökruta som fälls ut */
header > .sv-layout:last-child {
  width: 100%;
  border-top: 2px solid #f1f1f1;
  margin: 0 -20px;
  padding: 15px;
}

header > .sv-layout:last-child .sv-searchform-portlet {
  width: 370px;
  float: right;
}