/*
=========================================================
PUBLICATION SEARCHER CSS
=========================================================
 * Innehåller styling för Publikationer
 * 
 * Copyright (C) Limepark AB. 
=========================================================*/


/*
---------------------------------------------------------
SÖK
---------------------------------------------------------*/

.lp-publication-searcher {
   max-width: 100vw;
   overflow: hidden;
}

.lp-publication-searcher__form {
  display: flex;
  margin: 0 -20px 20px;

  flex-wrap: wrap;
}

.lp-publication-searcher__form-element {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
  padding: 0 20px;

  flex: 1 1 1px;
}

.lp-publication-searcher__form-element--query {
  width: 100%;

  flex-basis: 100%;
}

.lp-publication-searcher__form-label {
   display: inline-block;
   margin: 0px 0 7px;
   font-family: 'Flat it yummo webfont',sans-serif;
   font-size: 18px;
   font-weight: 500;
   color: #4e4f4c;
   line-height: 1.5;
}

.lp-publication-searcher__form-element--query .lp-publication-searcher__form-input {
  font-size: 16px;
  line-height: 1.3;
  padding: 20px 70px 20px 20px;
}

.lp-publication-searcher__form-input {
  padding: 15px 30px 15px 20px;
  font-size:16px;
  border: 1px solid rgba(0,0,0,0.5);
  color: #4e4f4c;
}

.lp-publication-searcher__form-input:focus {
   border-color: #008387;
   outline:none;
}

.lp-publication-searcher__form-element--query {
  position: relative;
}

.lp-publication-searcher__form-element--query:after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2030%2030\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23008387\'%3E%3Cpath%20%20d%3D%22M13%203C7.489%203%203%207.489%203%2013s4.489%2010%2010%2010a9.947%209.947%200%200%200%206.322-2.264l5.971%205.971a1%201%200%201%200%201.414-1.414l-5.97-5.97A9.947%209.947%200%200%200%2023%2013c0-5.511-4.489-10-10-10zm0%202c4.43%200%208%203.57%208%208s-3.57%208-8%208-8-3.57-8-8%203.57-8%208-8z%22%2F%3E%3C%2Fsvg%3E');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: 16px;
  content: '';
  display: block;
  height: 30px;
  position: absolute;
  right: 40px;
  width: 30px;
}

.lp-publication-searcher__form-actions {
  padding: 0 20px;
  width: 100%;
  margin:10px 0 0;
}

select.lp-publication-searcher__form-input {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2024%2024\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23008387\'%3E%3Cpath%20%20d%3D%22M21%2011.109c0-1.329-1.481-2.122-2.587-1.385L12%2014%205.587%209.725C4.481%208.988%203%209.78%203%2011.109c0%20.556.278%201.076.741%201.385l7.15%204.766a2%202%200%200%200%202.219%200l7.15-4.766c.462-.309.74-.828.74-1.385z%22%2F%3E%3C%2Fsvg%3E');
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  min-width: 250px;
  position: relative;

  -webkit-appearance: none; /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none;
}

.lp-publication-searcher__form-actions button {
   border: 0px solid rgb(255, 255, 255);
   color: rgb(255, 255, 255);
   border-radius: 2px;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 17px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #008387;
   padding: 10px 30px;
   line-height: 1.4;
   cursor:pointer;
}

.lp-publication-searcher__form-actions button:hover,
.lp-publication-searcher__form-actions button:focus {
   text-decoration:underline;
}


body .lp-publication-searcher__form-autocomplete-select__indicator svg {
   color: #008387;
   height: 17px;
}

body .lp-publication-searcher__form-autocomplete-select__value-container {
   padding: 7px 20px;
}

body .lp-publication-searcher__form-autocomplete-select__placeholder,
body .lp-publication-searcher__form-autocomplete-select__single-value,
body .lp-publication-searcher__form-autocomplete-select__option {
   color: #4e4f4c;
   font-size: 16px;
}

body .lp-publication-searcher__form-autocomplete-select__control {
   border-radius: 0;
   font-size: 16px;
   border: 1px solid rgba(0,0,0,0.5);
   color: #4e4f4c;
   outline: none !important;
   box-shadow:none !important;
}

body .lp-publication-searcher__form-autocomplete-select__control:focus,
body .lp-publication-searcher__form-autocomplete-select__control:hover {
   border-color: #008387 !important;
}

body .lp-publication-searcher__form-autocomplete-select__indicator {
   height: 100%;
   align-items: center;
}

body .lp-publication-searcher__form-autocomplete-select__option:hover,
body .lp-publication-searcher__form-autocomplete-select__option--is-focused {
   background-color:#e2efef;
   color: #4e4f4c;
}

.lp-publication-searcher__query-meta-text {
   color: #4e4f4c;
   margin: 0 0 40px;
}

/*
---------------------------------------------------------
LISTNING
---------------------------------------------------------*/

.lp-publication-searcher__result-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lp-publication-searcher__result-list-item {
  margin: 0 0 15px;
  padding: 20px 15px;
  background:#fff;
}

.lp-publication-searcher__publication-heading {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 6px;
}

.lp-publication-searcher__publication-heading a {
  color: #008387;
  text-decoration: none;
}

.lp-publication-searcher__publication-heading a:hover,
.lp-publication-searcher__publication-heading a:focus {
   text-decoration:underline;
}

.lp-publication-searcher__publication p {
  font-size: 16px;
  margin: 0;
  color: #4e4f4c;
}

.lp-publication-searcher__publication-subjects {
  display: flex;
  font-size: 16px;
  margin: 15px 0 0;

  flex-wrap: wrap;
}

.lp-publication-searcher__publication-subject__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;

  flex-wrap: wrap;
}

.lp-publication-searcher__publication-subjects__label {
  font-weight: 600;
  margin-right: 5px;
  color: #4e4f4c;
}

.lp-publication-searcher__publication-subject__list-item {
  margin-right: 6px;
}

.lp-publication-searcher__publication-subject__list-item a {
   transition: background-color 0.2s ease;
   color: #4e4f4c;
}

.lp-publication-searcher__publication-subject__list-item a:hover,
.lp-publication-searcher__publication-subject__list-item a:focus {
   background-color:#e2efef;
}

.lp-publication-searcher__publication-subject__list-item:after {
  content: ', ';
}

/*
---------------------------------------------------------
PAGINERING
---------------------------------------------------------*/

.lp-publication-searcher__pagination-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;

  flex-wrap: wrap;
}

.lp-publication-searcher__pagination-list li {
  display: flex;
  margin: 0 0 5px;
}

.lp-publication-searcher__pagination-list li a,
.lp-publication-searcher__pagination-list li span {
  background: #fff;
  border: 2px solid #008387;
  border-radius: 0;
  color: #008387;
  font-size: 16px;
  margin-right: 5px;
  padding: 8px 16px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.lp-publication-searcher__pagination-list li a:hover,
.lp-publication-searcher__pagination-list li a.lp-publication-searcher__pagination-link--current {
  background: #008387;
  color: #fff;
}

/*
---------------------------------------------------------
METADATABOX
---------------------------------------------------------*/

body .lp-metadata-box {
   background-color: #fff;
   margin: 30px 0 0;
}

body .lp-metadata-box__list {
   margin: 0;
}

body .lp-metadata-box__name {
   flex: 0 1 auto;
   color: #4e4f4c;
}

body .lp-metadata-box__value {
   color: #4e4f4c;
   margin:0;
}

body .lp-metadata-box__value a {
   transition: background-color 0.2s ease;
}

body .lp-metadata-box__value a:not(.env-button):hover {
   background-color:#e2efef;
}

.lp-metadata-box__list-item.lp-metadata-box__list-item--ladda-ner-pdf {
   flex-direction: column;
}

.lp-metadata-box__list-item.lp-metadata-box__list-item--ladda-ner-pdf .lp-metadata-box__value {
   margin-left: 0;
}

body .lp-metadata-box .env-button {
   border: 0px solid rgb(255, 255, 255);
   color: rgb(255, 255, 255);
   border-radius: 2px;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 17px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-color: #008387;
   padding: 10px 30px;
   line-height: 1.4;
}

body .lp-metadata-box .env-button:hover,
body .lp-metadata-box .env-button:focus{
   text-decoration: underline;
}

.lp-metadata-box__list-item--lppublicationfulltexturl .lp-metadata-box__name {
   display: none;
}


/* Publikation */
.ivl-publication-content #Ingress + .sv-text-portlet-content,
.ivl-publication-content *[data-portlet-title=Ingress] p {
    font-family: arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 120%;
    color: #4e4f4c;
    line-height: 160%;
}

.lp-publication-searcher__publication-meta {
   margin-top: 8px;
   font-size: 15px;
}

.lp-publication-searcher__publication-meta span + span {
   margin-left: 10px;
}

body .lp-metadata-box__list-item {
   flex-direction: column;
   padding-bottom: 10px;
}

/*
---------------------------------------------------------
MOBIL
---------------------------------------------------------*/

@media (max-width:800px) {
  .lp-publication-searcher {
     max-width: calc(100vw - 30px);
	} 
   
   .lp-publication-searcher__publication-heading {
      font-size:22px;
   }
}