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

.lp-header {
  background: #3a3a3a;
  box-shadow: 0 1px 5px rgba(155,155,155,0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lp-header > .lp-logo {
  -webkit-box-align: center;
  align-items: center;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  padding: 0 20px;
  width: 50%;

  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.lp-header > .sv-vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-order: 0;

  -webkit-box-ordinal-group: 1;
  order: 0;
}

.lp-header > .sv-image-portlet + div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;

  -webkit-box-flex: 1;
  -webkit-box-pack: end;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  justify-content: flex-end;
}

.lp-topmenu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-flex: 1;
  -ms-flex: 1 1 1220px;
  flex: 1 1 1220px;
}

.lp-header .lp-logo {
  margin-top: 1rem;
}

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



/* Toggle wrapper */
.lp-header-toggle-wrapper {
  background: #f6f6f3;
  display: block !important;
  text-align: center;
  width: 100%;
}

html.sv-js .lp-header-toggle-component--readspeaker,
html.sv-js .lp-header-toggle-component--translate  {
  display: none;
}

.lp-header-toggle-wrapper .sv-portlet {
  margin: 25px auto;
  width: 634px;
}

/* Lyssna / Readspeaker */
.lp-header-toggle-wrapper .sv-readspeaker_expandingplayer-portlet {
  width: fit-content;
}

/* Google Translate */
.lp-header-translate {
  text-align: center;
}

.lp-header-translate .goog-te-gadget-simple {
  border: 1px solid #dcdcd6;
  border-radius: 10px;
  padding: 10px;
}

.lp-header-toggle-component--readspeaker .normal,
.lp-header-toggle-component--translate .normal {
  margin-top: 1rem!important;
}