/*
=========================================================
RELATED INFO CSS
=========================================================
 * Innehåller styling för relaterad information
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
RELATERAD INFORMATION - KONTAKT
--------------------------------------------------------- */
.lp-related--contact {
  background-color: var(--lp-color-5);
  border: 1px solid var(--lp-color-5);
  border-radius: var(--lp-border-radius);
  clear: both;
  list-style-type: none;
  margin: var(--lp-spacing) 0 0;
  padding: var(--lp-spacing);
}

.lp-related--links {
  background-color: var(--lp-color-4);
  border: 1px solid var(--lp-color-4);
  border-radius: var(--lp-border-radius);
  clear: both;
  list-style-type: none;
  margin: var(--lp-spacing) 0 0;
  padding: var(--lp-spacing);
}

.lp-related--links a {
  text-decoration: none;
  font-weight: 600;
}

.lp-related--links a:hover,
.lp-related--links a:focus {
  text-decoration: underline;
}
.lp-related--links a:after {
  background-image: var(--lp-icon-arrow-right-1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 0.8em;
  margin-bottom: -1px;
  margin-left: 0.5em;
  width: 0.8em;
}

.lp-related h2 {
  margin: 0 0 1rem;
  font-size: 3.2rem;
}

.lp-related h3 {
  margin-bottom: 0;
}

.lp-related ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lp-related .lp-related--links a[href^='http']:after {
  background-image: var(--lp-icon-externallink-dark);
}