@charset "UTF-8";
* {
  box-sizing: border-box; }

body, html {
  margin: 0;
  padding: 0;
  max-width: 100vw;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background-color: #31926f;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  line-height: 2rem;
  background-image: url(/assets/images/background.png);
  background-size: contain;
  background-repeat: no-repeat; }
  .webp body {
    background-image: url(/assets/images/background.webp); }
  .svgasimg body {
    background-image: url(/assets/images/background.svg); }
  body.simple-template {
    background-image: linear-gradient(#a5e4cd, transparent 40%); }

h1,
h2,
h3 {
  color: #b37d57;
  font-family: 'Quicksand', sans-serif; }

h1 {
  font-size: 1.5rem;
  letter-spacing: 0.04rem; }

h2 {
  font-size: 1rem;
  letter-spacing: 0.02rem;
  text-transform: uppercase; }

h3 {
  font-size: 1.17rem; }

a {
  color: #288663; }

body.preload * {
  animation-duration: 0s !important;
  -webkit-animation-duration: 0s !important;
  transition: background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important; }

.header {
  display: flex;
  justify-content: center; }
  .header img {
    width: 70vw;
    max-width: 1040px; }

.content {
  max-width: 1200px;
  margin: 0 auto; }

.content__article {
  position: relative;
  margin-bottom: 1.875rem;
  padding: 1.875rem;
  background-color: rgba(255, 255, 255, 0.95);
  color: #000; }
  @media (min-width: 992px) {
    .content__article {
      padding: 3.125rem 5rem;
      box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1);
      border-radius: 3px; } }
  @media (min-width: 1200px) {
    .content__article {
      min-height: 500px; } }
  .content__article p,
  .content__article li {
    color: #484c3e; }
  .content__article p {
    word-wrap: break-word;
    font-size: 1rem;
    line-height: 1.625; }

.columns {
  display: grid;
  grid-template-columns: 1fr; }

.columns--2 {
  grid-template-columns: 1fr;
  grid-gap: 2rem; }
  @media (min-width: 576px) {
    .columns--2 {
      grid-template-columns: 1fr 1fr; } }

/* page title setting */
.page-title {
  font-size: 3rem;
  color: #b37d57; }

.header1 {
  font-size: 2rem;
  color: #b37d57;
  margin: 3rem 0 2rem 0; }

.header2 {
  font-size: 2rem;
  color: #b37d57;
  margin: 2.5rem 0 1.5rem 0; }

.break {
  margin: 4rem 0;
  border: 1px solid #ddd;
  border-bottom: none; }
  .break--slim {
    margin: 0.5rem 0; }

.button_container--right {
  display: flex;
  justify-content: flex-end; }

.button {
  background-color: #288663;
  color: #fff;
  text-decoration: none;
  font-weight: bolder;
  padding: 1rem 2rem;
  display: inline-block;
  border-radius: 2px;
  transition: all 500ms ease-out;
  position: relative;
  top: 0px;
  right: 0px; }
  .button:hover {
    top: -2px;
    right: -1px;
    box-shadow: -1px 2px 10px 0px #0003; }

.raised-cards {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem; }
  @media (min-width: 768px) {
    .raised-cards {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 2rem;
      grid-row-gap: 2rem; } }

.raised-cards__card {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden; }

.raised-cards__card--clickable {
  cursor: pointer; }

.raised-cards__content {
  padding: 1rem 1.5rem;
  flex-grow: 1; }

.raised-cards__image {
  width: calc(100% - 3rem);
  margin: 1rem 1.5rem; }

.raised-cards__card--clickable::after {
  content: 'Klicka på kortet för att läsa mer...';
  font-style: italic;
  color: #888;
  padding: 1rem 1.5rem; }
  @media (min-width: 1200px) {
    .raised-cards__card--clickable::after {
      display: none; } }

.raised-cards__image--light-border {
  border: 1px solid #ddd; }

/* box title setting */
.box-title {
  font-size: 3rem;
  margin: 5% 10% 1% 10%;
  color: #f2dfc3;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  letter-spacing: 5px;
  transition: text-shadow 1.35s cubic-bezier(0.2, 1, 0.2, 1); }

.box-title:hover {
  text-shadow: 0 0 12px rgba(0, 0, 0, 0.5); }

.box-container {
  display: flex;
  flex-wrap: wrap;
  margin: 1% 5%; }

.box-container p {
  position: relative;
  font-weight: bold;
  margin: 1% auto;
  padding: 2rem;
  color: #f2dfc3;
  background: linear-gradient(to top, #484c3e 0%, transparent 100%);
  box-shadow: inset 0 0 20px transparent;
  border-radius: 5px;
  width: 28%;
  min-width: 350px;
  transition: border-radius 1.35s cubic-bezier(0.2, 1, 0.2, 1); }

.box-container p:hover {
  border-radius: 5px 5px 50px 5px; }

.profile__card {
  margin-bottom: 5rem; }

.profile__card--high {
  order: 1; }

.profile__card--middle {
  order: 2; }

.profile__card--low {
  order: 3; }

.profile__image {
  position: relative;
  margin: 0 auto;
  max-width: 350px; }

.profile__name-tag {
  position: absolute;
  bottom: 2rem;
  left: 0;
  background-color: #f5f9f8d9;
  text-align: center;
  width: 100%;
  line-height: 1.2rem;
  padding: 0.5rem 0; }

.profile__name {
  font-size: 1.1rem;
  font-weight: bold;
  color: #b37d57;
  display: inline-block;
  width: 100%; }

.profile__title {
  font-size: 1rem;
  color: #b37d57;
  display: inline-block;
  width: 100%; }

.profile__picture {
  border-radius: 50%;
  width: 100%; }

.under-construction__image {
  float: left;
  margin-right: 4rem; }

.under_construction__break {
  clear: both;
  margin: 2rem 0;
  border-top: 1px solid #6b6e51; }

.footer {
  flex-direction: column;
  background-size: auto 300px;
  background-image: url(/assets/images/footer.png);
  background-color: #4a4f41;
  background-repeat: repeat-x;
  background-position: top center;
  flex-shrink: 0;
  padding: 19rem 0 1rem;
  margin-top: 0px;
  justify-content: space-between; }
  @media (min-width: 576px) {
    .footer {
      flex-direction: row;
      background-size: 150% auto;
      padding: 15rem 0 4rem; } }
  @media (min-width: 768px) {
    .footer {
      background-size: 100% auto;
      padding: 14rem 0 1rem;
      margin-top: 50px;
      display: flex; } }
  @media (min-width: 992px) {
    .footer {
      padding: 19rem 5rem 1rem; } }
  .webp .footer {
    background-image: url(/assets/images/footer.webp); }
  .svgasimg .footer {
    background-image: url(/assets/images/footer.svg); }
  .footer::before, .footer::after {
    content: none; }
    @media (min-width: 576px) {
      .footer::before, .footer::after {
        display: block;
        width: 15vw;
        flex-shrink: 10; } }
    @media (min-width: 768px) {
      .footer::before, .footer::after {
        display: block;
        width: 25vw;
        flex-shrink: 10; } }
  .footer a,
  .footer a:link,
  .footer a:visited {
    color: #f2dfc3;
    text-decoration: none; }
  .footer a:hover {
    color: #fbf6f0;
    text-decoration: underline; }

.footer__block {
  padding: 0 1.875rem;
  line-height: 1.2em; }
  @media (min-width: 576px) {
    .footer__block {
      width: auto;
      display: inline-block;
      float: left; } }
  @media (min-width: 768px) {
    .footer__block {
      padding: 0; } }

.footer__links {
  list-style-type: none; }

.footer__link {
  margin-bottom: 1em; }

.footer__social-icons {
  display: flex;
  list-style-type: none; }

.footer__social-icon {
  margin-right: 1em; }

.clear {
  clear: both; }

.contact-form__label {
  display: block;
  color: #484c3e; }
.contact-form__input {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  box-shadow: 0px 1px 2px #0003 inset;
  display: block;
  height: 32px;
  min-width: 300px;
  padding: 7px 10px; }
.contact-form__textarea {
  display: block;
  min-width: 300px;
  padding: 7px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  box-shadow: 0px 1px 2px #0003 inset; }
.contact-form button[type='submit'] {
  margin-top: 1rem; }

button {
  outline: none;
  border: none;
  cursor: pointer; }

.hljs {
  line-height: 1.2rem;
  font-size: 12pt;
  font-family: 'source code pro'; }

.main-menu {
  max-width: 1200px;
  margin: 3rem auto 1rem auto;
  display: flex;
  flex-direction: column;
  padding: 0 20px; }
  @media (min-width: 768px) {
    .main-menu {
      justify-content: space-around;
      flex-direction: row; } }
  @media (min-width: 1200px) {
    .main-menu {
      justify-content: space-around;
      flex-direction: row;
      padding: 0; } }
  .main-menu__breadcrumbs {
    margin-right: auto; }
  .main-menu__link {
    text-decoration: none;
    color: #a5e4cd;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.3em;
    transition: color 250ms ease-out, font-size 250ms ease-out;
    flex: 1; }
    @media (min-width: 768px) {
      .main-menu__link {
        text-align: center; } }
    .main-menu__link:hover {
      color: #c7ecdf;
      font-size: 1.4em; }
    .main-menu__link--breadcrumb {
      color: #fff;
      font-size: 1.5em;
      flex: 0;
      transition: none; }
      .main-menu__link--breadcrumb:hover {
        color: #fff;
        font-size: 1.5em; }
      .main-menu__link--breadcrumb::after {
        content: '/';
        display: inline-block;
        text-decoration: none; }
    .main-menu__link--active {
      color: #fff;
      font-size: 1.5em;
      pointer-events: none;
      flex: 0; }
      .main-menu__link--active::after {
        content: none; }

@keyframes hover-left-in {
  0% {
    transform: rotateY(0) translateZ(0); }
  50% {
    transform-origin: left;
    transform: rotateY(-5deg); }
  100% {
    transform: rotateY(0deg) translateZ(45px); } }
@keyframes hover-left-out {
  0% {
    transform: rotateY(0) translateZ(45px); }
  50% {
    transform-origin: left;
    transform: rotateY(-4deg) translateZ(0); }
  100% {
    transform: rotateY(0deg); } }
@keyframes hover-right-in {
  0% {
    transform: rotateY(0) translateZ(0); }
  50% {
    transform-origin: right;
    transform: rotateY(4deg); }
  100% {
    transform: rotateY(0deg) translateZ(45px); } }
@keyframes hover-right-out {
  0% {
    transform: rotateY(0) translateZ(45px); }
  50% {
    transform-origin: right;
    transform: rotateY(3deg) translateZ(0); }
  100% {
    transform: rotateY(0deg); } }
body.bare-template h1 {
  color: #f2dfc3; }

.hero {
  height: 50vh;
  min-height: 200px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: url(/assets/images/only_logo.svg) no-repeat center center;
  background-size: calc(contain - 1rem); }
  .hero::before {
    content: "";
    width: 100vw;
    height: 62vw;
    min-height: 50vh; }

.main-grid {
  display: block;
  background: #fff;
  color: black;
  padding: 2rem;
  margin-top: 5rem; }
  .main-grid .main-grid__more {
    display: block;
    text-decoration: none;
    color: #484C3E; }
  .main-grid .main-grid__paragraph {
    word-wrap: break-word;
    font-size: 1rem;
    line-height: 1.625;
    color: #484C3E; }

@media (min-width: 1200px) {
  .hero {
    overflow: visible; }

  .main-grid {
    display: grid;
    grid-template-columns: 9fr 11fr;
    grid-gap: 20px;
    transform: rotate(-5deg);
    position: relative;
    top: 5vh;
    perspective: 1000px;
    margin-bottom: 0;
    padding: 0;
    background: transparent; }
    .main-grid .main-grid__more {
      color: white;
      padding: 1rem 2rem;
      position: relative;
      box-shadow: 0 0 0 rgba(0, 0, 0, 0);
      background-color: rgba(0, 0, 0, 0.1);
      transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
      box-sizing: border-box;
      color: #fff; }
      .main-grid .main-grid__more:hover {
        background-color: rgba(0, 0, 0, 0.25); }
      .main-grid .main-grid__more.main-grid__more--top.main-grid__more--right {
        order: 2; }
      .main-grid .main-grid__more.main-grid__more--top.main-grid__more--left {
        order: 1; }
      .main-grid .main-grid__more.main-grid__more--bottom.main-grid__more--right {
        order: 4; }
      .main-grid .main-grid__more.main-grid__more--bottom.main-grid__more--left {
        order: 3; }
      .main-grid .main-grid__more.main-grid__more--right {
        margin-right: -15%;
        padding-right: 20%;
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.25), transparent);
        animation: hover-right-out 1000ms; }
        .main-grid .main-grid__more.main-grid__more--right:hover {
          box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.25);
          animation: hover-right-in 1000ms;
          transform: rotateY(0deg) translateZ(45px); }
      .main-grid .main-grid__more.main-grid__more--bottom.main-grid__more--right:hover {
        box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.25); }
      .main-grid .main-grid__more.main-grid__more--left {
        margin-left: -10%;
        padding-left: 20%;
        text-align: right;
        background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.25));
        animation: hover-left-out 1000ms; }
        .main-grid .main-grid__more.main-grid__more--left:hover {
          box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
          animation: hover-left-in 1000ms;
          transform: rotateY(0deg) translateZ(45px); }
      .main-grid .main-grid__more.main-grid__more--bottom.main-grid__more--left:hover {
        box-shadow: 3px -3px 10px rgba(0, 0, 0, 0.25); }
    .main-grid .main-grid__paragraph {
      font-size: 1rem;
      line-height: 1.625;
      color: #fff; } }
.price-calculator {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15);
  padding: 1rem 2rem;
  margin: 2rem 0;
  width: 100vw;
  position: relative;
  left: -30px; }
  @media (min-width: 768px) {
    .price-calculator {
      width: auto;
      position: static;
      left: 0px; } }
  .price-calculator__row {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
    flex-direction: column;
    border-bottom: 1px solid #ddd; }
    @media (min-width: 576px) {
      .price-calculator__row {
        flex-direction: row;
        border: none; } }
  .price-calculator__label {
    flex: 4; }
  .price-calculator__input, .price-calculator__select, .price-calculator__container {
    flex: 2;
    padding: 7px 10px;
    height: 32px; }
  .price-calculator__per-year {
    text-align: right;
    flex: 1.2; }
  .price-calculator__total-per-year {
    text-align: right;
    flex: 3;
    vertical-align: bottom;
    line-height: 4rem; }
  .price-calculator__per-month {
    text-align: right;
    flex: 1.2;
    display: none; }
    @media (min-width: 576px) {
      .price-calculator__per-month {
        display: inline-block; } }
  .price-calculator__select {
    width: calc(100% + 20px);
    margin-left: -10px; }
    @media (min-width: 576px) {
      .price-calculator__select {
        top: -9px;
        position: relative; } }
  .price-calculator__input, .price-calculator__select {
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 2px #0003 inset; }
    .price-calculator__input--placeholder, .price-calculator__select--placeholder {
      display: none; }
      @media (min-width: 576px) {
        .price-calculator__input--placeholder, .price-calculator__select--placeholder {
          display: inherit;
          visibility: hidden; } }
    .price-calculator__input[readonly], .price-calculator__select[readonly] {
      pointer-events: none;
      color: #555;
      background: #eee; }
  .price-calculator__example {
    position: relative;
    top: 0px;
    transition: all 250ms ease-in-out; }
    .price-calculator__example:hover {
      top: -2px;
      box-shadow: 0 3px 5px 3px rgba(21, 27, 38, 0.15);
      transition: all 250ms ease-in-out; }
    .price-calculator__example:active, .price-calculator__example--active {
      top: 1px;
      box-shadow: 0 1px 1px rgba(21, 27, 38, 0.15) inset;
      transition: all 50ms ease-in-out; }
      .price-calculator__example:active:hover, .price-calculator__example--active:hover {
        top: 1px;
        box-shadow: 0 1px 1px rgba(21, 27, 38, 0.15) inset; }
    .price-calculator__example--active::before {
      content: "✔";
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 2rem;
      background: green;
      border-radius: 50%;
      width: 3rem;
      height: 3rem;
      text-align: center;
      line-height: 3rem;
      border: 2px solid white;
      box-shadow: 0 0 2px #000;
      color: white; }
  .price-calculator__sprint-cost-breakdown td {
    padding: 0.2em 1em;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  .price-calculator__sprint-cost-breakdown th {
    padding: 0.2em 1em;
    background-color: #ddd;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc; }
    .price-calculator__sprint-cost-breakdown th:last-child {
      border-right: none; }
  .price-calculator__sprint-cost-breakdown tr:last-child td {
    border-bottom: none; }
  .price-calculator__sprint-cost-breakdown td:first-child {
    border-left: none; }

.bolagskraft__heart {
  align-self: center; }
.bolagskraft__logotype-wrapper {
  display: grid;
  grid-row-gap: 1rem;
  justify-items: center;
  margin: 4rem 0; }
  .bolagskraft__logotype-wrapper * {
    max-width: 100%; }
  @media (min-width: 600px) {
    .bolagskraft__logotype-wrapper {
      grid-column-gap: 3rem;
      grid-template-columns: 1fr 60px 1fr;
      grid-template-rows: 100px; } }

.blog-template .content__article {
  padding-top: 0; }

.blog-template blockquote {
  margin: 0 -2rem;
  padding: .1rem 2rem;
  border-radius: 5px;
  font-style: italic;
  background-color: #f2dfc355; }

.blog-template blockquote p {
  font-size: .8rem; }

.blog-template .footnotes {
  padding-top: 1rem; }

.blog-template .footnotes::before {
  content: 'Footnotes';
  font-size: 1.5rem;
  font-weight: bold;
  color: #b37d57;
  font-family: 'Quicksand', sans-serif; }

.blog-template .footnotes ol {
  padding: 0; }

.blog-template .footnotes,
.blog-template .footnotes p {
  font-size: .8rem;
  margin: 0; }

.blog-template hr {
  border: none;
  border-top: 1px solid #b37d57; }

.blog-template p > code {
  font-family: 'source code pro';
  background-color: #eee;
  font-size: .8rem;
  padding: .1rem .5rem .2rem;
  border-radius: 3px; }

.blog-list {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  --border-color: #c5bcaf; }

.blog-list__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  cursor: pointer;
  padding: 1.5rem 2rem;
  margin-top: 20px;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(21, 27, 38, 0.15); }
  @media (min-width: 576px) {
    .blog-list__item {
      flex-direction: row;
      margin-top: 0; } }

.blog-list__item:first-child {
  margin-top: 0; }

.blog-list__item::after {
  content: '';
  width: 2px;
  position: absolute;
  top: -1px;
  left: calc( 50% - 2px );
  height: calc( 100% + 2px );
  background-color: #c6bcae;
  border: 1px solid #9e958a;
  border-top: none;
  border-bottom: none;
  opacity: .25; }
  @media (min-width: 576px) {
    .blog-list__item::after {
      left: 147px; } }

.blog-list__item:nth-child(4n+1)::after {
  left: unset;
  right: calc( 50% - 2px ); }
  @media (min-width: 576px) {
    .blog-list__item:nth-child(4n+1)::after {
      right: 147px; } }

.blog-list__item::before {
  content: '';
  width: 2px;
  position: absolute;
  top: -22px;
  right: calc( 50% - 2px );
  height: 21px;
  background-color: #c6bcae;
  border: 1px solid #9e958a;
  border-top: none;
  border-bottom: none; }
  @media (min-width: 576px) {
    .blog-list__item::before {
      right: 147px;
      content: unset; } }

.blog-list__item:first-child::before {
  content: '';
  width: 2px;
  position: absolute;
  top: -22px;
  right: calc( 50% - 2px );
  height: 21px;
  background-color: #c6bcae;
  border: 1px solid #9e958a;
  border-top: none;
  border-bottom: none; }
  @media (min-width: 576px) {
    .blog-list__item:first-child::before {
      right: 147px; } }

.blog-list__picture {
  order: 1;
  margin: 0;
  z-index: 1; }
  @media (min-width: 576px) {
    .blog-list__picture {
      margin: 0 2rem 0 0; } }

@media (min-width: 576px) {
  .blog-list__item:nth-child(4n+1) .blog-list__picture {
    order: 2;
    margin: 0 0 0 2rem; } }

.blog-list__bullet {
  width: 100%;
  height: 100px; }

.blog-list__bullet circle {
  stroke-width: 1;
  fill: #c6bcae;
  stroke: #9e958a;
  cx: calc( 50% );
  cy: 80px;
  r: 10.5px; }
  @media (min-width: 576px) {
    .blog-list__bullet circle {
      cx: calc( 100% - 150px ); } }

.blog-list__cable {
  display: none;
  height: 50px;
  width: calc( 100% - 296px );
  margin: 0 auto; }
  @media (min-width: 576px) {
    .blog-list__cable {
      display: block; } }

.blog-list__cable:nth-child(4n+2) {
  transform: scale(-1, 1); }

.blog-list__cable:last-child {
  display: none; }

.blog-list__cable--primary {
  stroke: #c6bcae;
  stroke-width: 3px;
  fill: transparent; }

.blog-list__cable--shadow {
  stroke: #9e958a;
  stroke-width: 5px;
  fill: transparent; }

.blog-list__image {
  max-width: 250px;
  width: 100%;
  z-index: 1;
  border-radius: 3px; }
  @media (min-width: 576px) {
    .blog-list__image {
      width: auto; } }

.blog-list__description {
  order: 1;
  max-width: 100%; }

.blog-list__title {
  margin-top: 0; }

.blog-list__meta {
  border-top: 1px solid #ddd;
  padding-top: 1rem;
  font-style: italic;
  font-size: .9rem;
  color: #555; }

.blog-list__category {
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  padding: .2rem .5rem;
  white-space: nowrap;
  font-size: .8rem;
  margin: 0 .25rem;
  display: inline-block;
  line-height: 1rem; }

.blog-post__hero {
  height: 60vh;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-bottom: 3rem; }

.blog-post__hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60vh;
  background-size: cover;
  background-position: center;
  background-image: var(--blog-post__image);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 1px solid #ddd; }

.blog-post__title {
  position: relative;
  left: -5rem;
  color: #82593e;
  background-color: #fffa;
  padding: 2rem 5rem;
  font-size: 2rem; }

.blog-footer-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 576px) {
    .blog-footer-nav {
      flex-direction: row; } }

.blog-footer-nav__link:last-child {
  text-align: right; }