/*
=========================================================
ARTICLE LIST CSS
=========================================================
 * Innehåller styling av artikellistningar
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
ARTIKELLISTNING MED OCH UTAN BILD
--------------------------------------------------------- */

.lp-article-list {
  margin: 8rem 0 5rem;
}

.lp-article-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 3rem;
}

.lp-article-list li {
  width: 31.62393162393162%;
  margin: 0 0 3rem 2.564102564102564%;
  border: 1px solid #eaeaea;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lp-article-list li:nth-child(3n+1) {
  margin-left: 0;
}

.lp-article-list img {
  display: block;
  padding: 0 !important;
  margin: 0 0 -.5rem;
}

.lp-article-list-content {
  padding: 3.5rem 3rem 1.5rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lp-article-list-content h2 {
  font-size: 2rem;
  margin: 0 0 2rem;
}

.lp-article-list-content .normal,
.lp-article-list-content .litenxtext {
  font-size: 1.6rem;
  display: block;
}

.lp-article-list-content .normal {
  margin: 0 0 2rem;
}

.lp-article-list-content .litenxtext {
  color: #808080;
  padding: 1.5rem 0 0;
  border-top: 1px solid #e7e7e7;
  margin: 3rem 0 0;
}


.lp-article-list li:hover,
.lp-article-list li:focus {
  background: #f7f7f7;
}


/*
---------------------------------------------------------
ARTIKELLISTNING FYRA I RAD
--------------------------------------------------------- */

.lp-article-list-4 li {
  width: 23.076923076923077%;
  margin: 0 0 3rem 2.564102564102564%;
}

.lp-article-list-4 li:nth-child(3n+1) {
  margin-left: 2.564102564102564%;
}

.lp-article-list-4 li:nth-child(4n+1) {
  margin-left: 0;
}