@charset "UTF-8";
/*
Theme Name: tandlakartidningen child theme
Theme URI:  https://rhymesthlm.se
Description: A Theme for tandlakartidningen.
Template: tandlakartidningen
Author: Rhyme Sthlm
Author URI: https://rhymesthlm.se
Version: 1.0
*/
/* My Name Parent Theme Styles */
/* --------------------------- */
/**
 * Bootstrap
 */
/**
 * Variables, override bootstrap variables
 */
/**
 * Colors
 */
/**
 * Primary colors
 */
/**
  * Secondary colors
  */
/**
  * Fonts
  */
/**
  * Bootstrap Container
  */
/**
 * Bootstrap
 */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}

.container-fluid, .container-xl, .container-lg, .container-md, .container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1170px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: rgb(0, 63.96, 132.6);
  background-color: rgb(204, 228.6, 255);
  border-color: rgb(183.6, 218.04, 255);
}
.alert-primary hr {
  border-top-color: rgb(158.1, 204.84, 255);
}
.alert-primary .alert-link {
  color: rgb(0, 39.36, 81.6);
}

.alert-secondary {
  color: rgb(56.16, 60.84, 65);
  background-color: rgb(225.6, 227.4, 229);
  border-color: rgb(213.84, 216.36, 218.6);
}
.alert-secondary hr {
  border-top-color: rgb(200.3075090253, 203.6560288809, 206.6324909747);
}
.alert-secondary .alert-link {
  color: rgb(32.5205150215, 35.2305579399, 37.6394849785);
}

.alert-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(212, 237.4, 217.8);
  border-color: rgb(194.8, 230.36, 202.92);
}
.alert-success hr {
  border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.alert-success .alert-link {
  color: rgb(10.9449275362, 45.6950724638, 18.88);
}

.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}
.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}

.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}
.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}
.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}

.alert-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(248, 214.6, 217.8);
  border-color: rgb(245.2, 198.44, 202.92);
}
.alert-danger hr {
  border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.alert-danger .alert-link {
  color: rgb(73.3010989011, 17.6589010989, 22.9898901099);
}

.alert-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}
.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}
.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}

.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0, 98.4, 204) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(30.1449275362, 125.8550724638, 52) !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(211, 158.25, 0) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(189.2151898734, 32.7848101266, 47.7721518987) !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(0, 86.1, 178.5) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(72.5407725322, 78.5858369099, 83.9592274678) !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/**
 * Vendors
 */
/**
 * Base
 */
*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  line-height: 1.6;
}

body {
  font-family: "Roboto-Regular", sans-serif;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
body.open {
  position: fixed;
}
body.search-results, body.search-no-results {
  background-color: #f8f9fb;
}
body.woocommerce-page .entry-content {
  padding-top: 0px;
}

#browser-message {
  display: none;
}
#browser-message.is-ie {
  display: block;
}

.page-template-front-page .page {
  background-color: #f8f9fb;
  padding: 40px 0;
}
@media (max-width: 991.98px) {
  .page-template-front-page .page {
    padding: 30px 0 60px 0;
  }
}

.entry-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto-Bold", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
}
h1.color-white,
h2.color-white,
h3.color-white,
h4.color-white,
h5.color-white,
h6.color-white {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

h1 {
  font-size: 4.4rem;
}
@media (max-width: 1199.98px) {
  h1 {
    font-size: 3rem;
  }
}

h2 {
  font-size: 3.6rem;
}

h3 {
  font-size: 3rem;
}

h4 {
  font-size: 2.2rem;
}

h5 {
  font-size: 2rem;
}

.img-caption {
  margin-top: 12px;
  height: 20px;
  color: #31647d;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: right;
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: inherit;
  cursor: pointer;
}

button {
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
}
button:focus {
  outline: none;
  border: none;
}

p {
  font-family: "Roboto-Regular", sans-serif;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 2rem;
}
@media (max-width: 1199.98px) {
  p {
    font-size: 1.6rem;
  }
}
p.quote {
  font-style: "Roboto-Regular", sans-serif;
  color: #31647d;
  -webkit-text-fill-color: #31647d;
}

.break-container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 17px;
  max-width: 1170px;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .break-container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .break-container {
    max-width: 720px;
  }
}

ol,
ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.paragraph-container ul {
  padding-left: 5%;
  font-size: 2rem;
}
.paragraph-container ul li {
  list-style: disc;
  margin-bottom: 1rem;
}
.paragraph-container a {
  text-decoration: underline;
  color: #136cb1;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.container {
  padding-right: 17px;
  padding-left: 17px;
}

.no-padding {
  padding: 0;
}

.bg-color-black {
  background-color: #1f2124;
}

.color-white {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.color-black {
  color: #1f2124;
  -webkit-text-fill-color: #1f2124;
}

/**
 * Google Fonts
 */
/**
  * Lora Regular / Italic
  */
/* cyrillic-ext */
@font-face {
  font-family: "Lora-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoqJ2mvWc3ZyhTjcV.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Lora-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoqt2mvWc3ZyhTjcV.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Lora-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoqB2mvWc3ZyhTjcV.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Lora-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoqF2mvWc3ZyhTjcV.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lora-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI8MX1D_JOuMw_hLdO6T2wV9KnW-MoFoq92mvWc3ZyhTg.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Lora-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJMkqt8ndeYxZ2JTg.woff") format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Lora-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJFkqt8ndeYxZ2JTg.woff") format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Lora-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJOkqt8ndeYxZ2JTg.woff") format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Lora-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJPkqt8ndeYxZ2JTg.woff") format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Lora-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/lora/v15/0QI6MX1D_JOuGQbT0gvTJPa787z5vBJBkqt8ndeYxZ0.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto-Italic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto-MediumItalic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto-MediumItalic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto-MediumItalic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto-MediumItalic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto-MediumItalic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto-MediumItalic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto-MediumItalic";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto-BoldItalic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto-BoldItalic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto-BoldItalic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto-BoldItalic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto-BoldItalic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto-BoldItalic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto-BoldItalic";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto-Regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto-Medium";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto-Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/**
 * Layout
 */
header {
  font-family: "Roboto-Medium", sans-serif;
  color: #1f2124;
  text-transform: uppercase;
  padding: 17px 0 0;
  border-bottom: 1px solid #eaecef;
  background-color: #ffffff;
  position: static;
  z-index: 10;
}
@media (max-width: 991.98px) {
  header {
    padding: 0;
    height: 70px;
    align-items: center;
    display: flex;
    align-items: center;
    width: 100vw;
  }
}
header .dropdown-toggle {
  overflow: visible;
  display: flex;
  align-items: center;
}
header .dropdown-toggle:after {
  position: relative;
  content: "";
  width: 12px;
  height: 7px;
  border: 0;
  margin-top: -2px;
  margin-left: 13px;
  background: url("/wp-content/themes/socionomen/assets/img/arrow-up-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform-origin: center;
  -moz-transform: rotateZ(-180deg);
  -webkit-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
}
header .dropdown.show .dropdown-toggle:after {
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform-origin: center;
  -moz-transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
header .header-top-row .custom-logo-link {
  display: flex;
  align-items: flex-end;
  max-width: 270px;
  margin-top: 18px;
}
@media (max-width: 991.98px) {
  header .header-top-row .custom-logo-link {
    max-width: 170px;
    margin-top: 0;
  }
}
header .header-top-row .custom-logo-link img {
  object-fit: contain;
  width: 100%;
}
@supports (-moz-appearance: none) {
  header .header-top-row .custom-logo-link img {
    height: 59px;
  }
}
@media (min-width: 992px) {
  header .header-bottom-row {
    margin-top: 20px;
    position: static;
  }
  header .header-bottom-row .navbar {
    padding: 0;
    width: 100%;
    position: static;
  }
  header .header-bottom-row .navbar .navbar-inner {
    width: 100%;
  }
  header .header-bottom-row .navbar .navbar-inner.show {
    display: none;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav {
    width: 100%;
    padding: 0;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .nav-item:last-child .dropdown-toggle {
    display: flex;
    justify-content: center;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .nav-item:last-child .dropdown-toggle:after {
    background: url("/wp-content/themes/socionomen/assets/img/hamburger-soc.svg");
    width: 26px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .nav-item .nav-link {
    padding: 2px 0 40px !important;
    transition: all 0.15s ease;
    border: 0;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .nav-item .nav-link:hover {
    box-shadow: 0 -4px 0 0 #d4dae3 inset;
    -webkit-box-shadow: 0 -4px 0 0 #d4dae3 inset;
    -moz-box-shadow: 0 -4px 0 0 #d4dae3 inset;
  }
  header .header-bottom-row .navbar .navbar-inner .current-menu-item .nav-link {
    box-shadow: 0 -4px 0 0 #31647d inset !important;
    -webkit-box-shadow: 0 -4px 0 0 #31647d inset !important;
    -moz-box-shadow: 0 -4px 0 0 #31647d inset !important;
  }
  header .header-bottom-row .navbar .navbar-inner .dropdown-toggle[aria-expanded=true] {
    box-shadow: 0 -4px 0 0 #31647d inset !important;
    -webkit-box-shadow: 0 -4px 0 0 #31647d inset !important;
    -moz-box-shadow: 0 -4px 0 0 #31647d inset !important;
  }
  header .header-bottom-row .nav-item {
    margin-right: 40px;
  }
  header .header-bottom-row .nav-item:last-child {
    margin-left: auto;
    margin-right: 0;
  }
  header .header-bottom-row .dropdown {
    position: static;
    z-index: 10;
  }
  header .header-bottom-row .dropdown .dropdown-toggle {
    position: relative;
  }
  header .header-bottom-row .dropdown .dropdown-outer {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 10;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    background-color: #1f2124;
    display: flex;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu {
    width: 100%;
    background-color: transparent;
    font-size: 1.6rem;
    padding: 30px 15px;
    border-radius: 0;
    border: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto auto;
    -ms-grid-rows: auto auto auto auto auto;
    grid-auto-flow: column;
    -ms-grid-auto-flow: column;
    margin: 0 auto;
    position: static;
    transform: translateY(-20px);
    -moz-transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    opacity: 0;
    visibility: hidden;
    max-width: 960px;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu {
    max-width: 1170px;
  }
}
@media (min-width: 992px) {
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu.show {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: grid;
    display: -ms-grid;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu .menu-item {
    display: block;
    margin-right: 0;
    padding: 10px 0;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu .menu-item:last-child {
    margin-left: 0;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu .menu-item .dropdown-item {
    display: inline-block;
    width: auto;
    padding: 5px 10px 5px 0;
    text-align: inherit;
    border: 0;
    color: #ffffff;
    font-family: "Roboto-Bold", sans-serif;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu .menu-item .dropdown-item:hover {
    background-color: transparent;
    text-decoration: underline;
  }
}
@media (max-width: 991.98px) {
  header .header-bottom-row {
    margin-top: 0;
    position: static;
  }
  header .navbar-toggler {
    position: relative;
    padding: 0;
    line-height: 1;
    background-color: transparent;
    border: 0;
    border-radius: 0;
  }
  header .navbar-toggler > img {
    width: 26px;
  }
  header .navbar-toggler.open + .navbar-inner {
    opacity: 1;
    visibility: visible;
  }
  header .navbar {
    padding: 0;
    justify-content: flex-end;
    width: 100%;
    position: static;
  }
  header .navbar .navbar-inner {
    transition: top 0.2s ease-in-out;
    position: fixed;
    top: 0;
    z-index: 10;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    background-color: #ffffff;
    top: 70px;
    opacity: 0;
    visibility: hidden;
    overflow: scroll;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
  header .navbar .navbar-inner .nav-link {
    margin-left: 17px;
    padding: 17px 0;
  }
  header .navbar .navbar-inner .navbar-nav {
    margin-top: 17px;
    max-width: 720px;
    padding: 0 17px;
    width: 100%;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-toggle {
    display: flex;
    align-items: center;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-toggle:after {
    margin: 0 17px 0 auto;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  header .navbar .navbar-inner .navbar-nav {
    max-width: 540px;
  }
}
@media (max-width: 991.98px) {
  header .navbar .navbar-inner .navbar-nav > .nav-item {
    border-bottom: 1px solid #d4dae3;
  }
  header .navbar .navbar-inner .navbar-nav > .nav-item:last-child {
    border: 0;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu {
    background-color: #1f2124;
    min-width: auto;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 17px 0;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu .nav-item {
    border: 0;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu .dropdown-item {
    display: inline-block;
    padding: 17px 0 17px 34px;
    font-size: 1.4rem;
    text-align: inherit;
    border: 0;
    color: #ffffff;
    font-family: "Roboto-Bold", sans-serif;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
  }
}
header .login-container,
header .login-container-mobile {
  height: 20px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 991.98px) {
  header .login-container,
  header .login-container-mobile {
    height: auto;
    margin: 45px 0 115px 0;
    max-width: 540px;
    width: 100%;
  }
}
header .login-container a,
header .login-container-mobile a {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 0;
}
@media (max-width: 991.98px) {
  header .login-container a,
  header .login-container-mobile a {
    margin-left: 34px;
    margin-bottom: 23px;
  }
}
header .login-container a:last-child,
header .login-container-mobile a:last-child {
  margin-left: 40px;
}
@media (max-width: 991.98px) {
  header .login-container a:last-child,
  header .login-container-mobile a:last-child {
    margin-left: 34px;
    margin-bottom: 0;
  }
}
header .login-container a:last-child img,
header .login-container-mobile a:last-child img {
  height: 16px;
}
header .login-container a span,
header .login-container-mobile a span {
  font-size: 1.2rem;
  font-family: "Roboto-Bold", sans-serif;
}
header .login-container img,
header .login-container-mobile img {
  height: 18px;
  margin-right: 5px;
}
@media (max-width: 991.98px) {
  header .login-container,
  header .login-container-mobile {
    flex-direction: column;
  }
}
@media (max-width: 991.98px) {
  header .login-container {
    display: none;
  }
}

footer {
  padding-top: 60px;
  background-color: #1f2124;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  footer {
    padding-top: 0;
  }
}
footer h3 {
  margin-bottom: 20px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
}
footer p {
  font-size: 1.4rem;
}
footer a {
  font-size: 1.4rem;
  line-height: 35px;
  font-weight: bold;
  text-decoration: underline;
}
footer a:hover {
  color: inherit;
}
footer .image {
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
footer .image:hover {
  -ms-filter: brightness(1.5);
  filter: brightness(1.5);
}
@media (max-width: 767.98px) {
  footer .footer-column {
    padding-bottom: 20px;
  }
}
footer .social-media-container {
  margin-top: 25px;
}
footer .social-media-container .widget_media_image {
  margin-right: 15px;
}
footer .copy-right-container {
  padding: 30px;
  opacity: 0.5;
}
@media (max-width: 767.98px) {
  footer .desktop-footer {
    display: none;
  }
}
footer .mobile-footer {
  display: none;
}
@media (max-width: 767.98px) {
  footer .mobile-footer {
    display: block;
  }
}
footer .accordion {
  width: 100%;
}
footer .accordion .card-header {
  cursor: pointer;
}
footer .accordion .widget-title {
  display: none;
}
footer .accordion .footer-column {
  margin: 0 25px;
}
footer .accordion h3 {
  margin-bottom: 0;
}
footer .accordion .card-header {
  padding: 0 25px;
  border-bottom: none !important;
}
footer .accordion .click-container {
  align-items: center;
  height: 60px;
}
footer .accordion .card {
  margin-left: -15px;
  margin-right: -15px;
  background-color: #1f2124;
  border-bottom: 1px solid #666666 !important;
}
footer .rotate {
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
footer .rotate.down {
  -moz-transform: rotateZ(-180deg);
  -webkit-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
}

.search-form-container {
  margin-left: 25px;
}
@media (min-width: 992px) {
  .search-form-container {
    padding: 0px 0 34px !important;
  }
}
@media (max-width: 767.98px) {
  .search-form-container {
    display: none;
  }
}

.search-form-header {
  display: flex;
  align-items: center;
  height: 27px;
  border-bottom: 1px solid #989898;
}
.search-form-header input {
  border: none;
}
.search-form-header input:focus {
  outline: none;
}
.search-form-header input[type=text] {
  width: 50px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.89px;
  line-height: 22px;
  transition: all 0.2s ease-in-out;
}
.search-form-header input[type=text]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #666666;
  font-family: "Roboto-Medium", sans-serif;
}
.search-form-header input[type=text]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #666666;
  opacity: 1;
  font-family: "Roboto-Medium", sans-serif;
}
.search-form-header input[type=text]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #666666;
  opacity: 1;
  font-family: "Roboto-Medium", sans-serif;
}
.search-form-header input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666666;
  font-family: "Roboto-Medium", sans-serif;
}
.search-form-header input[type=text]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666666;
  font-family: "Roboto-Medium", sans-serif;
}
.search-form-header input[type=text]::placeholder {
  /* Most modern browsers support this now. */
  color: #666666;
  font-family: "Roboto-Medium", sans-serif;
}
.search-form-header input[type=text]:focus {
  width: 200px;
  letter-spacing: 0;
}
.search-form-header input[type=text]:focus::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #989898;
  font-family: "Roboto-Regular", sans-serif;
}
.search-form-header input[type=text]:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #989898;
  opacity: 1;
  font-family: "Roboto-Regular", sans-serif;
}
.search-form-header input[type=text]:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #989898;
  opacity: 1;
  font-family: "Roboto-Regular", sans-serif;
}
.search-form-header input[type=text]:focus:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #989898;
  font-family: "Roboto-Regular", sans-serif;
}
.search-form-header input[type=text]:focus::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #989898;
  font-family: "Roboto-Regular", sans-serif;
}
.search-form-header input[type=text]:focus::placeholder {
  /* Most modern browsers support this now. */
  color: #989898;
  font-family: "Roboto-Regular", sans-serif;
}
.search-form-header input[type=submit] {
  background: url("/wp-content/themes/socionomen/assets/img/search-icon.svg");
  border: 0;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  object-fit: contain;
  cursor: pointer;
  padding: 10px;
}

.search-form-container-mobile {
  display: none;
  padding: 17px 16px;
  background-color: #eaecef;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767.98px) {
  .search-form-container-mobile {
    display: block;
  }
}
.search-form-container-mobile .search-button {
  width: 100%;
  max-width: 82px;
  height: 40px;
  background-color: #31647d;
  text-transform: uppercase;
  font-size: 1.6rem;
  border-radius: 30px;
  line-height: 22px;
  font-family: "Roboto-Medium", sans-serif;
  color: #ffffff;
  margin-left: 8px;
}
.search-form-container-mobile .search-form-mobile {
  display: flex;
}
.search-form-container-mobile .search-form-mobile .field {
  height: 41px;
  width: 100%;
  border: 1px solid #d4dae3;
  border-radius: 24px;
  background-color: #ffffff;
  background-image: url("/wp-content/themes/socionomen/assets/img/search-icon.svg");
  background-position: calc(100% - 16px) 50%;
  background-repeat: no-repeat;
  padding-left: 21px;
}
.search-form-container-mobile .search-form-mobile .field:focus {
  outline: none;
}
.search-form-container-mobile.hide {
  margin-top: -75px;
}

.search-icons-container {
  margin-left: 18px;
  cursor: pointer;
  display: none;
}
@media (max-width: 767.98px) {
  .search-icons-container {
    display: block;
  }
}

.category-date-container {
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: normal;
}
.category-date-container span {
  color: #31647d;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.category-date-container .date-span {
  line-height: 22px;
  position: relative;
}
@media (max-width: 991.98px) {
  .category-date-container .date-span {
    font-size: 1.2rem;
    letter-spacing: 1px;
  }
}
.category-date-container .cat-span {
  height: 22px;
  padding: 0 8px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin-right: 12px;
  box-sizing: border-box;
  border: 1px solid #31647d;
  border-radius: 3px;
  background-color: #ffffff;
  cursor: pointer;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 991.98px) {
  .category-date-container .cat-span {
    height: 22px !important;
    font-size: 1.2rem !important;
    letter-spacing: 1px !important;
  }
}
.category-date-container .cat-span:hover {
  background-color: #31647d;
  color: #ffffff;
}

/**
 * Modules
 */
/**
 * Modules : form
 */
.soc-form-row {
  font-family: "Roboto-Regular", sans-serif;
}
.soc-form-row .nf-form-content label {
  text-transform: uppercase;
  color: #1f2124;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.2rem;
  line-height: 22px;
  font-weight: unset;
}
.soc-form-row .soc-button {
  display: flex;
  justify-content: center;
  min-width: 100px;
  max-width: 300px;
  padding: 13px;
  border-radius: 30px;
  background-color: #31647d !important;
  text-transform: uppercase;
  color: #ffffff !important;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.6rem;
  margin-left: auto;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .soc-form-row .soc-button {
    max-width: 100%;
    width: 100% !important;
  }
}
.soc-form-row .soc-button:hover {
  background-color: #136cb1 !important;
  color: #ffffff !important;
}
@media (max-width: 767.98px) {
  .soc-form-row .soc-button {
    width: 100%;
    max-width: 100%;
  }
}
.soc-form-row input:not([type=button]) {
  height: 48px !important;
  border: 1px solid #d4dae3 !important;
  border-radius: 3px !important;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05) !important;
  background: no-repeat scroll 20px 16px;
  font-size: 1.6rem !important;
  font-family: "Roboto-Regular", sans-serif;
  background-color: unset !important;
  color: #1f2124 !important;
}
.soc-form-row .nf-form-content textarea.ninja-forms-field {
  background-color: unset !important;
  border: 1px solid #d4dae3 !important;
  border-radius: 3px !important;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05) !important;
  background: no-repeat scroll 20px 16px;
  font-size: 1.6rem !important;
  font-family: "Roboto-Regular", sans-serif;
  color: #1f2124 !important;
}
.soc-form-row .nf-error input {
  border-color: #e92b5e !important;
}
.soc-form-row .nf-error-msg {
  color: #e92b5e !important;
  font-size: 1.2rem;
  font-family: "Roboto-Regular", sans-serif;
}
.soc-form-row .nf-response-msg {
  margin: 10px 0;
  color: #00ab88;
}
.soc-form-row .ninja-forms-req-symbol {
  color: #e92b5e;
}
.soc-form-row .nf-error.field-wrap .nf-field-element:after {
  display: none;
}
.soc-form-row .nf-pass.field-wrap .nf-field-element:after {
  color: #00ab88;
}

/**
 * Modules : pages
 */
.page .page-header-hero {
  min-height: 400px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 991.98px) {
  .page .page-header-hero {
    min-height: 300px;
  }
}
.page .page-header-hero .container {
  height: 100%;
}
.page .page-header-hero .container h1 {
  font-size: 4rem;
  color: #ffffff;
  padding-bottom: 80px;
}
@media (max-width: 991.98px) {
  .page .page-header-hero .container h1 {
    padding-bottom: 30px;
    font-size: 3.6rem;
  }
}
.page .page-fastlinks {
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page .page-fastlinks .button-block {
  margin-bottom: 80px;
}
@media (max-width: 767.98px) {
  .page .page-fastlinks .button-block {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.page .page-fastlinks .button-block h2 {
  margin: 30px 0;
}
@media (max-width: 1199.98px) {
  .page .page-fastlinks .button-block h2 {
    margin: 20px 0;
  }
}
.page .page-fastlinks .button-block hr {
  border-top: 1px solid transparent;
  margin: 60px 0 0;
  width: 100%;
}
.page .page-fastlinks .button-block button {
  height: 60px;
  padding: 0 30px;
  border-radius: 30px;
  background: #f5f7fa;
  border: 2px solid #31647d;
  min-width: 200px;
  margin: 0 20px;
  font-size: 2rem;
}
@media (max-width: 991.98px) {
  .page .page-fastlinks .button-block button {
    height: 40px;
    padding: 0 20px;
    border-radius: 20px;
    min-width: 160px;
    margin: 0 15px;
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .page .page-fastlinks .button-block button {
    height: 50px;
    padding: 0 25px;
    border-radius: 25px;
    min-width: 200px;
    margin: 10px 0;
    font-size: 2rem;
  }
}
.page .page-fastlinks .button-block button:hover {
  background: #31647d;
}
.page .page-fastlinks .button-block button:hover a {
  color: #ffffff;
}
.page .page-fastlinks .button-block button a {
  color: #31647d;
  font-family: "Roboto-Medium", sans-serif;
}
.page .publisher-container {
  width: 100%;
  background-color: #eaecef;
  color: #1f2124;
}
.page .publisher-container .row {
  padding: 60px 0;
}
.page .publisher-container .row img {
  object-fit: cover;
  width: 330px;
  height: 380px;
}
@media (max-width: 991.98px) {
  .page .publisher-container .row img {
    width: 230px;
    height: 280px;
  }
}
.page .publisher-container .row h3 {
  margin-top: 2rem;
}
.page .publisher-container .row span {
  font-size: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 991.98px) {
  .page .publisher-container .row span {
    font-size: 1.6rem;
  }
}
.page .publisher-container .row a {
  font-family: "Roboto-Medium", sans-serif;
  color: #31647d;
  text-decoration: underline;
  font-size: 2rem;
}
@media (max-width: 991.98px) {
  .page .publisher-container .row a {
    font-size: 1.6rem;
  }
}
.page .publisher-container .row .inner-info {
  display: flex;
  flex-direction: column;
}
.page .publisher-container .row .inner-contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 380px;
}
@media (max-width: 991.98px) {
  .page .publisher-container .row .inner-contact {
    height: 280px;
  }
}
@media (max-width: 767.98px) {
  .page .publisher-container .row .inner-contact {
    height: auto;
    margin-top: 40px;
  }
}
.page .publisher-container .row .inner-contact h2 {
  font-size: 3.6rem;
  margin-bottom: 1.8rem;
}
.page .publisher-container .row .inner-contact a {
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.page .publisher-container .row .inner-contact a:after {
  position: absolute;
  content: "";
  width: 21px;
  height: 14px;
  background-image: url("/wp-content/themes/socionomen/assets/img/arrow_icon_blue.svg");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  margin-left: 12px;
}
.page .publisher-container .row .inner-contact p {
  margin-bottom: 1.8rem;
  font-size: 2rem;
}
@media (max-width: 991.98px) {
  .page .publisher-container .row .inner-contact p {
    font-size: 1.6rem;
  }
}

.no-posts {
  padding: 30px 0;
}
@media (max-width: 991.98px) {
  .no-posts {
    font-size: 2rem;
    padding: 0;
  }
}

.error-container {
  padding: 60px 0;
}
.error-container h1 {
  font-size: 64px;
}

.category-columns-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 992px) {
  .category-columns-wrapper {
    max-width: 1260px;
  }
}
@media (max-width: 991.98px) {
  .category-columns-wrapper {
    flex-direction: column;
  }
}

.articles-column-container {
  display: flex;
  flex-direction: column;
}
.articles-column-container:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 991.98px) {
  .articles-column-container:not(:last-child) {
    margin-right: auto;
  }
}
.articles-column-container h4 {
  margin-bottom: 20px;
  margin-top: 24px;
  font-size: 2.2rem;
  letter-spacing: 0;
  line-height: 34px;
}
@media (max-width: 767.98px) {
  .articles-column-container h4 {
    font-size: 2.6rem;
  }
}

.article-container {
  height: 92px;
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  border-radius: 3px;
  border: 1px solid #eaecef;
  background-color: #ffffff;
}
@media (max-width: 991.98px) {
  .article-container {
    height: 136px;
  }
}
@media (max-width: 767.98px) {
  .article-container {
    height: 96px;
  }
}
.article-container h2 {
  font-size: 1.6rem;
  letter-spacing: -0.2px;
  line-height: 20px;
}
@media (max-width: 1199.98px) {
  .article-container h2 {
    letter-spacing: 0;
  }
}
.article-container:hover h2 {
  text-decoration: underline;
}

.category-column-img {
  width: 35%;
  height: 90px;
  object-fit: cover;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media (max-width: 991.98px) {
  .category-column-img {
    height: 134px;
  }
}
@media (max-width: 767.98px) {
  .category-column-img {
    height: 94px;
  }
}

.category-column-content {
  height: 90px;
  padding: 10px 16px;
}
@media (max-width: 991.98px) {
  .category-column-content {
    height: 134px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 8px;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .category-column-content {
    height: 94px;
  }
}
.category-column-content span {
  display: flex;
  font-size: 0.9rem;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin-right: 10px;
  margin-bottom: 5px;
  color: #31647d;
  font-family: "Roboto-Bold", sans-serif;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.category-column-content .category {
  letter-spacing: 0.75px;
}
@media (max-width: 767.98px) {
  .category-column-content .category {
    display: none;
  }
}

.no-featured-image {
  justify-content: center;
  padding: 12px 17px;
}
.no-featured-image .category-container span {
  border: 1px solid #31647d;
}
.no-featured-image > div > span {
  color: #31647d;
}

.link-to-page {
  color: #31647d;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: -0.4px;
  line-height: 30px;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .link-to-page {
    text-align: right;
  }
}

.desktop-title {
  display: block;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .desktop-title {
    display: none;
  }
}

.mobile-title {
  display: none;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .mobile-title {
    display: block;
  }
}

.featured-content-container {
  padding: 28px;
  max-width: 374px;
  width: 100%;
  border: 1px solid #eaecef;
  border-radius: 3px;
  background-color: #ffffff;
}
@media (max-width: 991.98px) {
  .featured-content-container {
    max-width: none;
  }
}
.featured-content-container .header {
  padding: 0;
  color: #1f2124;
  border-bottom: 1px solid #eaecef;
  background-color: #ffffff;
}
.featured-content-container .cat-span {
  height: 16px;
  font-size: 0.8rem;
  letter-spacing: 0.67px;
}

.featured-item {
  padding-top: 10px;
}
@media (max-width: 991.98px) {
  .featured-item {
    padding-bottom: 2px;
  }
  .featured-item:not(:last-child) {
    border-bottom: 1px solid #eaecef;
  }
}
.featured-item h4 {
  margin-bottom: 8px;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1.6rem;
  letter-spacing: -0.2px;
  line-height: 20px;
}
.featured-item p {
  margin-bottom: 8px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 15px;
}
.featured-item:hover h4 {
  text-decoration: underline;
}

.heder-medium {
  color: #1f2124;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 2.6rem;
  margin-bottom: 15px;
}
@media (max-width: 767.98px) {
  .heder-medium {
    margin-bottom: 20px;
  }
}

.notis-container {
  position: relative;
  padding: 15px 40px;
  background-color: #ffffff;
  border: 1px solid #eaecef;
  border-radius: 3px;
}
@media (max-width: 991.98px) {
  .notis-container {
    padding: 16px;
  }
}
.notis-container .notis-link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.notis-container:hover h2 {
  text-decoration: underline;
}

.notis-inner-container {
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .notis-inner-container {
    align-items: flex-start;
  }
}
.notis-inner-container .category-date-container.notis {
  margin-bottom: 0 !important;
}
.notis-inner-container .category-date-container.notis span {
  height: 24px;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
@media (max-width: 991.98px) {
  .notis-inner-container .category-date-container.notis span {
    height: 22px;
  }
}
.notis-inner-container h2 {
  margin-left: 60px;
  position: relative;
}
.notis-inner-container h2:before {
  content: "";
  border-left: 1px solid #eaecef;
  position: absolute;
  height: 100%;
  margin-left: -30px;
}
@media (max-width: 991.98px) {
  .notis-inner-container h2 {
    margin-left: 5px;
    font-size: 1.6rem !important;
  }
  .notis-inner-container h2::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.6) * 0.5em);
  }
}
.notis-inner-container a {
  position: relative;
  padding: 0.5rem 0.5rem 0.5rem 0;
  z-index: 2;
}
.notis-inner-container a:hover .cat-span {
  background-color: #31647d;
  color: #fff;
}

.category-page-container {
  background-color: #F8F9FB;
  padding: 60px 0;
}
@media (max-width: 991.98px) {
  .category-page-container {
    padding: 30px 0;
  }
}
.category-page-container .category-page-articlelink {
  margin-bottom: 60px;
}
.category-page-container .category-page-articlelink h3 {
  margin-bottom: 30px;
}
.category-page-container .category-page-articlelink a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.category-page-container .category-page-articlelink a :hover + h3 {
  text-decoration: underline;
}
.category-page-container .category-page-articlelink ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.category-page-container .category-page-articlelink ul li {
  position: relative;
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #eaecef;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  min-height: 120px;
  overflow: hidden;
}
.category-page-container .category-page-articlelink ul li h5 {
  margin: 0;
}
.category-page-container .category-page-articlelink ul li:hover h5 {
  text-decoration: underline;
}
.category-page-container .category-page-articlelink .thumbnail-image {
  position: relative;
  width: 35%;
  max-width: 265px;
  min-height: 180px;
}
@media (max-width: 991.98px) {
  .category-page-container .category-page-articlelink .thumbnail-image {
    min-height: 130px;
  }
}
.category-page-container .category-page-articlelink .thumbnail-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.category-page-container .category-page-articlelink .inner {
  padding: 30px 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 60%;
}
@media (max-width: 1199.98px) {
  .category-page-container .category-page-articlelink .inner {
    padding: 15px;
    max-width: 65%;
  }
}
.category-page-container .category-page-articlelink .inner p {
  color: #666666;
  font-size: 1.2rem;
}
@media (max-width: 991.98px) {
  .category-page-container .category-page-articlelink .inner p {
    display: none;
  }
}
.category-page-container .category-page-articlelink .inner h5 {
  margin-top: 8px;
}
@media (max-width: 1199.98px) {
  .category-page-container .category-page-articlelink .inner h5 {
    font-size: 1.6rem;
    margin-top: 5px 0 0;
  }
}
.category-page-container .category-page-articlelink .inner .category-container {
  display: flex;
  flex-direction: row;
}
.category-page-container .category-page-articlelink .inner .category-container span {
  font-size: 1rem !important;
}
.category-page-container .category-page-articlelink .inner .category-container span:last-child {
  border: 0 !important;
  font-size: 1.2rem !important;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .category-page-container .category-page-articlelink .inner .category-container span:last-child {
    font-size: 1rem !important;
  }
}
@media (max-width: 1199.98px) {
  .category-page-container .category-page-articlelink .inner .category-container span {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .category-page-container .category-page-articlelink .inner .category-container span {
    font-size: 1.2rem;
  }
}

.category-information h3,
.homepage-information h3 {
  margin: 30px 0 20px;
}
.category-information hr,
.homepage-information hr {
  border-top: 1px solid transparent;
  margin: 80px 0 0;
  width: 100%;
}
.category-information.homepage-information,
.homepage-information.homepage-information {
  padding-bottom: 100px;
}
@media (max-width: 991.98px) {
  .category-information.homepage-information,
  .homepage-information.homepage-information {
    padding-bottom: 50px;
  }
}

.flex-container-front-page-article-block {
  display: flex;
}
@media (max-width: 991.98px) {
  .flex-container-front-page-article-block {
    flex-direction: column;
  }
}
.flex-container-front-page-article-block .flex-item-col-1 {
  flex: 8;
  padding-right: 28px;
}
@media (max-width: 991.98px) {
  .flex-container-front-page-article-block .flex-item-col-1 {
    padding-right: 0px;
  }
}
.flex-container-front-page-article-block .flex-item-col-2 {
  flex: 4;
}

.front-page-article-block-article {
  overflow: hidden;
}
.front-page-article-block-article:hover h2,
.front-page-article-block-article:hover h4 {
  text-decoration: underline;
}
.front-page-article-block-article:hover.premium .img-box:after {
  transform: translate3d(4px, 4px, 0);
}
.front-page-article-block-article:hover.premium .img-box:before {
  transform: translate3d(0px, 0px, 0);
}

.front-page-article-block {
  background-color: #ffffff;
  border: 1px solid #eaecef;
  border-radius: 3px;
}
.front-page-article-block .bottom-border {
  height: 1px;
  border-bottom: 1px solid #eaecef;
}
.front-page-article-block .container-bottom-border {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.front-page-article-block .premium .img-box {
  overflow: hidden;
  min-height: 100px;
  min-width: 100px;
  position: relative;
}
.front-page-article-block .premium .img-box:after {
  position: absolute;
  transition: transform 0.15s ease-out;
  top: 5px;
  left: 5px;
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("/wp-content/themes/socionomen/assets/img/prenumerera-badge-inverted.svg");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
.front-page-article-block .premium .img-box:before {
  position: absolute;
  transition: transform 0.15s ease-out;
  content: "";
  z-index: 1;
  transform: translate3d(-4px, -4px, 0);
  border-top: 70px solid #ffde31;
  border-right: 70px solid transparent;
  top: 0;
  left: 0;
}
.front-page-article-block .container {
  padding: 20px 40px;
}
@media (max-width: 767.98px) {
  .front-page-article-block .container {
    padding: 16px;
  }
}
.front-page-article-block .category-date-container .date-span {
  font-size: 1.2rem;
  letter-spacing: 1px;
}
.front-page-article-block .category-date-container .cat-span {
  height: 20px;
  font-size: 0.9rem;
  letter-spacing: 0.75px;
}

.featured-img-front-page-article-block {
  height: 373px;
  width: 100%;
  border-radius: 3px 3px 0 0;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .featured-img-front-page-article-block {
    height: 207px;
  }
}

.front-page-article-block-list-article .article-list-flex-container {
  display: flex;
}
.front-page-article-block-list-article .article-list-flex-container .flex-item-2 {
  display: flex;
  flex-direction: column;
}
.front-page-article-block-list-article img {
  width: 212px;
  height: 138px;
  margin-right: 34px;
  border-radius: 3px;
}
@media (max-width: 991.98px) {
  .front-page-article-block-list-article img {
    max-width: 212px;
    margin-right: 0;
    padding-right: 34px;
  }
}
@media (max-width: 767.98px) {
  .front-page-article-block-list-article img {
    width: 80px;
    max-height: 80px;
    margin-right: 16px;
    padding-right: 0;
  }
}
.front-page-article-block-list-article .excerpt {
  font-size: 1.6rem;
}
.front-page-article-block-list-article .hide-mobile {
  padding-top: 8px;
}
@media (max-width: 991.98px) {
  .front-page-article-block-list-article .hide-mobile {
    display: none;
  }
}
.front-page-article-block-list-article .show-mobile {
  display: none;
  padding-top: 0;
}
@media (max-width: 991.98px) {
  .front-page-article-block-list-article .show-mobile {
    display: flex;
  }
}
@media (max-width: 767.98px) {
  .front-page-article-block-list-article h4 {
    font-size: 2rem;
    line-height: 22px;
  }
}

.front-page-article-block-header {
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 44px;
}
@media (max-width: 991.98px) {
  .front-page-article-block-header {
    font-size: 2.2rem;
    line-height: 30px;
  }
}

.front-page-article-block-excerpt {
  padding-bottom: 40px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 2.6rem;
  letter-spacing: 0;
  line-height: 38px;
  border-bottom: 1px solid #eaecef;
}
@media (max-width: 991.98px) {
  .front-page-article-block-excerpt {
    font-size: 1.6rem;
    line-height: 20px;
  }
}
@media (max-width: 767.98px) {
  .front-page-article-block-excerpt {
    padding-bottom: 20px;
  }
}

.start-page-margin-bottom {
  margin-bottom: 26px;
}

.front-page-article-box .premium .img-box {
  min-height: 100px;
  min-width: 100px;
  position: relative;
}
.front-page-article-box .premium .img-box:after {
  position: absolute;
  top: 5px;
  left: 5px;
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("/wp-content/themes/socionomen/assets/img/prenumerera-badge-inverted.svg");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
.front-page-article-box .premium .img-box:before {
  position: absolute;
  content: "";
  z-index: 1;
  border-top: 60px solid #ffde31;
  border-right: 60px solid transparent;
  top: 0;
  left: 0;
}
.front-page-article-box .container {
  padding: 20px 40px;
}
@media (max-width: 767.98px) {
  .front-page-article-box .container {
    padding: 20px 16px;
  }
}
.front-page-article-box .category-date-container {
  margin-bottom: 15px;
}
.front-page-article-box .category-date-container .date-span {
  font-size: 1.2rem;
  letter-spacing: 1px;
}
.front-page-article-box .category-date-container .cat-span {
  letter-spacing: 0.75px;
}
.front-page-article-box h2 {
  font-size: 2rem;
  line-height: 26px;
}
@media (max-width: 991.98px) {
  .front-page-article-box h2 {
    font-size: 2.2rem;
  }
}
.front-page-article-box p {
  font-size: 1.6rem;
  line-height: 25px;
  padding-top: 15px;
}
@media (max-width: 991.98px) {
  .front-page-article-box p {
    line-height: 25px;
  }
}

.featured-img-front-page-article-box {
  height: 236px;
  width: 100%;
  border-radius: 3px 3px 0 0;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .featured-img-front-page-article-box {
    height: 207px;
  }
}

.front-page-article-box-list-item {
  border: 1px solid #eaecef;
  background-color: #ffffff;
  border-radius: 3px;
}

.front-page-category {
  margin: 60px 0;
}

/**
 * Modules ; posts
 */
.author-container {
  margin-top: 30px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.author-container.extra-margin {
  margin-top: -80px;
}
@media (max-width: 1199.98px) {
  .author-container.extra-margin {
    margin-top: 30px;
  }
}
.author-container p {
  margin: 5px 0 !important;
}
@media (min-width: 1200px) {
  .author-container + .mx-auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 1199.98px) {
  .author-container {
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .author-container p {
    margin: 1px 0 !important;
  }
}
@media (max-width: 991.98px) {
  .author-container {
    margin-left: 0;
    margin-right: 0;
    justify-content: space-between;
  }
}
@media (max-width: 767.98px) {
  .author-container {
    margin-top: 5px;
    padding: 0;
  }
}
.author-container .author-info-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 180px;
}
@media (max-width: 991.98px) {
  .author-container .author-info-container {
    max-width: 130px;
  }
}

@media (max-width: 767.98px) {
  .paragraph-with-author .author-container {
    display: none;
  }
}

.author-box {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.author-box:last-child {
  margin-bottom: 13px;
}
@media (max-width: 1199.98px) {
  .author-box {
    margin-bottom: 5px;
    margin-right: 20px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .author-box:last-child {
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  .author-box {
    margin-right: 0;
  }
}

.author-image {
  border-radius: 50%;
  height: 113px !important;
  width: 113px !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .author-image {
    margin-right: 10px;
  }
}
@media (max-width: 991.98px) {
  .author-image {
    height: 80px !important;
    width: 80px !important;
  }
}
@media (max-width: 767.98px) {
  .author-image {
    height: 70px !important;
    width: 70px !important;
  }
}

.author-name {
  text-transform: uppercase;
  color: #78909c;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1.3rem !important;
  letter-spacing: 1px;
}
@media (max-width: 1199.98px) {
  .author-name {
    letter-spacing: 0;
  }
}

.author-information {
  color: #78909c;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 1rem !important;
}
@media (max-width: 991.98px) {
  .author-information {
    display: none !important;
  }
}

.date {
  color: #316470;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1.4rem !important;
  margin: 0 !important;
}
@media (max-width: 1199.98px) {
  .date.desktop {
    display: none !important;
  }
}
.date.in-mobile {
  display: none !important;
}
@media (max-width: 1199.98px) {
  .date.in-mobile {
    display: block !important;
  }
}

.add {
  display: none;
  justify-content: center;
  margin: 30px 0;
}
@media (min-width: 992px) {
  .add.add-fullwidth {
    display: flex;
  }
}
@media (min-width: 320px) and (max-width: 992px) {
  .add.add-square {
    display: flex;
  }
}
@media (max-width: 319px) {
  .add.add-rectangle {
    display: flex;
  }
}

@media (min-width: 768px) {
  .author-mobile-container-header-hero {
    display: none;
  }
}

@media (min-width: 768px) {
  .author-mobile-container-header-normal {
    display: none;
  }
}

.paywall-container {
  padding: 30px;
}

.paywall-inner-contaier {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  padding: 76px 30px 16px;
}
.paywall-inner-contaier h2 {
  text-align: center;
}
.paywall-inner-contaier p.paywall-paragraph {
  margin-top: 17px;
  margin-bottom: 50px !important;
  max-width: 400px;
  text-align: center;
}

.woocommerce-Price-amount {
  display: none !important;
}

.semi-bold {
  font-family: "Roboto-Medium", sans-serif;
}

.link-blue {
  text-decoration: underline;
  color: #31647d;
}

.arrow-in-button {
  margin-left: 12px;
}

.subscribe-button {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  max-width: 290px;
}
@media (max-width: 767.98px) {
  .subscribe-button {
    max-width: 100%;
  }
}

.checkoutWall header,
.checkoutWall footer {
  display: none !important;
}

.add_to_cart_inline {
  border: none !important;
}

.add_to_cart_button,
.single_add_to_cart_button {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 61px !important;
  border-radius: 30px !important;
  background-color: #31647d !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  font-family: "Roboto-Medium", sans-serif !important;
  font-size: 1.6rem !important;
  line-height: 22px !important;
}
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
  background-color: #78909c !important;
  color: #ffffff !important;
}
@media (max-width: 767.98px) {
  .add_to_cart_button,
  .single_add_to_cart_button {
    margin-top: 33px !important;
  }
}

.paywall-check-circle {
  padding-bottom: 5px;
  margin-right: 15px;
}

.klarna-checkout-container {
  border-top: 1px solid #eaecef;
  padding-top: 40px;
  margin-top: 30px;
}

#loadingDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

.facts-list {
  position: absolute;
  background-color: #eaecef;
  padding: 20px 25px;
  display: inline-table;
  margin-top: 38px;
  margin-left: -130px;
  width: 290px;
}
@media screen and (max-width: 1430px) {
  .facts-list {
    position: relative;
    width: 100%;
    margin-left: 0;
    max-width: calc(66.66667% - 34px);
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
}
@media (max-width: 991.98px) {
  .facts-list {
    max-width: calc(100% - 34px);
  }
}
.facts-list span {
  color: #1f2124;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 20px;
}
.facts-list span:last-child {
  font-family: "Roboto-Regular", sans-serif;
}

.references-container {
  padding: 70px 0px;
  background-color: #ffffff;
  color: #31647d;
}
.references-container p {
  color: #78909c;
  font-size: 1.4rem !important;
}
.references-container a {
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .references-container {
    padding: 17px 15px 40px 15px;
  }
}

.reference-title {
  margin-bottom: 17px !important;
  color: #31647d;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 2rem;
}

.article-header {
  margin-bottom: 30px;
}
@media (max-width: 1199.98px) {
  .article-header {
    margin-bottom: 0;
  }
}
.article-header .subheading {
  margin-bottom: 15px;
}
@media (max-width: 767.98px) {
  .article-header .subheading {
    color: #1f2124 !important;
  }
}
.article-header .subheading.hero {
  margin-top: 15px;
}
@media (max-width: 767.98px) {
  .article-header .subheading.hero {
    margin-top: 0;
    font-size: 1.8rem;
    color: #1f2124;
  }
}
@media (max-width: 991.98px) {
  .article-header .subheading.normal {
    font-size: 1.8rem;
    color: #1f2124;
  }
}
.article-header .first-row-container {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .article-header .first-row-container.hero {
    padding-bottom: 15px;
    align-items: flex-start;
    border-bottom: 1px solid #d4dae3;
  }
}
.article-header .first-row-container.normal {
  margin-bottom: 60px;
}
@media (max-width: 991.98px) {
  .article-header .first-row-container.normal {
    align-items: flex-start;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d4dae3;
  }
}
.article-header .first-row-container img {
  margin-right: 20px;
  margin-bottom: 6px;
}
.article-header .first-row-container .tagbox {
  margin-bottom: 6px;
}
@media (max-width: 991.98px) {
  .article-header .img-caption.caption-hero {
    margin-bottom: 25px;
  }
}
.article-header .widget_media_image {
  margin-right: 15px;
}
.article-header .article-header-title {
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .article-header .article-header-title {
    color: #1f2124 !important;
  }
}
@media (max-width: 767.98px) {
  .article-header .article-header-title.hero {
    font-size: 2.6rem;
    margin-bottom: 24px;
  }
}
.article-header .article-header-title.normal {
  min-height: 225px;
  font-size: 7rem;
  letter-spacing: -1.46px;
  line-height: 80px;
}
@media (max-width: 991.98px) {
  .article-header .article-header-title.normal {
    min-height: auto;
    margin-bottom: 24px;
    font-size: 2.6rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
}
@media (max-width: 1199.98px) {
  .article-header .article-header-title {
    font-size: 3.6rem;
  }
}
.article-header .article-header-hero {
  width: 100%;
  height: calc(100vh - 175px);
  min-height: 550px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.article-header .article-header-hero .after {
  position: absolute;
  display: block;
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.7));
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .article-header .article-header-hero .after {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .article-header .article-header-hero {
    height: calc(60vh - 175px);
  }
}
@media (max-width: 767.98px) {
  .article-header .article-header-hero {
    background-image: none !important;
    min-height: auto;
    height: auto;
  }
}
.article-header .article-header-hero .article-header-hero-content-container {
  padding-bottom: 60px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .article-header .article-header-hero .article-header-hero-content-container {
    justify-content: flex-start;
    color: #1f2124;
    padding-bottom: 0;
  }
}
.article-header .article-header-hero .social-icons-container {
  display: flex;
}
@media (max-width: 767.98px) {
  .article-header .article-header-hero .social-icons-container {
    display: none;
  }
}
.article-header .article-header-hero .show-in-mobile-img-hero {
  object-fit: cover;
  display: none;
  margin-bottom: 18px;
}
@media (max-width: 767.98px) {
  .article-header .article-header-hero .show-in-mobile-img-hero {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .article-header .article-header-normal-content-container {
    padding-top: 30px;
  }
}
.article-header .article-header-normal {
  padding-top: 79px;
}
@media (max-width: 991.98px) {
  .article-header .article-header-normal {
    padding-top: 0;
  }
}
.article-header .article-header-normal .second-row-container {
  margin-right: -145px;
  margin-right: -95px;
}
@media (max-width: 1199.98px) {
  .article-header .article-header-normal .second-row-container {
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  .article-header .article-header-normal .second-row-container {
    display: none;
  }
}
.article-header .article-header-normal .article-header-normal-img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.article-header .article-header-normal .social-icons-container {
  display: flex;
}
@media (max-width: 991.98px) {
  .article-header .article-header-normal .social-icons-container {
    display: none;
  }
}
.article-header .article-header-normal .article-header-border-bottom {
  height: 2px;
  width: 100%;
  padding-top: 30px;
  border-bottom: 1px solid #d4dae3;
}
@media (max-width: 991.98px) {
  .article-header .article-header-normal .article-header-border-bottom {
    display: none;
  }
}
.article-header .show-in-mobile-normal-img {
  object-fit: cover;
  display: none;
  margin-bottom: 18px;
}
@media (max-width: 991.98px) {
  .article-header .show-in-mobile-normal-img {
    display: block;
  }
}
.article-header .show-desktop {
  display: block;
}
@media (max-width: 767.98px) {
  .article-header .show-desktop {
    display: none;
  }
}

.article-single-page {
  padding-bottom: 65px;
}
@media (max-width: 991.98px) {
  .article-single-page {
    padding-bottom: 40px;
  }
}

.article-single-page.premium,
.page.premium {
  background-color: #f8f9fb;
}
.article-single-page.premium .facts-list,
.page.premium .facts-list {
  background-color: #ffffff;
}
.article-single-page .flexible-container,
.page .flexible-container {
  margin: 30px 0 60px;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container,
  .page .flexible-container {
    margin: 5px 0;
  }
}
.article-single-page .flexible-container h2,
.article-single-page .flexible-container h3,
.article-single-page .flexible-container h4,
.page .flexible-container h2,
.page .flexible-container h3,
.page .flexible-container h4 {
  margin: 50px 0 -10px;
}
.article-single-page .flexible-container > article,
.page .flexible-container > article {
  padding-bottom: 30px;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container > article,
  .page .flexible-container > article {
    padding-bottom: 25px;
  }
}
.article-single-page .flexible-container p,
.page .flexible-container p {
  margin: 30px 0;
  display: block;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container p,
  .page .flexible-container p {
    margin: 25px 0;
  }
}
.article-single-page .flexible-container p strong,
.page .flexible-container p strong {
  font-family: "Roboto-Bold", sans-serif;
}
.article-single-page .flexible-container blockquote,
.page .flexible-container blockquote {
  color: #31647d;
  font-size: 3rem;
  font-family: "Lora-Italic", serif;
  margin: 30px 0;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container blockquote,
  .page .flexible-container blockquote {
    font-size: 1.8rem;
    margin: 0;
  }
}
.article-single-page .fullwidth-image,
.article-single-page .post-image,
.page .fullwidth-image,
.page .post-image {
  padding: 30px 0;
}
@media (max-width: 991.98px) {
  .article-single-page .fullwidth-image,
  .article-single-page .post-image,
  .page .fullwidth-image,
  .page .post-image {
    margin: 0;
  }
}
.article-single-page .fullwidth-image.post-image img,
.article-single-page .post-image.post-image img,
.page .fullwidth-image.post-image img,
.page .post-image.post-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.article-single-page .fullwidth-image.fullwidth-image img,
.article-single-page .post-image.fullwidth-image img,
.page .fullwidth-image.fullwidth-image img,
.page .post-image.fullwidth-image img {
  width: 100%;
  object-fit: cover;
  max-height: 100vh;
  min-height: 300px;
}
@media (max-width: 991.98px) {
  .article-single-page .fullwidth-image.fullwidth-image .rel-text,
  .article-single-page .post-image.fullwidth-image .rel-text,
  .page .fullwidth-image.fullwidth-image .rel-text,
  .page .post-image.fullwidth-image .rel-text {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.article-single-page .fullwidth-image p,
.article-single-page .post-image p,
.page .fullwidth-image p,
.page .post-image p {
  font-size: 1.5rem;
  color: #31647d;
  margin-top: 18px;
}
@media (max-width: 991.98px) {
  .article-single-page .fullwidth-image p,
  .article-single-page .post-image p,
  .page .fullwidth-image p,
  .page .post-image p {
    font-size: 1.4rem;
    margin: 8px 0 0;
  }
}
.article-single-page .rel-text,
.page .rel-text {
  font-size: 1.5rem;
  color: #31647d;
  padding: 18px 0 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
  .article-single-page .rel-text,
  .page .rel-text {
    font-size: 1.4rem;
    padding: 8px 0 0;
  }
}
.article-single-page .excerpt-container,
.page .excerpt-container {
  margin-top: 60px;
  margin-bottom: -30px;
}
@media (max-width: 991.98px) {
  .article-single-page .excerpt-container,
  .page .excerpt-container {
    margin-bottom: 0;
    margin-top: 25px;
  }
}
.article-single-page .excerpt-container p,
.page .excerpt-container p {
  font-size: 2.4rem;
}
@media (max-width: 1199.98px) {
  .article-single-page .excerpt-container p,
  .page .excerpt-container p {
    font-size: 2rem;
  }
}

.pagination-container {
  display: flex;
  justify-content: center;
}
.pagination-container .page-numbers {
  background: #eaecef;
  color: #989898;
  display: block;
  width: auto;
  float: left;
  margin: 0 4px;
  padding: 11px 17px;
  text-decoration: none;
  font-size: 1.2rem;
  font-family: "Roboto-Bold", sans-serif;
  transition: 0.15s;
}
.pagination-container .page-numbers.dots {
  pointer-events: none;
}
.pagination-container .page-numbers.current {
  background: #989898;
  color: rgb(255, 255, 255);
  pointer-events: none;
}
.pagination-container .page-numbers:hover {
  background: #d4dae3;
  color: #fff;
  text-decoration: none;
}

.nav-next-icon,
.nav-prev-icon {
  height: 7px;
  width: 7px;
  display: block;
}

.opinion-bar-container {
  margin: 50px 0;
}
@media (max-width: 991.98px) {
  .opinion-bar-container {
    margin: 0;
  }
}
.opinion-bar-container .opinion-bar {
  padding: 10px;
  border-radius: 3px;
  background: #eaecef;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.opinion-bar-container .opinion-bar img {
  margin-right: 10px;
}

.excerpt p {
  font-family: "Roboto-Medium", sans-serif;
  font-size: 2.4rem;
  color: #1f2124;
  position: relative;
}
.excerpt.non p:after {
  content: " ";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(248, 249, 251, 0) 0%, #f8f9fb 100%);
}

.search-result-wrapper {
  display: flex;
  flex-direction: column;
}
.search-result-wrapper:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 991.98px) {
  .search-result-wrapper:not(:last-child) {
    margin-right: auto;
  }
}
.search-result-wrapper h4 {
  margin-bottom: 20px;
  margin-top: 24px;
  font-size: 2.2rem;
  letter-spacing: 0;
  line-height: 34px;
}
@media (max-width: 767.98px) {
  .search-result-wrapper h4 {
    font-size: 2.6rem;
  }
}
.search-result-wrapper .category-column-img {
  transition: all 0.2s ease-in-out;
  width: 264px;
  height: 167px;
  object-fit: cover;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media (max-width: 991.98px) {
  .search-result-wrapper .category-column-img {
    width: 170px;
    height: 124px;
  }
}
@media (max-width: 767.98px) {
  .search-result-wrapper .category-column-img {
    width: 124px;
    height: 114px;
  }
}
.search-result-wrapper .search-result-content {
  width: 100%;
  padding: 10px 16px;
}
@media (max-width: 991.98px) {
  .search-result-wrapper .search-result-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.search-result-wrapper .search-result-content span {
  display: flex;
  font-size: 0.9rem;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin-right: 10px;
  color: #31647d;
  font-family: "Roboto-Bold", sans-serif;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search-result-wrapper .search-result-content span.article-date {
  display: none;
}
@media (max-width: 991.98px) {
  .search-result-wrapper .search-result-content span.article-date {
    display: flex;
  }
}
.search-result-wrapper .premium-badge-search {
  margin-right: 16px;
}
.search-result-wrapper .search-date {
  font-size: 1.2rem !important;
}

.search-result-container {
  transition: all 0.2s ease-in-out;
  max-height: 167px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #eaecef;
  background-color: #ffffff;
}
@media (max-width: 991.98px) {
  .search-result-container {
    height: 124px;
  }
}
@media (max-width: 767.98px) {
  .search-result-container {
    height: 114px;
  }
}
.search-result-container h2 {
  font-size: 1.6rem;
  letter-spacing: -0.2px;
  line-height: 20px;
  margin-top: 10px;
}
@media (max-width: 1199.98px) {
  .search-result-container h2 {
    letter-spacing: 0;
    line-height: 16px;
  }
}
.search-result-container:hover h2 {
  text-decoration: underline;
}
.search-result-container.premium {
  border-right: 4px solid #ffde31;
}

.search-results .entry-section,
.search-no-results .entry-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.search-result-excerpt {
  color: #4a5058;
  color: #666666;
  font-size: 1.2rem;
  line-height: 20px;
  margin: 5px 0;
  width: 80%;
}
@media (max-width: 991.98px) {
  .search-result-excerpt {
    width: 100%;
    line-height: 14px;
  }
}
@media (max-width: 767.98px) {
  .search-result-excerpt {
    display: none;
  }
}

.search-container {
  border-bottom: 1px solid #eaecef;
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.4rem;
}
@media (max-width: 767.98px) {
  .search-container {
    flex-direction: column;
  }
}
.search-container .search-title {
  padding-bottom: 35px;
  margin-bottom: 35px;
}
@media (max-width: 767.98px) {
  .search-container .search-title {
    font-size: 3rem;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.search-container .search-filter {
  position: relative;
  cursor: pointer;
  width: 220px;
  text-transform: uppercase;
  border: none;
  padding: 0.5rem 0;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.2rem;
  color: #1f2124;
  margin-bottom: 1.4rem;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.2s ease;
  text-align: right;
}
.search-container .search-filter-img {
  margin-left: 12px;
  width: 12px;
  transition: transform 0.2s ease;
}
.search-container .search-filter-img.rotate {
  transform: rotate(180deg);
}
.search-container .search-filter #search-filter-select {
  background: #ffffff;
  box-shadow: 4px 3px 12px #eaecef;
  color: #1f2124;
  display: flex;
  flex-direction: column;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0px;
  text-transform: none;
  padding: 1rem;
  position: absolute;
  top: 50px;
  visibility: hidden;
  width: 100%;
}
.search-container .search-filter #search-filter-select .field {
  align-items: flex-end;
  cursor: pointer;
  display: inherit;
  margin: 1rem 0;
}
.search-container .search-filter #search-filter-select .field span {
  margin-left: 9px;
}
.search-container .search-filter #search-filter-select .field input[type=radio] {
  -webkit-appearance: none;
  border: 1px solid #d4dae3;
  border-radius: 50%;
  height: 20px;
  outline: none;
  width: 20px;
}
.search-container .search-filter #search-filter-select .field input[type=radio]:before {
  content: "";
  border-radius: 50%;
  display: block;
}
.search-container .search-filter #search-filter-select .field input[type=radio]:checked {
  box-shadow: 14px 14px 14px #31647d inset;
}
.search-container .search-filter #search-filter-select .field input[type=radio]:checked:before {
  background: #ffffff;
  height: 8px;
  margin: 5px;
  width: 8px;
}
.search-container .search-filter #search-filter-select.active {
  visibility: visible;
}
.search-container .search-filter #search-filter-select:before, .search-container .search-filter #search-filter-select:after {
  border: solid 20px transparent;
  border-top: 0;
  border-bottom-color: #ffffff;
  content: "";
  left: 130px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: -20px;
}
@media (max-width: 767.98px) {
  .search-container .search-filter #search-filter-select:before, .search-container .search-filter #search-filter-select:after {
    left: 160px;
  }
}
.search-container .search-filter #search-filter-select:before {
  border-bottom-color: rgba(212, 218, 227, 0.1);
  top: -20px;
  z-index: 1;
}

.search-pagination-container {
  display: flex;
  justify-content: space-between;
}

/**
 * Modules : woocommerce
 */
.my-account-wrapper {
  margin: 97px 0;
}
@media (max-width: 767.98px) {
  .my-account-wrapper {
    margin: 31px 0;
  }
}
.my-account-wrapper h3 {
  padding: 0;
}

.login-form-container h2::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}
.login-form-container h3 {
  text-align: center;
  font-size: 3rem;
  color: #1f2124;
}
.login-form-container h3.margin-top-50 {
  margin-top: 50px;
}
.login-form-container h3::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}
@media (max-width: 767.98px) {
  .login-form-container h3 {
    text-align: left;
    font-size: 2.6rem;
  }
}
.login-form-container form {
  border: none !important;
}
@media (max-width: 767.98px) {
  .login-form-container form {
    margin: 13px 0 !important;
  }
}
.login-form-container .form-link {
  text-align: center;
  color: #31647d;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.6rem;
  text-decoration: underline;
}
.login-form-container .form-link.woocommerce-LostPassword {
  text-align: right;
}
.login-form-container .woocommerce-form-row label {
  text-transform: uppercase;
  color: #1f2124;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.2rem;
  line-height: 22px;
}
.login-form-container .woocommerce-form-row input {
  height: 48px;
  border: 1px solid #d4dae3;
  border-radius: 3px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
  background: no-repeat scroll 20px 16px;
  padding-left: 65px;
}
.login-form-container .woocommerce-form-row .input-text {
  font-size: 1.6rem;
  font-family: "Roboto-Regular", sans-serif;
}
.login-form-container .button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-form-container .button-container .button-container-inner {
  width: 291px;
  align-self: center;
}
@media (max-width: 767.98px) {
  .login-form-container .button-container .button-container-inner {
    width: 100%;
  }
}
.login-form-container .button-container .button-container-inner label {
  align-self: flex-start !important;
}
.login-form-container .button-container .button-container-inner .woocommerce-form__label-for-checkbox {
  margin-bottom: 74px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 1.4rem;
  line-height: 14px;
}
@media (max-width: 767.98px) {
  .login-form-container .button-container .button-container-inner .woocommerce-form__label-for-checkbox {
    margin-bottom: 33px;
    margin-left: 24px;
  }
}
.login-form-container .woocommerce-form__input-checkbox {
  height: 14px !important;
}
.login-form-container .woocommerce-button.custom {
  margin-top: 81px;
  margin-bottom: 27px;
  margin-right: 0px !important;
  height: 61px;
  width: 100%;
  border-radius: 30px;
  background-color: #31647d;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: 0.89px;
}
.login-form-container .woocommerce-button.custom:hover {
  background-color: #136cb1;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .login-form-container .woocommerce-button.custom {
    margin-top: 33px;
  }
}
.login-form-container .edit-button {
  letter-spacing: 0.89px;
  max-width: 290px;
  margin-top: 37px !important;
}
@media (max-width: 767.98px) {
  .login-form-container .edit-button {
    max-width: 100%;
  }
}
.login-form-container .show-password-input::after {
  color: #78909c;
}
.login-form-container .show-password-input.display-password::after {
  color: #d4dae3 !important;
}

.woocommerce-privacy-policy-text {
  color: #1f2124;
  font-family: "Roboto-Regular", sans-serif;
}
.woocommerce-privacy-policy-text p {
  font-size: 1.6rem !important;
}
.woocommerce-privacy-policy-text a {
  text-decoration: underline !important;
  font-family: "Roboto-Bold", sans-serif !important;
}

.woocommerce-MyAccount-content {
  width: 66% !important;
}
@media (max-width: 767.98px) {
  .woocommerce-MyAccount-content {
    width: 100% !important;
  }
}

.form-header {
  margin-bottom: 20px;
}

.form-paragraph {
  color: #1f2124;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 26px;
}
.form-paragraph a {
  text-decoration: underline !important;
  font-family: "Roboto-Bold", sans-serif !important;
}

.form-paragraph-big {
  font-size: 2.4rem;
  margin-bottom: 0;
}

.my-account-header {
  margin-bottom: 20px;
}
.my-account-header::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}

.text-center-sm {
  text-align: center !important;
  padding: 0px 20px;
}
@media (max-width: 767.98px) {
  .text-center-sm {
    text-align: left !important;
  }
}

.address-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 61px;
  width: 200px;
  margin-bottom: 80px;
  margin-top: 33px;
  border-radius: 30px;
  background-color: #31647d;
  text-transform: uppercase;
  font-style: normal !important;
  color: #ffffff;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: 0.89px;
}
.address-button:hover {
  background-color: #136cb1;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .address-button {
    width: 100%;
  }
}

.address-box {
  margin: 30px 0;
}

.woocommerce-Address-title {
  padding: 0 0 17px 0 !important;
}

.woocommerce-button.custom {
  margin-top: 81px;
  margin-bottom: 27px;
  margin-right: 0px !important;
  height: 61px;
  width: 100%;
  border-radius: 30px;
  background-color: #31647d;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: 0.89px;
}
.woocommerce-button.custom:hover {
  background-color: #136cb1;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .woocommerce-button.custom {
    margin-top: 33px;
  }
}

.woocommerce-MyAccount-content input {
  padding-left: 19px !important;
}

.edit-account input {
  padding-left: 19px !important;
  border-radius: 5px !important;
}

.woocommerce-MyAccount-navigation {
  border: 1px solid #d4dae3;
  border-radius: 4px;
  background-color: #eaecef;
}

.name-container {
  padding: 40px 0 40px 45px;
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .name-container {
    padding: 20px 0 20px 20px;
  }
}

.full-name {
  margin-left: 19px;
  font-size: 1.6rem;
  font-family: "Roboto-Medium", sans-serif;
}

.circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 103px;
  height: 103px;
  border-radius: 50%;
  text-align: center;
  background-color: #1f2124;
}
@media (max-width: 1199.98px) {
  .circle {
    width: 70px;
    height: 70px;
  }
}

.initials {
  color: #ffffff;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 4rem;
  text-transform: uppercase;
}
.initials::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1) * 0.5em);
}
@media (max-width: 1199.98px) {
  .initials {
    font-size: 2.4rem;
  }
}

.MyAccount-nav-contaienr li {
  padding: 18px 30px 18px 45px;
  border-top: 1px solid #d4dae3;
  transition: all 0.15s ease;
  font-family: "Roboto-Medium", sans-serif;
}
.MyAccount-nav-contaienr li:hover {
  box-shadow: 4px 0 0 0 #d4dae3 inset;
  -webkit-box-shadow: 4px 0 0 0 #d4dae3 inset;
  -moz-box-shadow: 4px 0 0 0 #d4dae3 inset;
}
.MyAccount-nav-contaienr li.is-active {
  box-shadow: 4px 0 0 0 #31647d inset;
  -webkit-box-shadow: 4px 0 0 0 #31647d inset;
  -moz-box-shadow: 4px 0 0 0 #31647d inset;
}
.MyAccount-nav-contaienr li.is-active a {
  text-decoration: underline;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:after {
  position: relative;
  float: right;
  top: 3px;
  content: " ";
  background: url("/wp-content/themes/socionomen/assets/img/logout.svg");
  height: 18px;
  width: 18px;
  background-repeat: no-repeat;
  background-size: contain;
}

.wrapper-navigation {
  margin-top: 97px;
}
@media (max-width: 767.98px) {
  .wrapper-navigation {
    margin-top: 31px;
  }
}

.woocommerce-info {
  display: none;
}

.product-custom-container {
  padding-top: 79px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.inner-product-container {
  max-width: 400px;
  border-bottom: 1px solid gray;
}

.price-check-contaier {
  align-self: center;
}

.product_meta {
  display: none;
}

.list-includes {
  margin: 50px;
}

.list-includes-item {
  margin-bottom: 15px;
}

.woocommerce-button-socionomen {
  display: flex;
  justify-content: center;
  min-width: 100px;
  max-width: 300px;
  padding: 13px;
  border-radius: 30px;
  background-color: #31647d;
  text-transform: uppercase;
  color: #fff;
  font-family: Roboto-Medium, sans-serif;
  font-size: 1.6rem;
  margin-left: auto;
}
.woocommerce-button-socionomen:hover {
  background-color: #136cb1;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .woocommerce-button-socionomen {
    width: 100%;
    max-width: 100%;
  }
}

.lost-password-confirmation-container {
  display: flex;
  justify-content: center;
}
.lost-password-confirmation-container h2,
.lost-password-confirmation-container p {
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .lost-password-confirmation-container h2,
  .lost-password-confirmation-container p {
    text-align: left;
  }
}
.lost-password-confirmation-container h2 {
  padding-top: 40px;
}
.lost-password-confirmation-container img {
  margin: 40px 0;
}
.lost-password-confirmation-container .lost-password-confirmation-item {
  display: flex;
  flex-direction: column;
}
.lost-password-confirmation-container .form-link {
  text-align: center;
  color: #31647d;
  font-size: 1.6rem;
  text-decoration: underline;
  font-family: "Roboto-Medium", sans-serif;
}

.view-order-address-column {
  margin-top: 20px;
}

/**
 * Modules : others
 */
.postid-396 .excerpt.non p:after {
  display: none;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-top: 2em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-top: 2em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}

.wp-caption-text {
  font-size: 90%;
  margin: 10px 0 !important;
}

#adLink:before {
  content: "Annons";
  position: absolute;
  top: 2px;
  font-size: 11px;
}

#adLink {
  padding: 20px;
  position: relative;
}

.social-icons-container {
  text-align: center;
}

.page-template-default .entry-content p {
  word-break: break-word;
}

.ads:before {
  content: "Annons";
  position: absolute;
  top: -10px;
  font-size: 11px;
}

.ads {
  max-width: 100%;
  width: 100%;
  text-align: center;
  position: relative;
  display: block;
}

.home .ads {
  background: #f8f9fb;
}

.ads img {
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 10px;
  max-width: 100%;
}

.payWall search-container-mobile,
.payWall .ads {
  display: none !important;
}

@media (max-width: 900px) {
  .paywall-inner-contaier {
    padding: 76px 10px 16px;
  }
  .checkoutWall {
    width: 100% !important;
  }
}
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

.a2a_svg {
  border-radius: 50% !important;
  padding: 4px !important;
  margin-right: 5px;
}

.tags-container {
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
}

.normal .tagbox {
  border: 1px solid #31647d;
}

.tagbox {
  height: 24px;
  padding: 1px 8px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #ffffff;
  color: #31647d;
  cursor: pointer;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tagbox:hover {
  background-color: #31647d;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .tagbox {
    margin-right: 6px;
  }
}

.taglink {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-family: "Roboto-Bold", sans-serif;
  letter-spacing: 1px;
}

.tagbox a,
.tagbox a:active,
.tagbox a:visited {
  text-decoration: none;
}

.article-box-header {
  padding-top: 60px !important;
}

.articlebox-container,
.articlebox-start-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1170px;
  grid-auto-rows: 400px;
  width: 100%;
  margin: 16px auto 60px;
}
@media (max-width: 1199.98px) {
  .articlebox-container,
  .articlebox-start-container {
    max-width: 960px;
    grid-auto-rows: 300px;
  }
}
@media (max-width: 991.98px) {
  .articlebox-container,
  .articlebox-start-container {
    max-width: 720px;
    grid-template-columns: 1fr;
    grid-auto-rows: 150px;
  }
}
.articlebox-container .related-article,
.articlebox-start-container .related-article {
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #eaecef;
  position: relative;
  margin: 14px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .articlebox-container .related-article,
  .articlebox-start-container .related-article {
    margin: 8px;
  }
}
@media (max-width: 991.98px) {
  .articlebox-container .related-article,
  .articlebox-start-container .related-article {
    margin: 12px 17px;
    flex-direction: row;
  }
}
.articlebox-container .related-article .article-image-container,
.articlebox-start-container .related-article .article-image-container {
  overflow: hidden;
}
.articlebox-container .related-article:hover h2,
.articlebox-start-container .related-article:hover h2 {
  text-decoration: underline;
}
.articlebox-container .related-article:hover.premium:after,
.articlebox-start-container .related-article:hover.premium:after {
  transform: translate3d(4px, 4px, 0);
}
.articlebox-container .related-article:hover.premium:before,
.articlebox-start-container .related-article:hover.premium:before {
  transform: translate3d(0px, 0px, 0);
}
.articlebox-container .related-article.premium:after,
.articlebox-start-container .related-article.premium:after {
  position: absolute;
  transition: transform 0.15s ease-out;
  top: 5px;
  left: 5px;
  content: "";
  width: 25px;
  height: 25px;
  background-image: url("/wp-content/themes/socionomen/assets/img/prenumerera-badge-inverted.svg");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
.articlebox-container .related-article.premium:before,
.articlebox-start-container .related-article.premium:before {
  position: absolute;
  transition: transform 0.15s ease-out;
  content: "";
  z-index: 1;
  transform: translate3d(-4px, -4px, 0);
  border-top: 70px solid #ffde31;
  border-right: 70px solid transparent;
  top: 0;
  left: 0;
}
.articlebox-container .related-article .excerpt,
.articlebox-start-container .related-article .excerpt {
  margin: 5px 0 0;
  font-size: 1.2rem;
}
@media (max-width: 1199.98px) {
  .articlebox-container .related-article .excerpt,
  .articlebox-start-container .related-article .excerpt {
    display: none;
  }
}
.articlebox-container .related-article .article-link,
.articlebox-start-container .related-article .article-link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.articlebox-container .related-article img,
.articlebox-start-container .related-article img {
  width: 100%;
  height: 50%;
  min-height: 50%;
  object-fit: cover;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
@media (max-width: 991.98px) {
  .articlebox-container .related-article img,
  .articlebox-start-container .related-article img {
    width: 35%;
    height: auto;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
  }
}
.articlebox-container .related-article .article-inner,
.articlebox-start-container .related-article .article-inner {
  padding: 17px;
  display: flex;
  flex-direction: column;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1199.98px) {
  .articlebox-container .related-article .article-inner,
  .articlebox-start-container .related-article .article-inner {
    padding: 10px;
  }
}
@media (max-width: 991.98px) {
  .articlebox-container .related-article .article-inner,
  .articlebox-start-container .related-article .article-inner {
    justify-content: center;
    padding: 5px 10px;
  }
}
.articlebox-container .related-article .article-inner > div,
.articlebox-start-container .related-article .article-inner > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .articlebox-container .related-article .article-inner > div,
  .articlebox-start-container .related-article .article-inner > div {
    margin-bottom: 5px;
  }
}
.articlebox-container .related-article .article-inner > div > span,
.articlebox-start-container .related-article .article-inner > div > span {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-family: "Roboto-Bold", sans-serif;
  margin-right: 12px;
  color: #31647d;
}
@media (max-width: 991.98px) {
  .articlebox-container .related-article .article-inner > div > span,
  .articlebox-start-container .related-article .article-inner > div > span {
    display: none;
  }
}
.articlebox-container .related-article .article-inner h2,
.articlebox-start-container .related-article .article-inner h2 {
  font-size: 1.6rem;
}
@media (max-width: 1199.98px) {
  .articlebox-container .related-article .article-inner h2,
  .articlebox-start-container .related-article .article-inner h2 {
    font-size: 1.4rem;
  }
}
.articlebox-container .related-article .article-inner.no-featured-image,
.articlebox-start-container .related-article .article-inner.no-featured-image {
  margin-top: auto;
}
@media (max-width: 767.98px) {
  .articlebox-container .related-article .article-inner.no-featured-image,
  .articlebox-start-container .related-article .article-inner.no-featured-image {
    margin-top: 0;
  }
}
.articlebox-container .related-article .article-inner.no-featured-image .category-container span,
.articlebox-start-container .related-article .article-inner.no-featured-image .category-container span {
  border: 1px solid #31647d;
  padding: 9px;
}
.articlebox-container .related-article .article-inner.no-featured-image .excerpt,
.articlebox-start-container .related-article .article-inner.no-featured-image .excerpt {
  font-size: 1.6rem;
  margin-top: 10px;
}
.articlebox-container .related-article .article-inner.no-featured-image h2,
.articlebox-start-container .related-article .article-inner.no-featured-image h2 {
  font-size: 2.2rem;
}
@media (max-width: 1199.98px) {
  .articlebox-container .related-article .article-inner.no-featured-image h2,
  .articlebox-start-container .related-article .article-inner.no-featured-image h2 {
    font-size: 1.8rem;
  }
}
.articlebox-container .related-article.related-article:nth-child(6n), .articlebox-container .related-article.related-article:nth-child(6n+1),
.articlebox-start-container .related-article.related-article:nth-child(6n),
.articlebox-start-container .related-article.related-article:nth-child(6n+1) {
  grid-column: span 2;
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .articlebox-container .related-article.related-article:nth-child(6n), .articlebox-container .related-article.related-article:nth-child(6n+1),
  .articlebox-start-container .related-article.related-article:nth-child(6n),
  .articlebox-start-container .related-article.related-article:nth-child(6n+1) {
    grid-column: span 1;
    grid-row: span 2;
  }
}
.articlebox-container .related-article.related-article:nth-child(6n) .article-inner, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner,
.articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner {
  position: absolute;
  bottom: 0;
  padding: 30px;
  position: absolute;
  background: linear-gradient(to bottom, rgba(31, 33, 36, 0) 0, rgba(31, 33, 36, 0.7) 100%);
  width: 100%;
  bottom: 0;
  left: 0;
}
.articlebox-container .related-article.related-article:nth-child(6n) .article-inner.no-featured-image, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner.no-featured-image,
.articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner.no-featured-image,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner.no-featured-image {
  background: linear-gradient(to bottom, rgba(31, 33, 36, 0) 0, rgba(31, 33, 36, 0) 100%);
}
.articlebox-container .related-article.related-article:nth-child(6n) .article-inner.no-featured-image .excerpt, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner.no-featured-image .excerpt,
.articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner.no-featured-image .excerpt,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner.no-featured-image .excerpt {
  color: #1f2124;
}
@media (max-width: 991.98px) {
  .articlebox-container .related-article.related-article:nth-child(6n) .article-inner, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner,
  .articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner,
  .articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner {
    padding: 20px;
  }
}
.articlebox-container .related-article.related-article:nth-child(6n) .article-inner h2, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner h2,
.articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner h2,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner h2 {
  font-size: 2rem;
}
.articlebox-container .related-article.related-article:nth-child(6n) .article-inner > div > span, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner > div > span,
.articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner > div > span,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner > div > span {
  color: #ffffff;
}
.articlebox-container .related-article.related-article:nth-child(6n) .article-inner .category-container span, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner .category-container span,
.articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner .category-container span,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner .category-container span {
  border: 0;
}
@media (max-width: 1199.98px) {
  .articlebox-container .related-article.related-article:nth-child(6n) .article-inner .category-container span, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner .category-container span,
  .articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner .category-container span,
  .articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner .category-container span {
    height: 22px;
    padding: 0 8px 1px;
  }
}
@media (max-width: 991.98px) {
  .articlebox-container .related-article.related-article:nth-child(6n) .article-inner .category-container span, .articlebox-container .related-article.related-article:nth-child(6n+1) .article-inner .category-container span,
  .articlebox-start-container .related-article.related-article:nth-child(6n) .article-inner .category-container span,
  .articlebox-start-container .related-article.related-article:nth-child(6n+1) .article-inner .category-container span {
    padding: 10px;
    font-size: 1.2rem;
  }
}
.articlebox-container .related-article.related-article:nth-child(6n) img, .articlebox-container .related-article.related-article:nth-child(6n+1) img,
.articlebox-start-container .related-article.related-article:nth-child(6n) img,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: 3px;
}
.articlebox-container .related-article.related-article:nth-child(6n) .no-featured-image h2, .articlebox-container .related-article.related-article:nth-child(6n+1) .no-featured-image h2,
.articlebox-start-container .related-article.related-article:nth-child(6n) .no-featured-image h2,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .no-featured-image h2 {
  color: #1f2124;
  font-size: 3rem;
}
@media (max-width: 991.98px) {
  .articlebox-container .related-article.related-article:nth-child(6n) .no-featured-image h2, .articlebox-container .related-article.related-article:nth-child(6n+1) .no-featured-image h2,
  .articlebox-start-container .related-article.related-article:nth-child(6n) .no-featured-image h2,
  .articlebox-start-container .related-article.related-article:nth-child(6n+1) .no-featured-image h2 {
    font-size: 2.2rem;
  }
}
.articlebox-container .related-article.related-article:nth-child(6n) .no-featured-image .category-container span, .articlebox-container .related-article.related-article:nth-child(6n+1) .no-featured-image .category-container span,
.articlebox-start-container .related-article.related-article:nth-child(6n) .no-featured-image .category-container span,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .no-featured-image .category-container span {
  border: 1px solid #31647d !important;
  height: 22px !important;
  padding: 0 8px 1px !important;
}
.articlebox-container .related-article.related-article:nth-child(6n) .no-featured-image > div > span, .articlebox-container .related-article.related-article:nth-child(6n+1) .no-featured-image > div > span,
.articlebox-start-container .related-article.related-article:nth-child(6n) .no-featured-image > div > span,
.articlebox-start-container .related-article.related-article:nth-child(6n+1) .no-featured-image > div > span {
  color: #31647d;
}

.category-container {
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
}
.category-container span {
  height: 22px;
  padding: 0 8px 1px;
  display: flex;
  font-size: 0.9rem;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin-right: 10px;
  box-sizing: border-box;
  border: 1px solid #31647d;
  border-radius: 3px;
  background-color: #ffffff;
  color: #31647d;
  cursor: pointer;
  font-family: "Roboto-Bold", sans-serif;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 1199.98px) {
  .category-container span {
    height: 16px;
    border: 0;
    margin-right: 0;
    padding: 0;
  }
}
.category-container span:hover {
  background-color: #31647d;
  color: #ffffff;
}

.page-template-search-page .article {
  border-right: 5px solid #ffde31;
}
.page-template-search-page .content {
  padding: 1em;
}

/*
** Variables (override bootstrap variables)
*/
/*
** Tandlakartidningen colors
*/
/*
** Tandlakartidningen Fonts
*/
/**
* Bootstrap Container
*/
/*
* Custom Breakpoints
*/
/*
** Base
*/
*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 48.3%;
  }
}

body {
  display: grid;
  grid-template-rows: 188px auto 188px;
  font-family: "Inter-Regular", sans-serif;
  margin: 0;
  font-size: 1.6rem;
}
@media (max-width: 1199.98px) {
  body {
    grid-template-rows: 90px auto 188px;
  }
}
body #header {
  grid-row-start: 1;
  grid-row-end: 2;
}
body #content {
  grid-row-start: 2;
  grid-row-end: 3;
}
body #content.no-footer {
  grid-row-end: 4;
}
body .footer {
  grid-row-start: 3;
  grid-row-end: 5;
}
body .ad-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5rem;
  position: absolute;
  bottom: -17%;
}
@media only screen and (max-width: 41.4rem) {
  body .ad-container {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  body .ad-container {
    bottom: 33%;
    gap: 7rem;
  }
}
@media (max-width: 1199.98px) {
  body .ad-container {
    float: unset;
    flex-direction: row;
    justify-content: center;
    padding: 0;
    margin: -5rem auto 2rem;
    max-height: unset;
    max-width: unset;
  }
}
body .ad-container__frontpage {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 -20rem;
  gap: 2.8rem;
  padding-right: 1.6rem;
  grid-column: 1/-1;
  background-color: #f2f2f2;
}
body .ad-container__frontpage:first-of-type {
  background: transparent;
}
body .ad-container__frontpage:nth-of-type(2) {
  grid-row: 3;
}
body .ad-container__frontpage:nth-child(3) {
  grid-row: 8;
}
@media only screen and (max-width: 41.4rem) {
  body .ad-container__frontpage {
    flex-direction: column;
    margin: 0;
    padding: 0;
    gap: 2rem;
    transform: scaleX(68.376%) scaleY(66.667%);
  }
  body .ad-container__frontpage:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  body .ad-container__frontpage {
    gap: 10rem;
    margin: 0 -30vw;
  }
}
body .ad-container__frontpage .ad-slot__wide {
  border: 1px solid #747474;
  z-index: 10;
}
body .ad-container__frontpage .ad-slot__container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-around;
}
body .ad-container__frontpage .ad-slot__text {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #747474;
  padding: 0 0.6rem 0.6rem 0;
}
@media only screen and (max-width: 41.4rem) {
  body .ad-container__frontpage .ad-slot__text {
    padding: 0 0.8rem 0.4rem 0;
    transform: scale(1.4);
  }
}
body .ad-container .ad-slot {
  border: 1px solid #747474;
  display: flex;
  justify-content: center;
  align-content: center;
  max-width: 100%;
  max-height: 100%;
}
body .ad-container .ad-slot__container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-around;
}
body .ad-container .ad-slot__text {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #8f8e8e;
}
body .ad-container.article-fullwidth {
  position: absolute;
  gap: 4vw;
  top: 90%;
}
@media screen and (max-width: 1920px) {
  body .ad-container.article-fullwidth {
    top: 130%;
  }
}
body .ad-container.article-fullwidth .adbox-single {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
body .ad-container.article-fullwidth .adbox-single__text {
  font-family: "BarlowCondensed-Medium", sans-serif !important;
  font-size: 1.2rem !important;
  line-height: 1.4rem !important;
  color: #8f8e8e !important;
}
body .ad-container.article-fullwidth .adbox-single__box {
  border: 1px solid #747474;
  height: 25rem;
  width: 30rem;
}
body #overlay {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
@media screen and (max-width: 41.4rem) {
  body #overlay {
    background: rgba(0, 0, 0, 0.15);
  }
}
body #overlay.hide {
  display: none;
}
body.open {
  position: fixed;
}
body.search-results, body.search-no-results {
  background-color: #ffffff;
}
body.woocommerce-page .entry-content {
  padding-top: 0px;
}
body .ajax-load-more-wrap {
  display: none;
}

#browser-message {
  display: none;
}
#browser-message.is-ie {
  display: block;
}

.page-template-front-page .page {
  background-color: #ffffff;
  padding: 6rem 0 0 0;
}
@media (min-width: 992px) {
  .page-template-front-page .page {
    overflow-x: hidden;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .page-template-front-page .page {
    margin-top: 0;
  }
}

.entry-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "NotoSerif-Regular", serif;
  margin: 0;
  padding: 0;
  width: 100%;
}
h1.color-white,
h2.color-white,
h3.color-white,
h4.color-white,
h5.color-white,
h6.color-white {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

h1 {
  font-size: 4.4rem;
}
@media (max-width: 1199.98px) {
  h1 {
    font-size: 3rem;
  }
}

h2 {
  font-size: 3.6rem;
}

h3 {
  font-size: 3rem;
}

h4 {
  font-size: 2.2rem;
}

h5 {
  font-size: 2rem;
}

.img-caption {
  margin-top: 12px;
  height: 20px;
  color: #3c7c86;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: right;
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: inherit;
  cursor: pointer;
}

button {
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0;
}
button:focus {
  outline: none;
  border: none;
}

p {
  font-family: "Roboto-Regular", sans-serif;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 2rem;
}
@media (max-width: 1199.98px) {
  p {
    font-size: 1.6rem;
  }
}
p.quote {
  font-style: "Roboto-Regular", sans-serif;
  color: #3c7c86;
  -webkit-text-fill-color: #3c7c86;
}

.border-divider {
  border-top: 2px solid #e1e1e1;
  margin-bottom: 20px;
}
@media screen and (max-width: 41.4rem) {
  .border-divider {
    display: none;
  }
}

.break-container {
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  width: 100%;
  max-width: 85vw;
}
@media only screen and (min-width: 1920px) {
  .break-container {
    max-width: 60vw !important;
  }
}
@media (min-width: 1200px) {
  .break-container {
    max-width: 85vw;
    padding: 0;
  }
}
@media (max-width: 1199.98px) {
  .break-container {
    max-width: 960px;
  }
}
@media (max-width: 991.98px) {
  .break-container {
    max-width: 720px;
    padding: 0 25px;
  }
}
@media (max-width: 767.98px) {
  .break-container {
    padding: 0;
  }
}

ol,
ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.paragraph-container ul {
  padding-left: 5%;
  font-size: 2rem;
  margin: 1.5rem 1rem;
}
@media (max-width: 1199.98px) {
  .paragraph-container ul {
    font-size: 1.6rem;
  }
}
.paragraph-container ul li {
  font-size: 2rem;
  list-style: disc;
  margin-bottom: 1rem;
}
@media (max-width: 1199.98px) {
  .paragraph-container ul li {
    font-size: 1.6rem;
  }
}
.paragraph-container a {
  text-decoration: underline;
  color: #242423;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.container {
  padding-right: 15px;
  padding-left: 15px;
}
@media (max-width: 1199.98px) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto,
  .container {
    padding: 0;
  }
}

@media only screen and (max-width: 41.4rem) {
  .container {
    padding: 0;
    max-width: 34.5rem;
  }
}
@media only screen and (min-width: 1920px) {
  .container {
    max-width: 61vw;
  }
}
@media (min-width: 1200px) {
  .container {
    padding-right: 0;
    padding-left: 0;
  }
  .container .row {
    max-width: 92vw;
    margin: 0 auto;
  }
  .container .row.paragraph-fullwidth {
    margin: 0;
  }
  .container .row__excerpt {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 9rem 80rem 1fr;
    justify-content: flex-start;
    align-items: center;
  }
  .container .row__excerpt.article-fullwidth {
    grid-template-columns: 22.2rem 80rem 1fr;
    margin: 0 auto;
    grid-template-columns: 1fr 84rem;
    max-width: 103rem;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1920px) {
  .container .row__excerpt.article-fullwidth {
    max-width: 100rem;
  }
}
.container .subheader-excerpt {
  max-width: 81rem;
  margin: 0 auto;
}
.container .subheader-excerpt > h2,
.container .subheader-excerpt h3,
.container .subheader-excerpt h4 {
  font-family: "NotoSerif-Medium", serif;
  font-weight: normal;
  color: #242423;
  letter-spacing: 0;
  margin-top: 3rem;
}
@media only screen and (max-width: 41.4rem) {
  .container .subheader-excerpt > h2,
  .container .subheader-excerpt h3,
  .container .subheader-excerpt h4 {
    color: #333333;
    margin-top: 1.5rem !important;
  }
}
.container .subheader-excerpt > h2, .container .subheader-excerpt h3 {
  font-size: 2rem !important;
  line-height: 2.8rem !important;
}
@media only screen and (max-width: 41.4rem) {
  .container .subheader-excerpt > h2, .container .subheader-excerpt h3 {
    font-size: 1.6rem !important;
    line-height: 2.2rem !important;
    letter-spacing: -0.4px;
  }
}
.container .subheader-excerpt h4 {
  font-size: 1.8rem !important;
  line-height: 2.6rem !important;
  font-style: italic;
}
@media only screen and (max-width: 41.4rem) {
  .container .subheader-excerpt h4 {
    font-size: 1.4rem !important;
    line-height: 2rem !important;
  }
}
@media only screen and (min-width: 1920px) {
  .container .subheader-excerpt {
    max-width: 100%;
  }
}

.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.no-padding {
  padding: 0;
}

.bg-color-black {
  background-color: #000000;
}

.color-white {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}

.color-black {
  color: #000000;
  -webkit-text-fill-color: #000000;
}

@keyframes blink-cursor {
  from, to {
    caret-color: transparent;
  }
  25% {
    caret-color: #fee6dd;
  }
  50% {
    caret-color: #f34d0f;
  }
  75% {
    caret-color: #fef1ed;
  }
}
@keyframes pulse-button {
  from, to {
    transform: scale(1);
    background-color: #f34d0f;
    filter: brightness(1);
  }
  50% {
    transform: scale(1.03);
    background-color: #d5410b;
    filter: brightness(1.25);
  }
  100% {
    transform: scale(1);
    background-color: #f34d0f;
    filter: brightness(1);
  }
}
@font-face {
  font-family: "MrEavesXLSanNarOT-Bold";
  font-style: normal;
  font-weight: bold;
  src: url("../../assets/fonts/MrEaves/MrEavesXLSanNarOT-Bold.woff");
}
@font-face {
  font-family: "MrEavesXLSanNarOT-BoldItalic";
  font-style: italic;
  src: url("../../assets/fonts/MrEaves/MrEavesXLSanNarOT-BoldItalic.woff");
}
@font-face {
  font-family: "MrEavesXLSanNarOT-Book";
  font-style: normal;
  src: url("../../assets/fonts/MrEaves/MrEavesXLSanNarOT-Book.woff") format("woff");
}
@font-face {
  font-family: "MrEavesXLSanOT-Bold";
  font-style: normal;
  src: url("../../assets/fonts/MrEaves/MrEavesXLSanOT-Bold.woff") format("woff");
}
@font-face {
  font-family: "MrEavesXLSanOT-BookItalic";
  font-style: italic;
  src: url("../../assets/fonts/MrEaves/MrEavesXLSanOT-BookItalic.woff") format("woff");
}
@font-face {
  font-family: "MrEavesXLSanOT-Book";
  font-style: normal;
  src: url("../../assets/fonts/MrEaves/MrEavesXLSanOT-Book.woff") format("woff");
}
@font-face {
  font-family: "MrEavesXLSanOT-Reg";
  font-style: normal;
  src: url("../../assets/fonts/MrEaves/MrEavesXLSanOT-Reg.woff") format("woff");
}
@font-face {
  font-family: "MrEavesXLSanOT-RegItalic";
  font-style: italic;
  src: url("../../assets/fonts/MrEaves/MrEavesXLSanOT-RegItalic.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-Black";
  font-style: normal;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-Black.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-BlackItalic";
  font-style: italic;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-BlackItalic.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-Bold";
  font-style: normal;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-Bold.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-BoldItalic";
  font-style: italic;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-BoldItal.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-Italic";
  font-style: italic;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-Italic.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-Light";
  font-style: normal;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-Light.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-Roman";
  font-style: normal;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-Roman.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-Semibold";
  font-style: normal;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-Semibold.woff") format("woff");
}
@font-face {
  font-family: "ChronicleDisplay-SemiboldItalic";
  font-style: normal;
  src: url("../../assets/fonts/Chronicle/ChronicleDisp-SemiboldItal.woff") format("woff");
}
@font-face {
  font-family: "Cycles-NSC";
  font-style: normal;
  src: url("../../assets/fonts/Cycles/CYCLNSC_.woff");
}
@font-face {
  font-family: "Cycles-NTL";
  font-style: normal;
  src: url("../../assets/fonts/Cycles/CYCLNTL_.woff");
}
@font-face {
  font-family: "NotoSerif-Regular";
  font-style: normal;
  src: url("../../assets/fonts/Noto_Serif/NotoSerif-Regular.ttf") format("truetype"), url("../../assets/fonts/Noto_Serif/NotoSerif-Regular.woff") format("woff"), local(NotoSerif-Regular);
}
@font-face {
  font-family: "NotoSerif-Bold";
  font-style: normal;
  font-weight: bold;
  src: url("../../assets/fonts/Noto_Serif/NotoSerif-Bold.ttf") format("truetype"), url("../../assets/fonts/Noto_Serif/NotoSerif-Bold.woff") format("woff"), local(NotoSerif-Bold);
}
@font-face {
  font-family: "NotoSerif-Medium";
  font-style: normal;
  font-weight: medium;
  src: url("../../assets/fonts/Noto_Serif/NotoSerif-Medium.ttf") format("truetype"), local(NotoSerif-Medium);
}
@font-face {
  font-family: "NotoSerif-SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("../../assets/fonts/Noto_Serif/NotoSerif-SemiBold.ttf") format("truetype"), local(NotoSerif-SemiBold);
}
@font-face {
  font-family: "NotoSerif-Condensed";
  font-style: normal;
  font-stretch: condensed;
  src: url("../../assets/fonts/Noto_Serif//NotoSerif-Condensed.ttf") format("truetype"), local(NotoSerif-Condensed);
}
@font-face {
  font-family: "NotoSerif-CondensedMedium";
  font-style: normal;
  font-weight: medium;
  font-stretch: condensed;
  src: url("../../assets/fonts/Noto_Serif/NotoSerif-CondensedMedium.ttf") format("truetype"), local(NotoSerif-CondensedMedium);
}
@font-face {
  font-family: "Inter-Regular";
  font-style: normal;
  src: url("../../assets/fonts/Inter/Inter-Regular.ttf") format("truetype"), url("../../assets/fonts/Inter/Inter-Regular.woff") format("woff"), local(Inter-Regular);
}
@font-face {
  font-family: "Inter-Medium";
  src: url("../../assets/fonts/Inter/Inter-Medium.tff") format("truetype"), url("../../assets/fonts/Inter/Inter-Medium.woff") format("woff"), local(Inter-Medium);
}
@font-face {
  font-family: "Inter-SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url("../../assets/fonts/Inter/Inter-SemiBold.ttf") format("truetype"), url("../../assets/fonts/Inter/Inter-SemiBold.woff") format("woff"), local(Inter-SemiBold);
}
@font-face {
  font-family: "Inter-Bold";
  font-style: normal;
  font-weight: bold;
  src: url("../../assets/fonts/Inter/Inter-Bold.ttf") format("truetype"), url("../../assets/fonts/Inter/Inter-Bold.woff") format("woff"), local(Inter-Bold);
}
@font-face {
  font-family: "BarlowCondensed-Medium";
  font-style: normal;
  font-stretch: condensed;
  src: url("../../assets/fonts/BarlowCondensed/BarlowCondensed-Medium.ttf") format("truetype"), url("../../assets/fonts/BarlowCondensed/BarlowCondensed-Medium.woff") format("woff"), local(BarlowCondensed-Medium);
}
@font-face {
  font-family: "BarlowCondensed-SemiBold";
  font-style: normal;
  font-stretch: condensed;
  src: url("../../assets/fonts/BarlowCondensed/BarlowCondensed-SemiBold.ttf") format("truetype"), url("../../assets/fonts/BarlowCondensed/BarlowCondensed-SemiBold.woff") format("woff"), local(BarlowCondensed-SemiBold);
}
@font-face {
  font-family: "BarlowCondensed-Regular";
  font-style: normal;
  font-stretch: condensed;
  src: url("../../assets/fonts/BarlowCondensed/BarlowCondensed-Regular.ttf") format("truetype"), url("../../assets/fonts/BarlowCondensed/BarlowCondensed-Regular.woff") format("woff"), local(BarlowCondensed-Regular);
}
/*
** Layout
*/
header {
  width: 100%;
  font-family: "Inter-SemiBold", sans-serif;
  background-color: #ffffff;
  border: none;
  color: #747474;
  z-index: 99;
  padding: 0;
  box-shadow: 0 3px 7px -1px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  height: 16.2rem;
  position: fixed;
}
@media only screen and (min-width: 1920px) {
  header.front-page {
    position: sticky;
    transform: translateY(0);
  }
}
@media only screen and (max-width: 41.4rem) {
  header.front-page {
    position: static;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
  }
}
header.front-page.scroll {
  position: absolute;
  height: 16.2rem;
}
header.front-page.scroll .header-top-row {
  opacity: 0.8;
  transform: translateY(-1.4rem);
}
@media only screen and (min-width: 1920px) {
  header.front-page.scroll {
    position: fixed;
    height: 12rem;
    transform: translateY(-30rem);
  }
  header.front-page.scroll .header-top-row {
    opacity: 0;
    transform: translateY(-3rem);
    -webkit-transform: translateY(-3rem);
    -moz-transform: translateY(-3rem);
  }
}
header.front-page.hamburger-open {
  margin-top: 0;
  position: fixed;
}
header.scroll {
  height: 14rem;
}
header.scroll .header-top-row {
  opacity: 0;
  transform: translateY(-3rem);
  -webkit-transform: translateY(-3rem);
  -moz-transform: translateY(-3rem);
}
header.scroll .header-bottom-row__logocontainer > img {
  scale: 110%;
  margin-top: 0.8rem;
  margin-bottom: 0;
}
header.scroll .header-bottom-row__logocontainer--logo-text {
  opacity: 0;
}
@media (max-width: 1199.98px) {
  header {
    position: fixed;
    height: 9rem;
  }
}
header .row {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  padding-right: 2rem;
  padding: 0;
}
header .header-inner {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 auto;
  max-width: 92vw;
}
@media only screen and (min-width: 1920px) {
  header .header-inner {
    max-width: 76vw !important;
  }
}
@media (max-width: 991.98px) {
  header .header-inner {
    max-width: 100vw;
  }
}
header .header-top-row {
  position: absolute;
  transform: translateY(-1.4rem);
  width: 100%;
  transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96), opacity 0.3s ease-out;
  -webkit-transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96), opacity 0.3s ease-out;
  -moz-transition: transform 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96), opacity 0.3s ease-out;
  padding-right: 3rem;
}
header .header-top-row__list {
  width: calc(100% - 0.4rem);
  display: flex;
  justify-content: flex-end;
  gap: 2.8rem;
  height: 1.3rem;
  font-size: 1.2rem;
  line-height: 1.3rem;
  letter-spacing: 0;
  text-align: center;
}
header .header-top-row__list-item {
  font-size: 10px;
}
header .header-bottom-row {
  width: 100%;
  display: flex;
  margin-top: 0;
  padding-right: 0.6rem;
}
@media only screen and (max-width: 41.4rem) {
  header .header-bottom-row {
    align-items: center;
    padding: 0 0 0 1rem !important;
  }
}
header .header-bottom-row__logocontainer {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1920px) {
  header .header-bottom-row__logocontainer {
    margin: 0 5rem 0 2rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  header .header-bottom-row__logocontainer {
    width: 15rem !important;
  }
}
header .header-bottom-row__logocontainer .custom-logo {
  height: 8.3rem;
  width: 20rem;
  scale: 110%;
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 41.4rem) {
  header .header-bottom-row__logocontainer .custom-logo {
    width: 15rem !important;
    padding: 1.1rem 0;
    scale: 105% 107%;
    margin: 0;
  }
}
@media only screen and (min-width: 1920px) {
  header .header-bottom-row__logocontainer .custom-logo {
    scale: 125%;
  }
}
header .header-bottom-row__logocontainer--logo-text {
  width: 22.7rem;
  margin-top: 1rem;
  margin-left: 0.5rem;
  transition: all 0.4s ease;
}
header .dropdown-toggle {
  line-height: 22px;
  letter-spacing: 0.6px;
  font-size: 1.6rem;
  overflow: visible;
  display: flex;
  align-items: center;
}
header .dropdown-toggle:after {
  position: relative;
  content: "";
  width: 12px;
  height: 7px;
  border: 0;
  margin-top: -2px;
  margin-left: 13px;
  background: url("/wp-content/themes/tdl-child/assets/img/arrow-up.svg");
  background-repeat: no-repeat !important;
  background-size: contain;
}
header .dropdown.show .dropdown-toggle:after {
  transform-origin: center;
  -moz-transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  background: url("wp-content/themes/tdl-child/assets/img/arrow-up-white.svg");
}
header .header-top-row .custom-logo-link {
  display: flex;
  align-items: flex-end;
  max-width: 400px;
  margin-top: 18px;
}
@media (max-width: 991.98px) {
  header .header-top-row .custom-logo-link {
    max-width: 171px;
    margin: 0;
    margin-top: 0;
  }
}
header .header-top-row .custom-logo-link img {
  object-fit: contain;
  width: 400px;
  height: auto;
}
@media (max-width: 991.98px) {
  header .header-top-row .custom-logo-link img {
    width: 171px;
  }
}
@supports (-moz-appearance: none) {
  header .header-top-row .custom-logo-link img {
    height: 59px;
  }
}
@media (min-width: 992px) {
  header .header-bottom-row {
    display: flex;
    align-items: center;
    padding: 0;
  }
  header .header-bottom-row .navbar {
    padding: 0 16rem 0 0;
    margin-left: 6rem;
    border-top: 2px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
    width: 100%;
    height: 8rem;
    position: static;
  }
  header .header-bottom-row .navbar .navbar-inner {
    width: 100%;
    height: 100%;
    text-transform: none !important;
  }
  header .header-bottom-row .navbar .navbar-inner.show {
    display: none;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    font-size: 1rem;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .current-menu-item {
    border-bottom: 2px solid #ffffff;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .nav-item:last-child .dropdown-toggle {
    color: #000000;
    letter-spacing: 0.89px;
    display: flex;
    justify-content: center;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .nav-item:last-child .dropdown-toggle:after {
    background: url("/wp-content/themes/tdl-child/assets/img/hamburger-chef.svg");
    width: 26px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    -moz-transform: rotateZ(0deg);
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .nav-item .nav-link {
    line-height: 2.2rem;
    letter-spacing: 0;
    transition: all 0.4s ease;
    border-right: 1px solid #e1e1e1;
    padding: 1rem 2.2rem 1rem 2rem !important;
    font-size: 1.8rem;
    font-family: inherit;
    font-weight: inherit;
  }
  header .header-bottom-row .navbar .navbar-inner .navbar-nav .nav-item .nav-link:hover {
    box-shadow: 0 -4px 0 0 transparent inset;
    -webkit-box-shadow: 0 -4px 0 0 transparent inset;
    -moz-box-shadow: 0 -4px 0 0 transparent inset;
  }
  header .header-bottom-row .navbar .navbar-inner .current-menu-item .nav-link {
    box-shadow: 0 -4px 0 0 transparent inset !important;
    -webkit-box-shadow: 0 -4px 0 0 transparent inset !important;
    -moz-box-shadow: 0 -4px 0 0 transparent inset !important;
  }
  header .header-bottom-row .navbar .navbar-inner .dropdown-toggle[aria-expanded=true] {
    box-shadow: 0 -4px 0 0 transparent inset !important;
    -webkit-box-shadow: 0 -4px 0 0 transparent inset !important;
    -moz-box-shadow: 0 -4px 0 0 transparent inset !important;
    color: #3c7c86;
    padding: 0 -2px;
  }
  header .header-bottom-row .navbar .navbar-inner .dropdown-toggle[aria-expanded=true]::after {
    background: url("/wp-content/themes/tdl-child/assets/img/arrow-up-white.svg");
  }
  header .header-bottom-row .navbar .navbar-inner .dropdown-toggle[aria-expanded=true]::before {
    content: "";
    background-color: #d0e0e2;
    position: absolute;
    height: 14rem;
    width: 100%;
    z-index: -1;
    bottom: -8.2rem;
    left: 0;
    right: 0;
    border-top: 0.8rem solid #afcdd5;
  }
  header .header-bottom-row .nav-item {
    margin-right: 0;
    line-height: 1.2rem;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
  }
  header .header-bottom-row .nav-item.show {
    transition: all ease 0.8s;
  }
  header .header-bottom-row .nav-item:last-child {
    margin-left: 0;
  }
  header .header-bottom-row .nav-item:nth-child(8), header .header-bottom-row .nav-item:nth-child(14) {
    grid-row: 2;
  }
  header .header-bottom-row .nav-item.menu-item-has-children .dropdown-outer > .dropdown-menu > li:first-child {
    grid-row: 1;
    grid-column: 1/-1;
    width: clamp(34rem, 50vw, 80rem);
    text-transform: uppercase;
  }
  header .header-bottom-row .nav-item.menu-item-has-children .dropdown-outer > .dropdown-menu > li:first-child .dropdown-item {
    line-height: 2.6rem;
    color: #3c7c86;
  }
  header .header-bottom-row .nav-item.menu-item-has-children .dropdown-outer > .dropdown-menu > li:first-child .dropdown-item:nth-of-type(-n + 2)::after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 3rem;
    width: 3rem;
    translate: 50% 22.5%;
    font-weight: 600;
    background: no-repeat url("/wp-content/themes/tdl-child/assets/img/arrow-right-white.svg");
  }
  header .header-bottom-row .nav-item.menu-item-has-children .dropdown-outer > .dropdown-menu > li:first-child .dropdown-item {
    color: #3c7c86;
  }
  header .header-bottom-row .nav-item.menu-item-has-children .dropdown-outer > .dropdown-menu > li:first-child:nth-child(8) {
    grid-row: 2;
    grid-column: 2;
  }
  header .header-bottom-row .nav-item.menu-item-has-children .dropdown-outer > .dropdown-menu > li:first-child:nth-child(15) {
    grid-row: 2;
    grid-column: 3;
  }
  header .header-bottom-row .dropdown {
    position: static;
    z-index: 10;
  }
  header .header-bottom-row .dropdown .dropdown-toggle {
    position: relative;
  }
  header .header-bottom-row .dropdown .dropdown-toggle:first-of-type {
    padding-left: 0 !important;
  }
  header .header-bottom-row .dropdown .dropdown-outer {
    background-color: #3c7c86;
    position: absolute;
    border: none;
    width: 100%;
    left: 0;
    right: 0;
    top: 100%;
    display: flex;
    justify-content: flex-end;
    border-radius: 3px;
    filter: drop-shadow(-2px -2px 6px rgba(51, 51, 51, 0.4));
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu {
    max-width: 100%;
    height: 100%;
    border-bottom: 1.5rem solid #afcdd5;
    font-size: 2.2rem;
    font-family: "BarlowCondensed-SemiBold", sans-serif;
    letter-spacing: 0.7px;
    grid-template-columns: repeat(3, 25%);
    border-radius: 3px;
    -ms-grid-columns: repeat(3, 25%);
    grid-template-rows: repeat(7, auto);
    -ms-grid-rows: repeat(7, auto);
    grid-auto-flow: column;
    -ms-grid-auto-flow: column;
    margin: 0 auto;
    padding: 3.6rem 10% 5.6rem 19%;
    position: static;
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
  }
}
@media only screen and (min-width: 992px) and (min-width: 1920px) {
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu {
    padding: 3rem 15% 5rem 21%;
  }
}
@media (min-width: 992px) {
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu.show {
    background-color: #d0e0e2;
    opacity: 1;
    visibility: visible;
    display: grid;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu.show > li {
    border: none !important;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu .menu-item {
    display: block;
    margin-right: 0;
    padding: 0.8rem 1rem;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu .menu-item:last-child {
    margin-left: 0;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu .menu-item .dropdown-item {
    transform: translateY(0px);
    font-size: 2.2rem;
    font-family: "BarlowCondensed-SemiBold", sans-serif;
    letter-spacing: 0.7px;
    display: inline-block;
    line-height: 22px;
    width: auto;
    padding: 5px 10px 5px 0;
    text-align: inherit;
    border: 0;
    transition: all 0.2s ease;
    color: #3c7c86;
  }
  header .header-bottom-row .dropdown .dropdown-outer .dropdown-menu .menu-item .dropdown-item:hover {
    background-color: transparent;
    text-decoration: underline;
    text-decoration-color: #3c7c86;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
    transform: translate(-2px, -1px);
  }
}
@media (max-width: 1199.98px) {
  header .header {
    width: 100%;
  }
  header .header-top-row {
    display: none;
  }
  header .header-bottom-row__logocontainer {
    width: 22rem;
  }
  header .header-bottom-row__logocontainer .custom-logo-link {
    width: 100%;
  }
  header .header-bottom-row__logocontainer .custom-logo-link .custom-logo {
    width: 20rem;
    height: 8.2rem;
  }
  header .header-bottom-row__logocontainer--logo-text {
    margin-top: 0;
    margin-left: 0;
    height: 15px;
    width: 167px;
  }
  header .header-bottom-row {
    padding-left: 3.3rem;
    padding-right: 1.2rem;
    margin-top: 0;
    justify-content: space-between;
  }
  header .header-bottom-row .header-menu-buttons {
    right: 0;
  }
  header .navbar-toggler {
    position: relative;
    padding: 0;
    line-height: 1;
    z-index: 11;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    margin-left: 1.8rem;
  }
  header .navbar-toggler > img {
    width: 26px;
  }
  header .navbar-toggler > img.closed {
    height: 20px;
  }
  header .navbar-toggler.open + .navbar-inner {
    opacity: 1;
    visibility: visible;
  }
  header .navbar {
    display: none;
    padding: 0;
    flex: 0;
    justify-content: flex-end;
    width: 100%;
    position: static;
    order: 2;
  }
  header .navbar .navbar-inner {
    position: absolute;
    top: 2px;
    z-index: 10;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #575757;
    opacity: 0;
    visibility: hidden;
    overflow: scroll;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
  header .navbar .navbar-inner .nav-link {
    margin-left: 17px;
    padding: 17px 0;
  }
  header .navbar .navbar-inner .navbar-nav {
    margin-top: 7rem;
    padding: 0;
    width: 100%;
    display: flex;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-toggle {
    display: flex;
    align-items: center;
  }
  header .navbar .navbar-inner .navbar-nav > .nav-item {
    border-bottom: 1px solid #d0e0e2;
  }
  header .navbar .navbar-inner .navbar-nav > .nav-item:last-child .dropdown-toggle {
    color: #000000;
  }
  header .navbar .navbar-inner .navbar-nav > .nav-item:last-child .dropdown-toggle:after {
    background: url("/wp-content/themes/tdl-child/assets/img/arrow-up-white.svg");
  }
  header .navbar .navbar-inner .navbar-nav > .nav-item.show {
    border: none;
    padding: 0;
  }
  header .navbar .navbar-inner .navbar-nav > .nav-item.show a {
    margin: 0;
    padding: 17px 17px 17px 28px;
  }
  header .navbar .navbar-inner .navbar-nav > .nav-item:not(.show) {
    margin: 0 17px;
    padding: 0;
  }
  header .navbar .navbar-inner .navbar-nav > .nav-item:first-child {
    border-top: 1px solid #d0e0e2;
  }
}
@media (max-width: 1199.98px) and (max-width: 767.98px) {
  header .navbar .navbar-inner .navbar-nav > .nav-item:first-child {
    margin-top: 1.5rem;
  }
}
@media (max-width: 1199.98px) {
  header .navbar .navbar-inner .navbar-nav > .nav-item:last-child {
    border: 0;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu {
    background-color: #3c7c86;
    min-width: auto;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 17px 0;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu.show {
    margin: 0px 24px;
    overflow: hidden;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu .nav-item {
    border: 0;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu .dropdown-item {
    display: inline-block;
    padding: 17px 0 17px 34px;
    font-size: 1.4rem;
    text-align: inherit;
    border: 0;
    color: #3c7c86;
    font-family: "BarlowCondensed-Medium", sans-serif;
    font-size: 2.2rem;
    letter-spacing: 0.7px;
  }
  header .navbar .navbar-inner .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
  }
}
header .login-container {
  position: absolute;
  right: 0;
}
header .login-container,
header .login-container-mobile {
  color: #000000;
  display: flex;
  flex-direction: row;
  height: 20px;
}
@media (max-width: 991.98px) {
  header .login-container,
  header .login-container-mobile {
    height: 100%;
    margin: 2rem;
    max-width: 540px;
    width: 100%;
  }
}
header .login-container a,
header .login-container-mobile a {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-left: 0;
}
@media (max-width: 991.98px) {
  header .login-container a,
  header .login-container-mobile a {
    margin-left: 34px;
    margin-bottom: 2.5rem;
  }
}
header .login-container a:last-child,
header .login-container-mobile a:last-child {
  margin-left: 40px;
}
@media (max-width: 991.98px) {
  header .login-container a:last-child,
  header .login-container-mobile a:last-child {
    margin-left: 34px;
    margin-bottom: 0;
  }
}
header .login-container a:last-child img,
header .login-container-mobile a:last-child img {
  height: 16px;
}
header .login-container a span,
header .login-container-mobile a span {
  font-size: 1.4rem;
}
@media (max-width: 991.98px) {
  header .login-container a span,
  header .login-container-mobile a span {
    margin-left: 5px;
  }
}
header .login-container img,
header .login-container-mobile img {
  height: 18px;
  margin-right: 5px;
}
@media (max-width: 991.98px) {
  header .login-container,
  header .login-container-mobile {
    flex-direction: column;
  }
}
@media (max-width: 991.98px) {
  header .login-container {
    display: none;
  }
}

.banner-ad {
  display: none;
}
.banner-ad.front-page {
  display: flex;
  justify-content: space-around;
  align-items: center;
  transition: all 2s ease;
  height: 30rem;
  width: 100%;
  background-color: #e1e1e1;
  z-index: 10;
  transition: opacity 0.5s ease-in;
}
@media only screen and (max-width: 41.4rem) {
  .banner-ad.front-page {
    transition: height 0.15s ease-in, opacity 0.1s ease-in;
    -webkit-transition: height 0.15s ease-in, opacity 0.1s ease-in;
    -moz-transition: height 0.15s ease-in, opacity 0.1s ease-in;
    flex-direction: column;
    height: 38rem;
  }
}
.banner-ad.front-page.hamburger-open {
  height: 0px !important;
  opacity: 0;
  transition: height 0.25s ease-in, opacity 0.1s ease-in;
  -webkit-transition: height 0.25s ease-in, opacity 0.1s ease-in;
  -moz-transition: height 0.25s ease-in, opacity 0.1s ease-in;
}

.custom--logo svg {
  width: 100%;
}

#breadcrumbs {
  height: 30px;
  color: #626262;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 30px;
  display: none;
}
#breadcrumbs a {
  height: 30px;
  color: #626262;
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 30px;
  padding-right: 0.5rem;
}
#breadcrumbs span > span {
  padding-right: 0.5rem;
}
#breadcrumbs span > span > span {
  padding-left: 0.5rem;
  padding-right: 0;
}

nav.page-navigation {
  display: none;
  flex-direction: column;
  max-width: 1140px;
  margin: 2.4rem auto 5rem;
}
@media (max-width: 1199.98px) {
  nav.page-navigation {
    max-width: 96rem;
  }
}
@media (max-width: 991.98px) {
  nav.page-navigation {
    max-width: 72rem;
    padding: 0 1.5rem;
  }
}
@media (max-width: 767.98px) {
  nav.page-navigation {
    margin: 2.4rem 0;
  }
}
nav.page-navigation .sub-categories-desktop {
  margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding-bottom: 1.7rem;
  border-bottom: 2px solid;
  box-sizing: border-box;
}
@media (max-width: 1199.98px) {
  nav.page-navigation .sub-categories-desktop {
    display: none;
  }
}
nav.page-navigation .sub-categories-desktop li {
  background-color: #3c7c86;
  height: 2.6rem;
  border-radius: 999rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.page-navigation .sub-categories-desktop li a {
  color: #fff;
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 700;
  padding: 0.8rem 1.6rem;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.5rem;
  text-transform: uppercase;
}
nav.page-navigation .sub-categories-mobile--container {
  display: none;
}
@media (max-width: 1199.98px) {
  nav.page-navigation .sub-categories-mobile--container {
    position: relative;
    margin-top: 2.6rem;
    display: block;
    display: flex;
    justify-content: flex-end;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile {
    position: absolute;
    top: -2.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.3rem;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile img {
    display: none;
    pointer-events: none;
    position: absolute;
    top: 1.15rem;
    right: 1rem;
    z-index: 2;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile img.open {
    display: block;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile--title {
    background-color: #3c7c86;
    border-radius: 999rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 9.6rem;
    height: 2.6rem;
    padding: 0.8rem 2.2rem;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile--title h2 {
    width: fit-content;
    color: #fff;
    font-family: "Inter-SemiBold", sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1.5rem;
    text-transform: uppercase;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile--title img {
    display: inline-block;
    height: 0.5rem;
    width: 0.8rem;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile--list {
    display: none;
    background-color: #ffffff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
    overflow-y: scroll;
    padding: 2rem;
    width: 26rem;
    height: 36rem;
    position: absolute;
    z-index: 1;
    top: 4rem;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile--list li {
    padding: 0.5rem;
    font-family: "Inter-Regular", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.8rem;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile--list::-webkit-scrollbar {
    width: 2rem;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile--list::-webkit-scrollbar-thumb {
    background-color: #3c7c86;
    border-top: 2rem white solid;
    border-right: 1.8rem white solid;
    border-bottom: 6rem white solid;
    background-clip: padding-box;
  }
  nav.page-navigation .sub-categories-mobile--container .sub-categories-mobile--list.open {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}

footer {
  background-color: #006c78;
  border-top: 2.4rem solid #ecf3f5;
  border-bottom: 2.4rem solid #ecf3f5;
  color: #ffffff;
  padding: 6rem 0 0 0;
}
@media only screen and (max-width: 41.4rem) {
  footer {
    border-width: 1.2rem;
  }
}
footer.hide-footer {
  grid-row-start: 4;
}
@media (min-width: 992px) {
  footer .container {
    max-width: 127rem !important;
    padding: 0 3rem;
  }
}
@media only screen and (min-width: 1920px) {
  footer .container {
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  footer {
    padding: 0;
  }
}
footer h3 {
  margin-bottom: 2.1rem;
  font-family: "Inter-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
}
footer p {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.2rem;
  line-height: 2rem;
}
footer a {
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 2rem;
}
footer a:hover {
  color: inherit;
}
footer .widget_text > div {
  margin: 2rem 0 2rem 0;
  padding-bottom: 1.1rem;
  font-size: 1.4rem;
  font-family: "Inter-SemiBold", sans-serif;
}
footer .widget_nav_menu h3 {
  word-break: break-all;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  text-transform: uppercase;
  margin-bottom: 2.1rem;
}
footer .widget_nav_menu div ul {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 2rem;
}
footer .widget_nav_menu div ul li > a {
  width: 100%;
  text-decoration: none;
  transition: all 0.2s ease-in;
}
footer .widget_nav_menu div ul li > a:hover {
  text-decoration: underline;
  text-decoration-color: #c7e3de;
  transform: scale(1.005);
}
footer .image {
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
footer .image:hover {
  -ms-filter: brightness(1.5);
  filter: brightness(1.5);
}
footer .footer-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
footer .footer-column:first-child {
  padding-left: 6rem !important;
  justify-content: flex-start;
  gap: 0.8rem;
}
@media (max-width: 767.98px) {
  footer .footer-column:first-child {
    padding: 1rem 2rem 4.4rem 2.8rem !important;
  }
}
@media only screen and (min-width: 1920px) {
  footer .footer-column:first-child {
    padding: 0 !important;
  }
}
@media only screen and (min-width: 1920px) {
  footer .footer-column:nth-child(n+4) {
    padding-left: 6rem !important;
  }
}
@media (max-width: 991.98px) {
  footer .footer-column {
    padding: 0 1.5rem;
  }
}
footer .footer-column .wp-block-jetpack-contact-info {
  margin: unset;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
footer .footer-column .wp-block-jetpack-contact-info .wp-block-jetpack-email,
footer .footer-column .wp-block-jetpack-contact-info .wp-block-jetpack-phone {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
}
footer .footer-column .wp-block-jetpack-contact-info .wp-block-jetpack-address {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.2rem;
  line-height: 2rem;
}
footer .footer-column .widget_block:first-of-type {
  margin-top: -1rem;
}
footer .footer-column .newsletter {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  width: clamp(32.4rem, 100%, 41rem);
  padding: 3rem 0 2rem;
}
footer .footer-column .newsletter > span {
  padding: 0;
  margin: 0;
  color: #ffffff;
}
footer .footer-column .newsletter__title {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.8rem;
  line-height: 2.2rem;
  text-transform: uppercase;
}
footer .footer-column .newsletter__subtitle {
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.2rem;
  line-height: 2rem;
}
footer .footer-column .newsletter__form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 93%;
  padding-top: 1rem;
}
footer .footer-column .newsletter__form--email {
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.2rem;
  line-height: 2rem;
  color: #3c7c86;
  background-color: #d0e0e2;
  border: 0.5px solid transparent;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  width: 55%;
}
footer .footer-column .newsletter__form--email:focus-visible, footer .footer-column .newsletter__form--email:focus {
  border-color: transparent;
  color: #292929;
  background-color: #8f8e8e;
  outline: none;
}
footer .footer-column .newsletter__form--button {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-transform: uppercase;
  border: 0.5px solid transparent;
  border-radius: 20px;
  color: #000000;
  background-color: #ffffff;
  padding: 0.8rem 4.8rem;
  transition: all 0.2s ease;
}
footer .footer-column .newsletter__form--button:hover {
  background-color: #8f8e8e;
  filter: brightness(1.2);
}
@media (max-width: 767.98px) {
  footer .footer-column .newsletter__title {
    font-size: 1.6rem;
  }
  footer .footer-column .newsletter__form {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2.3rem;
    width: 96%;
  }
  footer .footer-column .newsletter__form--email {
    width: 100%;
  }
}
footer .social-media-container {
  padding: 2rem 0 0;
  margin: 0 !important;
}
footer .social-media-container .widget {
  display: initial;
}
footer .social-media-container .widget div {
  display: flex;
  gap: 1.6rem;
  line-height: 2.8rem;
}
footer .social-media-container .widget div a {
  position: relative;
  height: 3.6rem;
  width: 3.6rem;
  border-radius: 100%;
  background-color: #afcdd5;
  transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
footer .social-media-container .widget div a:hover {
  background-color: #d0e0e2;
  transform: scale(1.1);
}
footer .social-media-container .widget div a:hover .a2a_svg > svg > path {
  fill: #077d69 !important;
}
footer .social-media-container .widget div a .a2a_svg {
  background-size: 3rem !important;
  line-height: 3rem !important;
  color: #3c7c86 !important;
  height: 3rem !important;
  width: 3rem !important;
}
footer .social-media-container .widget div a .a2a_svg > svg path {
  fill: #3c7c86 !important;
}
footer .social-media-container .widget div a:first-child .a2a_svg {
  transform: translate(-8%, 8%);
}
footer .social-media-container .widget div a:first-child .a2a_svg > svg {
  height: 2.4rem;
}
footer .social-media-container .widget div a:nth-child(2) .a2a_svg {
  transform: translate(-4%, 11%);
}
footer .social-media-container .widget div a:nth-child(2) .a2a_svg > svg {
  height: 2.4rem;
}
footer .social-media-container .widget div a:nth-child(3) .a2a_svg {
  transform: scale(1.1) translate(-13%, 4%);
}
footer .social-media-container .widget div a:nth-child(3) .a2a_svg > svg {
  width: 2.8rem;
  height: 2.6rem;
}
footer .social-media-container .widget_media_image {
  margin-right: 15px;
}
footer .description-container {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  footer .description-container {
    max-width: 95%;
  }
}
footer .description-container p {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.2rem;
  padding-right: 2rem;
  line-height: 2rem;
  padding-top: 1.4rem;
}
footer .description-container .widget_media_image {
  margin-top: 5rem;
}
footer .copyright-container {
  margin: 6rem auto 4rem;
  max-width: 127rem;
  opacity: 1 !important;
}
footer .copyright-container > p {
  font-size: 1.4rem;
  font-family: "Inter-Medium", sans-serif;
  line-height: 2.2rem;
  color: #afcdd5;
}
@media only screen and (max-width: 41.4rem) {
  footer .copyright-container {
    padding: 4rem 2rem;
    margin: 0 auto;
  }
}
footer .desktop-footer {
  display: grid;
  grid-template-columns: auto auto 200px 200px;
  flex-wrap: nowrap;
  max-width: 127rem;
}
@media (max-width: 1199.98px) {
  footer .desktop-footer {
    grid-template-columns: 500px auto 200px 200px;
  }
}
@media (max-width: 991.98px) {
  footer .desktop-footer {
    grid-template-columns: 300px auto 200px 200px;
  }
}
@media (max-width: 767.98px) {
  footer .desktop-footer {
    display: none;
  }
}
@media (max-width: 991.98px) {
  footer .desktop-footer .footer-column {
    padding: 0 2rem !important;
  }
}
footer .mobile-footer {
  display: none;
}
@media (max-width: 767.98px) {
  footer .mobile-footer {
    display: block;
  }
}
footer .accordion {
  width: 100%;
}
footer .accordion .widget-title {
  display: none;
}
footer .accordion .footer-column {
  margin: 0;
}
footer .accordion h3 {
  margin-bottom: 0;
}
footer .accordion img {
  transform: scale(0.8) !important;
}
footer .accordion .card-header {
  cursor: pointer;
  padding: 0 1.5rem;
  border-bottom: none !important;
}
@media (max-width: 767.98px) {
  footer .accordion .card-header {
    padding-left: 2.8rem;
  }
}
footer .accordion .click-container {
  align-items: center;
  height: 60px;
}
footer .accordion .card {
  margin-left: -15px;
  margin-right: -15px;
  background-color: #3c7c86;
  border-bottom: 2px solid rgba(175, 205, 213, 0.5) !important;
}
footer .rotate {
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
footer .rotate.down {
  -moz-transform: rotateZ(-180deg);
  -webkit-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
}

.search-form-container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 57px;
  padding: 0 !important;
  margin: 0 !important;
}
@media (max-width: 767.98px) {
  .search-form-container {
    display: block !important;
  }
}
@media only screen and (max-width: 41.4rem) {
  .search-form-container {
    display: none;
  }
}

.search-form-header {
  display: flex;
  align-items: center;
  height: 27px;
  border: none;
}
@media only screen and (max-width: 41.4rem) {
  .search-form-header {
    display: none;
  }
}
.search-form-header input {
  border: none;
}
.search-form-header input:focus {
  outline: none;
}
.search-form-header input[type=text] {
  width: 4.8rem !important;
  font-family: "Inter-SemiBold", sans-serif;
  color: #242423;
  font-size: 1.5rem;
  letter-spacing: 0.7px;
  line-height: 2rem;
  height: 4.8rem;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  border-radius: 999rem;
  padding: 1rem 2rem;
}
@media only screen and (min-width: 1920px) {
  .search-form-header input[type=text] {
    font-size: 1.8rem;
  }
}
.search-form-header input[type=text]:focus {
  width: 26rem !important;
  height: 7rem !important;
  letter-spacing: 0;
  margin-left: 6rem;
  animation: 1s infinite blink-cursor;
}
@media (max-width: 767.98px) {
  .search-form-header input[type=text]:focus {
    width: 200px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .search-form-header input[type=text]:focus {
    width: 35rem !important;
  }
}
.search-form-header input[type=text]:focus::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-family: "Inter-SemiBold", sans-serif;
  color: #a4a2a1;
  padding: 4px 100px 4px 4px;
}
.search-form-header input[type=text]:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-family: "Inter-SemiBold", sans-serif;
  color: #a4a2a1;
  opacity: 1;
  padding: 4px 100px 4px 4px;
}
.search-form-header input[type=text]:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-family: "Inter-SemiBold", sans-serif;
  color: #a4a2a1;
  opacity: 1;
  padding: 4px 100px 4px 4px;
}
.search-form-header input[type=text]:focus:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: "Inter-SemiBold", sans-serif;
  color: #a4a2a1;
  padding: 4px 100px 4px 4px;
}
.search-form-header input[type=text]:focus::-ms-input-placeholder {
  /* Microsoft Edge */
  font-family: "Inter-SemiBold", sans-serif;
  color: #a4a2a1;
  padding: 4px 100px 4px 4px;
}
.search-form-header input[type=text]:focus::placeholder {
  /* Most modern browsers support this now. */
  font-family: "Inter-SemiBold", sans-serif;
  color: #a4a2a1;
}
.search-form-header .search-form-icon {
  position: absolute;
  right: 1.4rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  background-color: #ffffff;
}
.search-form-header input[type=submit] {
  background: url("/wp-content/themes/tdl-child/assets/img/search-icon-orange.svg");
  background-color: #ffffff;
  border: 0;
  height: 1.7rem;
  background-repeat: no-repeat;
  background-position: center;
  object-fit: contain;
  cursor: pointer;
  padding: 10px;
  margin: 2px 0 3px 13px;
}

.search-icons-container {
  margin-right: 3rem;
  cursor: pointer;
  display: none;
  background-color: #ffffff;
}
@media (max-width: 767.98px) {
  .search-icons-container {
    display: block;
    margin-right: 0;
  }
}

.header-menu-buttons {
  position: relative;
  right: -5rem;
  display: flex;
  align-items: center;
}
.header-menu-buttons .mobile-hamburger-menu.dark {
  background-color: #3c7c86;
  border-top: 9px solid #d0e0e2;
  height: 9rem;
  width: 12rem;
}
@media (min-width: 992px) {
  .header-menu-buttons .mobile-hamburger-menu.dark {
    display: none;
  }
}
.header-menu-buttons .desktop-hamburger-menu--closed,
.header-menu-buttons .mobile-hamburger-menu--closed {
  height: 0px;
  opacity: 0;
  position: absolute;
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
}
@media (min-width: 992px) {
  .header-menu-buttons .desktop-hamburger-menu--closed,
  .header-menu-buttons .mobile-hamburger-menu--closed {
    display: none;
  }
}
.header-menu-buttons .desktop-hamburger-menu--container {
  display: none;
}
.header-menu-buttons .mobile-hamburger-menu--container {
  position: relative;
  cursor: pointer;
  width: 10.8rem;
}
@media (min-width: 992px) {
  .header-menu-buttons .mobile-hamburger-menu--container {
    display: none;
  }
}
.header-menu-buttons .mobile-hamburger-menu--open {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 9rem;
  border-bottom: 1.4rem solid #d0e0e2;
  overflow-y: auto;
  overflow-x: clip;
  overscroll-behavior: contain;
  scroll-snap-type: y proximity;
}
.header-menu-buttons .mobile-hamburger-menu--open li {
  font-family: "Inter-SemiBold", sans-serif;
  width: 100%;
  background-color: #3c7c86;
  text-transform: none;
}
.header-menu-buttons .mobile-hamburger-menu--open li ul {
  border: none;
}
.header-menu-buttons .mobile-hamburger-menu--open li a {
  color: #ffffff !important;
}
.header-menu-buttons .mobile-hamburger-menu--open li .dropdown-toggle.back-button {
  color: transparent !important;
  border: none !important;
  flex-direction: row-reverse;
}
.header-menu-buttons .mobile-hamburger-menu--open li .dropdown-toggle.back-button::after {
  background: url("/wp-content/themes/tdl-child/assets/img/mobile-menu-arrow.svg") no-repeat;
  margin: 0 2px 0 0;
  height: 2.8rem;
  width: 2.8rem;
  translate: -85% 0;
  background-size: cover;
}
.header-menu-buttons .mobile-hamburger-menu--open li .dropdown-toggle.back-button::before {
  content: "";
  background: transparent;
  position: absolute;
  width: 110%;
  height: 110%;
  z-index: 99;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.header-menu-buttons .mobile-hamburger-menu--open li .dropdown-toggle::after {
  background: url("/wp-content/themes/tdl-child/assets/img/mobile-menu-arrow.svg") no-repeat;
  margin: 0 2px 0 0;
  height: 2.8rem;
  width: 2.8rem;
  rotate: 180deg;
  background-size: cover;
}
.header-menu-buttons .mobile-hamburger-menu--open li .dropdown-toggle::before {
  content: "";
  background: transparent;
  position: absolute;
  width: 110%;
  height: 110%;
  z-index: 99;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.header-menu-buttons .mobile-hamburger-menu--open li .dropdown-toggle a:hover {
  cursor: pointer;
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-child(-n+3) a.dropdown-toggle {
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 2rem 0 2rem 0.4rem;
  margin: 0 2.4rem;
  justify-content: space-between;
  border-color: #7fa3a6 !important;
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-child(2) > ul.show {
  translate: 0 -6% !important;
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-child(3) > ul.show {
  translate: 0 -10% !important;
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-child(n+3):nth-child(-n+5) a {
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 2rem 0 2rem 0.4rem;
  margin: 0 2.4rem;
  border-color: #7fa3a6 !important;
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-child(5) > a {
  padding-bottom: 2.9rem !important;
}
.header-menu-buttons .mobile-hamburger-menu--open li:not(:nth-child(5n+5)):not(:nth-child(11)) a {
  border-bottom: 1px solid;
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-child(n+6):nth-child(-n+10) {
  font-size: 1.6rem;
  line-height: 2rem;
  position: relative;
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-child(n+6):nth-child(-n+10) a {
  padding: 2rem 0.2rem;
  margin: 0 2.2rem 0 2.6rem;
  z-index: 99;
  position: relative;
  color: #ffffff !important;
  border-color: rgba(127, 163, 166, 0.7);
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-child(n+6):nth-child(-n+10):before {
  content: "";
  z-index: 1;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgba(40, 91, 99, 0.56);
}
.header-menu-buttons .mobile-hamburger-menu--open li:last-child a {
  border: none !important;
}
.header-menu-buttons .mobile-hamburger-menu--open li:last-child::before {
  display: none !important;
}
.header-menu-buttons .mobile-hamburger-menu--open li:nth-last-child(2) > a {
  border-bottom: none !important;
}
.header-menu-buttons .mobile-hamburger-menu--open {
  position: fixed;
  align-items: center;
  width: 100%;
  max-height: calc(100vh - 13rem);
  min-height: min-content;
  right: 0;
}
.header-menu-buttons .mobile-hamburger-menu--open .dropdown-menu {
  height: 100%;
  width: 0%;
  background-color: #d0e0e2;
  transform: translate(100%, 0) !important;
  transition: all 0.2s ease-in;
}
.header-menu-buttons .mobile-hamburger-menu--open .dropdown-menu.show {
  width: 100%;
  height: 200vh;
  overflow: scroll;
  transform: unset !important;
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
  z-index: 2000;
}
.header-menu-buttons .mobile-hamburger-menu--open .dropdown-menu.show .menu-item {
  margin: 0;
  width: 100%;
  border: none;
  box-shadow: none;
  padding: 1.4rem 0.6rem;
}
.header-menu-buttons .mobile-hamburger-menu--open .dropdown-menu.show .menu-item:before {
  display: none;
}
.header-menu-buttons .mobile-hamburger-menu--open .dropdown-menu.show .menu-item a {
  border: none;
  padding: 0 !important;
  margin: 0;
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 2.2rem;
  line-height: 2.6rem;
  letter-spacing: 0.7px;
}
.header-menu-buttons .mobile-hamburger-menu--open .dropdown-menu.show .menu-item a:active {
  background-color: #285b63;
}
.header-menu-buttons .mobile-hamburger-menu--open .dropdown-menu.show .menu-item .all-articles {
  text-transform: uppercase;
}
.header-menu-buttons .mobile-hamburger-menu--open .dropdown-menu.show .menu-item .all-articles::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 2.2rem;
  width: 2.2rem;
  translate: 50% 22.5%;
  font-weight: 600;
  background: no-repeat url("/wp-content/themes/tdl-child/assets/img/arrow-right-white.svg");
}
.header-menu-buttons .desktop-hamburger-menu--arrow-open {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: -30px;
  right: 50%;
  transform: translateX(50%);
}
.header-menu-buttons .desktop-hamburger-menu--arrow-closed {
  display: none;
}
.header-menu-buttons .desktop-hamburger-menu,
.header-menu-buttons .mobile-hamburger-menu {
  position: relative;
  width: 10.8rem;
  height: 8.2rem;
  background-color: transparent;
}
.header-menu-buttons .desktop-hamburger-menu--icon,
.header-menu-buttons .mobile-hamburger-menu--icon {
  height: 47px;
  position: absolute;
  right: 0;
}
.header-menu-buttons .desktop-hamburger-menu--icon img,
.header-menu-buttons .mobile-hamburger-menu--icon img {
  z-index: 1;
  left: 50%;
  top: 50%;
}
.header-menu-buttons .mobile-hamburger-menu--icon {
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  padding-right: 2.4rem;
}
.header-menu-buttons .mobile-hamburger-menu--icon span {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.5rem;
  letter-spacing: -0.3px;
  text-transform: none;
  padding-left: 0.7rem;
}
.header-menu-buttons .mobile-hamburger-menu--icon.dark {
  color: #ffffff;
  padding-left: 1rem;
}
.header-menu-buttons .mobile-hamburger-menu--extras {
  min-height: 10rem;
  width: 100%;
  display: flex;
  padding: 1.6rem;
  justify-content: space-between;
  align-items: center;
  background-color: #3c7c86;
}
.header-menu-buttons .mobile-hamburger-menu--extras .extras-divider {
  height: 6rem;
  width: 1px;
  background-color: #7fa3a6;
  margin-left: 0.6rem;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown {
  width: 50%;
  text-align: center;
  margin: 0 !important;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown__form {
  background-color: transparent;
  display: flex;
  flex-direction: row-reverse;
  max-width: 100%;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown__form input {
  border: none;
  background-color: transparent;
  color: #ffffff;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.8rem;
  line-height: 2.1rem;
  max-width: 55%;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown__form input:focus-visible {
  border: none !important;
  background-color: transparent;
  max-width: 90%;
  outline: none;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown__form input::-webkit-input-placeholder {
  color: #ffffff;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown__form input::-moz-placeholder {
  color: #ffffff;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown__form .search-form-icon {
  scale: 90%;
  margin-right: 0.8rem;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown__form input:focus + img {
  display: none;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown span {
  color: #ffffff;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.8rem;
  line-height: 2.1rem;
}
.header-menu-buttons .mobile-hamburger-menu--extras .search-btn-dropdown span:before {
  content: "";
  background: url("/wp-content/themes/tdl-child/assets/img/search-icon-light-chef.svg") no-repeat;
  height: 1.7rem;
  width: 1.7rem;
  display: inline-block;
  margin: 0 1.8rem -0.2rem 0;
}

.login-mobile__header {
  margin-left: 0.8rem;
}
@media (min-width: 768px) {
  .login-mobile__header {
    display: none;
    opacity: 0;
  }
}
.login-mobile__header.hide {
  display: none;
}
.login-mobile__header a {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: -0.24px;
  text-transform: none;
  width: 8.5rem;
  border-radius: 20px;
  border: 1px solid #f34d0f;
  padding: 0.7rem 1.5rem;
  color: #575757;
}
.login-mobile__dropdown {
  width: 50%;
}
.login-mobile__dropdown a {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.8rem;
  line-height: 2.1rem;
  padding: 1rem 0 1rem 0.6rem !important;
  margin: 0 !important;
}
.login-mobile__dropdown a:before {
  content: "";
  background: url("/wp-content/themes/tdl-child/assets/img/user-icon-white.svg") no-repeat;
  height: 2.2rem;
  width: 2.4rem;
  display: inline-block;
  margin: 0 1.4rem -0.1rem 0;
}

/*
** Modules
*/
/*
** Form
*/
/*
** Pages
*/
.page__intro-container {
  width: clamp(34.5rem, 72vw, 90rem);
  margin-top: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.page__intro-container--titles > h1 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 5rem;
  letter-spacing: -0.2px;
  line-height: 6.2rem;
  color: #000000;
}
@media (max-width: 767.98px) {
  .page__intro-container--titles > h1 {
    font-size: 4rem;
  }
}
.page__intro-container--titles h2 {
  margin-top: 2.8rem;
  font-family: "NotoSerif-Medium", serif;
  font-size: 3rem;
  letter-spacing: -0.15px;
  line-height: 3.8rem;
  color: #292929;
}
@media (max-width: 767.98px) {
  .page__intro-container--titles h2 {
    font-size: 2.6rem;
    line-height: 3rem;
    align-self: center;
  }
}
.page__divider {
  height: 2px;
  width: 100%;
  border-bottom: 2px solid;
}
.page__excerpt p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: "Inter-Regular", sans-serif;
  color: #242423;
}
.page__excerpt p > strong {
  font-family: "NotoSerif-Regular", serif;
  font-size: 2.2rem;
  letter-spacing: 0;
  line-height: 2.8rem;
  font-weight: 400;
  color: #292929;
}
.page__excerpt p > a {
  font-family: "Inter-Medium", sans-serif;
  color: #292929;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 1.7rem;
}
.page__excerpt p > a:hover {
  text-decoration: none;
  color: #575757;
}
.page__excerpt p:not(:has(a)) {
  padding: 2rem 0;
}
.page__excerpt p:first-child {
  padding-bottom: 0;
}
.page__excerpt p:has(a) {
  align-self: flex-start;
}
.page__excerpt img.size-thumbnail {
  border-radius: 100%;
  object-fit: contain;
}
.page__excerpt img:not(.size-thumbnail) {
  align-self: flex-start;
}
.page__excerpt p:has(img) {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 2rem;
  font-family: "Inter-Medium", sans-serif;
  font-size: 2rem;
  color: #232326;
}
.page__excerpt p:has(img.size-thumbnail) {
  align-self: flex-start;
}
.page__excerpt ul {
  width: 100% !important;
}
.page__excerpt ul li {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: "Inter-Regular", sans-serif;
  color: #242423;
  padding: 1rem 0 1rem 2.8rem;
}
.page__excerpt ul li::before {
  content: "•";
  font-size: 2rem;
  line-height: 2rem;
  color: #d5410b;
  display: inline-block;
  translate: -2rem -1px;
}
.page__excerpt h3 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.8rem;
  line-height: 3.4rem;
  color: #232326;
}
.page__excerpt h3:last-of-type {
  margin-top: 2rem;
}
@media only screen and (max-width: 41.4rem) {
  .page__excerpt {
    margin-top: 40rem;
    gap: 1rem;
  }
  .page__excerpt p {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
  .page__excerpt p > strong {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-family: "NotoSerif-Medium", serif;
    color: #242423;
  }
  .page__excerpt p:has(img) {
    font-size: 1.4rem;
    line-height: 1.8rem;
    width: 100%;
  }
  .page__excerpt p:has(img.size-thumbnail) {
    max-width: 87%;
  }
  .page__excerpt p:not(:has(a)) {
    padding: 0.4rem 0;
  }
  .page__excerpt p:has(a) {
    line-height: 2rem;
  }
  .page__excerpt p > a {
    font-size: 1.3rem;
    line-height: 2rem;
    font-family: "Inter-SemiBold", sans-serif;
    letter-spacing: 0.1px;
    text-decoration: none;
    color: #2e8f92;
  }
  .page__excerpt img:not(.size-thumbnail) {
    object-fit: contain;
    max-width: 100%;
    margin: 0 auto 1rem;
  }
  .page__excerpt ul {
    max-width: 95%;
    margin: 0 auto;
  }
  .page__excerpt ul li {
    padding: 0.4rem 0 0.4rem 0.4rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-left: 0.6rem;
    text-indent: -0.6rem;
  }
  .page__excerpt ul li::before {
    translate: -0.8rem 1px;
  }
  .page__excerpt img.size-thumbnail {
    width: 13rem;
  }
  .page__excerpt h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
}

.page-template-default .entry-content {
  width: clamp(34.5rem, 72vw, 90rem);
  margin-top: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  margin: 3rem auto 8rem;
}
.page-template-default .entry-content h1 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 5rem;
  letter-spacing: -0.2px;
  line-height: 6.2rem;
  color: #000000;
}
@media (max-width: 767.98px) {
  .page-template-default .entry-content h1 {
    font-size: 4rem;
  }
}
.page-template-default .entry-content h2 {
  margin-top: 2.8rem;
  font-family: "NotoSerif-Medium", serif;
  font-size: 3rem;
  letter-spacing: -0.15px;
  line-height: 3.8rem;
  color: #292929;
}
.page-template-default .entry-content__divider {
  height: 2px;
  width: 100%;
  border-bottom: 2px solid;
}
.page-template-default .entry-content p {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: "Inter-Regular", sans-serif;
  color: #242423;
}
.page-template-default .entry-content p > strong {
  font-family: "NotoSerif-Regular", serif;
  font-size: 2.2rem;
  letter-spacing: 0;
  line-height: 2.8rem;
  font-weight: 400;
  color: #292929;
}
.page-template-default .entry-content p > a {
  font-family: "Inter-Medium", sans-serif;
  color: #292929;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-size: 1.7rem;
}
.page-template-default .entry-content p > a:hover {
  text-decoration: none;
  color: #575757;
}
.page-template-default .entry-content p:not(:has(a)) {
  padding: 2rem 0;
}
.page-template-default .entry-content p:first-child {
  padding-bottom: 0;
}
.page-template-default .entry-content p:has(a) {
  align-self: flex-start;
}
.page-template-default .entry-content img.size-thumbnail {
  border-radius: 100%;
  object-fit: contain;
}
.page-template-default .entry-content img:not(.size-thumbnail) {
  align-self: flex-start;
}
.page-template-default .entry-content p:has(img) {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 2rem;
  font-family: "Inter-Medium", sans-serif;
  font-size: 2rem;
  color: #232326;
}
.page-template-default .entry-content p:has(img.size-thumbnail) {
  align-self: flex-start;
}
.page-template-default .entry-content ul {
  width: 100% !important;
}
.page-template-default .entry-content ul li {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: "Inter-Regular", sans-serif;
  color: #242423;
  padding: 1rem 0 1rem 2.8rem;
}
.page-template-default .entry-content ul li::before {
  content: "•";
  font-size: 2rem;
  line-height: 2rem;
  color: #d5410b;
  display: inline-block;
  translate: -2rem -1px;
}
.page-template-default .entry-content h2 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 3rem;
  line-height: 4rem;
}
.page-template-default .entry-content h3 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.8rem;
  line-height: 3.4rem;
  color: #232326;
}
.page-template-default .entry-content h3:last-of-type {
  margin-top: 2rem;
}
@media only screen and (max-width: 41.4rem) {
  .page-template-default .entry-content {
    margin-top: 40rem;
    gap: 1rem;
  }
  .page-template-default .entry-content p {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
  .page-template-default .entry-content p > strong {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-family: "NotoSerif-Medium", serif;
    color: #242423;
  }
  .page-template-default .entry-content p:has(img) {
    font-size: 1.4rem;
    line-height: 1.8rem;
    width: 100%;
  }
  .page-template-default .entry-content p:has(img.size-thumbnail) {
    max-width: 87%;
  }
  .page-template-default .entry-content p:not(:has(a)) {
    padding: 0.4rem 0;
  }
  .page-template-default .entry-content p:has(a) {
    line-height: 2rem;
  }
  .page-template-default .entry-content p > a {
    font-size: 1.3rem;
    line-height: 2rem;
    font-family: "Inter-SemiBold", sans-serif;
    letter-spacing: 0.1px;
    text-decoration: none;
    color: #2e8f92;
  }
  .page-template-default .entry-content img:not(.size-thumbnail) {
    object-fit: contain;
    max-width: 100%;
    margin: 0 auto 1rem;
  }
  .page-template-default .entry-content ul {
    max-width: 95%;
    margin: 0 auto;
  }
  .page-template-default .entry-content ul li {
    padding: 0.4rem 0 0.4rem 0.4rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-left: 0.6rem;
    text-indent: -0.6rem;
  }
  .page-template-default .entry-content ul li::before {
    translate: -0.8rem 1px;
  }
  .page-template-default .entry-content img.size-thumbnail {
    width: 13rem;
  }
  .page-template-default .entry-content h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }
  .page-template-default .entry-content h2 {
    font-size: 2.6rem;
    line-height: 3rem;
    align-self: center;
  }
}

.no-posts {
  max-width: 75.6rem;
  margin: 0 auto;
  padding: 30px 0;
}
@media (max-width: 991.98px) {
  .no-posts {
    font-size: 2rem;
    padding: 0;
  }
}

.error-container {
  padding: 60px 0;
}
.error-container h1 {
  font-size: 64px;
}

.category-columns-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 5.7rem;
}
@media (min-width: 992px) {
  .category-columns-wrapper {
    max-width: 1260px;
  }
}
@media (max-width: 991.98px) {
  .category-columns-wrapper {
    flex-direction: column;
  }
}

.articles-column-container {
  display: flex;
  flex-direction: column;
}
.articles-column-container:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 991.98px) {
  .articles-column-container:not(:last-child) {
    margin-right: auto;
  }
}
.articles-column-container h4 {
  margin-bottom: 2.7rem;
  font-family: "Inter-Regular", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
  text-decoration: underline;
  text-underline-offset: 1px;
  letter-spacing: 0.85px;
  line-height: 24px;
}

.article-container {
  height: 92px;
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  border-radius: 3px;
  border: none;
  background-color: #ffffff;
}
@media (max-width: 991.98px) {
  .article-container {
    height: 136px;
  }
}
@media (max-width: 767.98px) {
  .article-container {
    height: 96px;
  }
}
.article-container h2 {
  font-size: 1.6rem;
  letter-spacing: -0.2px;
  line-height: 20px;
}
@media (max-width: 1199.98px) {
  .article-container h2 {
    letter-spacing: 0;
  }
}
.article-container:hover h2 {
  text-decoration: underline;
}

.category-column-img {
  width: 35%;
  height: 90px;
  object-fit: cover;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media (max-width: 991.98px) {
  .category-column-img {
    height: 134px;
  }
}
@media (max-width: 767.98px) {
  .category-column-img {
    height: 94px;
  }
}

.category-column-content {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  height: 100%;
}
@media (max-width: 991.98px) {
  .category-column-content {
    height: 134px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 8px;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .category-column-content {
    height: 94px;
  }
}
.category-column-content span {
  display: flex;
  font-size: 0.9rem;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  margin-right: 10px;
  margin-bottom: 5px;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.category-column-content .category {
  letter-spacing: 0.75px;
}
@media (max-width: 767.98px) {
  .category-column-content .category {
    display: none;
  }
}
.category-column-content .d-flex {
  display: none !important;
}

.link-to-page {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.7rem;
  letter-spacing: 0.89px;
  line-height: 1.7rem;
  color: #575757;
}
.link-to-page:hover {
  text-decoration: underline;
  text-underline-offset: 1px;
}
.link-to-page img {
  width: 1.8rem;
  height: 1.2rem;
}

.desktop-title,
.mobile-title {
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  color: #1f2124;
}

.desktop-title {
  display: block;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .desktop-title {
    display: none;
  }
}

.mobile-title {
  display: none;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .mobile-title {
    display: block;
  }
}

.featured {
  grid-row: 6;
  grid-column: 4;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: #d0e0e2;
  padding: 1.8rem 0.8rem;
  max-width: 28.4rem;
  max-height: 34rem;
  overflow: hidden;
}
@media only screen and (max-width: 41.4rem) {
  .featured {
    max-width: 100%;
    width: 34.5rem;
    grid-row: 11;
    grid-column: 1/span 2;
  }
}
.featured__header {
  font-family: "NotoSerif-Bold", serif;
  font-size: 1.5rem;
  line-height: 3rem;
  letter-spacing: -0.3px;
  color: #232326;
  border-top: 2px solid #8f8e8e;
}
.featured__article-link {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 2px;
  padding: 1.5rem 0.6rem;
  transition: all 0.2s ease-in;
}
.featured__article-link:nth-child(-n+3) {
  border-bottom: 1px solid #e1e1e1;
}
.featured__article-link:hover {
  transform: scale(1.02);
  filter: brightness(1.1);
  -webkit-filter: brightness(1.1);
}
.featured__title {
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: -0.28px;
  color: #232326;
}
.featured__category {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.explore-container {
  margin: 8rem auto;
  max-width: unset;
  width: clamp(34.5rem, 70vw, 130rem);
}
@media only screen and (max-width: 41.4rem) {
  .explore-container {
    margin: 5rem auto;
  }
}

.explore {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.3rem 0 6.8rem 0;
  gap: 4rem;
  background-color: #006c78;
  border-top: 1.2rem solid #75afb8;
  border-bottom: 1.2rem solid #75afb8;
}
.explore__title {
  height: 3.8rem;
  width: 18.2rem;
  width: fit-content;
  font-family: "NotoSerif-Regular", serif;
  color: #ffffff;
  font-weight: 500;
  font-size: 3rem;
  letter-spacing: -0.6px;
  line-height: 3.8rem;
}
.explore__subjects-list {
  justify-content: center;
  max-width: 85%;
  display: flex;
  flex-wrap: wrap;
}
.explore__subjects-list:has(li.default) {
  max-width: 70%;
}
@media only screen and (min-width: 1920px) {
  .explore__subjects-list:has(li.default) {
    max-width: 65%;
  }
}
.explore__subjects-list--item {
  background-color: #ffffff;
  color: #333333;
  height: 4rem;
  padding: 1rem 3rem;
  margin: 0.8rem 1.2rem;
  border-radius: 999rem;
  border: 1px solid #e3f1ee;
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2rem;
  transition: all 0.2s ease;
}
.explore__subjects-list--item:hover {
  cursor: pointer;
  border: 1px solid #c4c4c4;
  background-color: #c7e3de;
  color: #242423;
  transform: translateY(-2px);
}
@media only screen and (max-width: 41.4rem) {
  .explore {
    width: 100%;
    gap: 0.6rem;
    padding-bottom: 4.8rem;
    border-top-color: #c7e3de;
  }
  .explore__title {
    font-size: 2.8rem;
  }
  .explore__subjects-list {
    max-width: 85%;
  }
  .explore__subjects-list--item {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 0.4rem 1.8rem;
    height: 2.6rem;
    margin: 0.8rem 0.6rem;
  }
}

.top-bar {
  max-width: 100% !important;
  padding: 0 1rem;
}
@media (max-width: 991.98px) {
  .top-bar {
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    max-height: unset;
  }
}
@media (max-width: 767.98px) {
  .top-bar {
    gap: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 41.4rem) {
  .top-bar {
    max-width: 34.5rem !important;
  }
}
@media only screen and (min-width: 1920px) {
  .top-bar {
    margin-bottom: 4rem;
  }
}
.top-bar__post {
  width: 100%;
  height: 100%;
  grid-column: 1/5;
  position: relative;
}
@media (max-width: 767.98px) {
  .top-bar__post {
    padding-bottom: 2.8rem;
    border-bottom: 1px solid #747474;
  }
}
.top-bar__post--text {
  position: absolute;
  bottom: 0;
  z-index: 1;
  color: #fff;
  padding: 4.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
@media (max-width: 767.98px) {
  .top-bar__post--text {
    margin-top: 2.1rem;
    position: static;
    color: #000;
    padding: 0;
  }
}
.top-bar__post--text-category {
  width: fit-content;
  font-family: "Inter-Regular", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 1px;
  line-height: 1.6rem;
  text-transform: uppercase;
  border-bottom: 2px solid;
}
@media (min-width: 768px) {
  .top-bar__post--text-category {
    color: inherit !important;
  }
}
.top-bar__post--text-title {
  font-family: "NotoSerif-SemiBold", serif;
  font-size: 3.2rem;
  letter-spacing: 0;
  line-height: 3.9rem;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .top-bar__post--text-title {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
.top-bar__post--text-exceprt {
  font-family: "NotoSerif-Regular", serif;
  font-size: 2.4rem;
  letter-spacing: 0;
  line-height: 2.9rem;
}
@media (max-width: 767.98px) {
  .top-bar__post--text-exceprt {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.top-bar__post--imagecontainer {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .top-bar__post--imagecontainer {
    max-width: 100%;
    height: 21.8rem;
  }
}
.top-bar__post--imagecontainer-image {
  object-fit: cover;
  width: inherit;
  height: inherit;
}
.top-bar__post--imagecontainer-overlay {
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 9.22%, rgba(0, 0, 0, 0.05) 18.76%, rgba(0, 0, 0, 0.12) 28.48%, rgba(0, 0, 0, 0.2) 38.19%, rgba(0, 0, 0, 0.29) 47.75%, rgba(0, 0, 0, 0.39) 56.99%, rgba(0, 0, 0, 0.5) 65.75%, rgba(0, 0, 0, 0.61) 73.87%, rgba(0, 0, 0, 0.71) 81.18%, rgba(0, 0, 0, 0.8) 87.52%, rgba(0, 0, 0, 0.88) 92.74%, rgba(0, 0, 0, 0.95) 96.66%, rgba(0, 0, 0, 0.98) 99.14%, #000000 100%);
}
@media (max-width: 767.98px) {
  .top-bar__post--imagecontainer-overlay {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .top-bar__editors-choice {
    display: none;
  }
}
.top-bar__editors-choice--title {
  text-align: center;
  font-family: "NotoSerif-Medium", serif;
  font-size: 2rem;
  letter-spacing: 0.7px;
  line-height: 2.2rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.top-bar__editors-choice--list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 6.6rem;
}
@media (max-width: 991.98px) {
  .top-bar__editors-choice--list {
    position: static;
    padding: 1.2rem 0;
  }
}
@media only screen and (max-width: 41.4rem) {
  .top-bar__editors-choice--list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
    padding: 0.6rem 0;
  }
}
.top-bar__editors-choice--list-item {
  padding: 0.6rem 1rem 0.4rem 2.8rem;
  margin-top: -1rem;
  height: 6.6rem;
  border-left: 1px solid #8f8e8e;
}
.top-bar__editors-choice--list-item:first-of-type {
  grid-column: 1;
  border: none;
  padding-left: 0;
}
.top-bar__editors-choice--list-item:nth-of-type(2) {
  grid-column: 2;
}
.top-bar__editors-choice--list-item:last-of-type {
  grid-column: 3;
}
@media (max-width: 991.98px) {
  .top-bar__editors-choice--list-item {
    padding-top: 2.8rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .top-bar__editors-choice--list-item {
    height: 11rem;
    padding: 1rem 0.4rem !important;
    border-left: none;
    width: 100%;
  }
  .top-bar__editors-choice--list-item:nth-of-type(-n + 2) {
    border-bottom: 1px solid #8f8e8e;
  }
  .top-bar__editors-choice--list-item:last-of-type {
    border: none;
  }
}
.top-bar__editors-choice--list-item-link {
  margin-top: -0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 41.4rem) {
  .top-bar__editors-choice--list-item-link {
    height: 100%;
    justify-content: center;
    margin: 0;
  }
}
.top-bar__editors-choice--list-item-category {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.6rem;
  color: #3c7c86;
  line-height: 2.2rem;
  letter-spacing: 0;
}
.top-bar__editors-choice--list-item-linktext {
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.8rem;
  color: #232326;
  letter-spacing: -0.36px;
  line-height: 2.4rem;
  padding-top: 2px;
}

@media (min-width: 1200px) {
  .top-bar-container {
    max-width: 1250px !important;
  }
}

.category-page-container {
  background-color: #fff !important;
  padding: 0 !important;
  margin-top: 30rem;
}
@media (max-width: 991.98px) {
  .category-page-container {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container {
    margin-top: 36.5rem;
  }
}
.category-page-container .articlebox-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 3rem;
  grid-template-rows: [top-bar-1] 8.5rem [article-group-1-234] repeat(2, 18rem) 22rem [extra-gap-5] 2.2rem [ad-break-6] 30rem [extra-gap-7] 6.5rem [article-group-2-89] repeat(2, 38rem) [discover-more-10] 43.5rem [ad-break-11] 30rem [extra-gap-12] 2.2rem [article-group-3-13-14] repeat(2, 38rem);
  row-gap: 1.8rem;
  margin: 2rem auto;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+21) {
  display: none;
}
.category-page-container .articlebox-container .article-ark:first-child {
  grid-column: span 2;
  grid-row: span 2;
  position: relative;
  height: auto;
  transition: all 0.5s ease;
  grid-column: 1/span 6 !important;
  grid-row: 2/span 3 !important;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:first-child {
    grid-row: unset;
  }
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link {
    height: 37.8rem;
  }
}
.category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  height: calc(100% - 35.1rem);
  z-index: 1;
  padding: 2.4rem 2.8rem 1.2rem;
  gap: 1.3rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer h3,
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
.category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer h2 {
    display: block;
  }
}
.category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer h3 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 2.6rem;
  color: #1f2124;
  letter-spacing: 0;
  line-height: 3rem;
  padding-right: 4rem;
}
@media (max-width: 991.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer .excerpt {
  font-size: 1.6rem;
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  letter-spacing: 0;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer {
    height: 19.8rem;
  }
}
.category-page-container .articlebox-container .article-ark:first-child .article-link__imagecontainer {
  position: relative;
  height: 35.1rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__imagecontainer {
    position: static;
  }
}
.category-page-container .articlebox-container .article-ark:first-child .article-link__imagecontainer img {
  position: absolute;
  height: inherit;
  width: inherit;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__imagecontainer img {
    position: static;
  }
}
.category-page-container .articlebox-container .article-ark:first-child .article-link__imagecontainer span {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:first-child .article-link__imagecontainer {
    height: 18rem;
  }
}
.category-page-container .articlebox-container .article-ark:first-child:hover {
  transform: scale(1.007);
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
}
.category-page-container .articlebox-container .article-ark:first-child__imagecontainer {
  max-height: 18rem;
  object-fit: contain;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) {
  min-height: auto;
  transition: all 0.5s ease;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) {
    height: auto !important;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #8f8e8e;
  }
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 34.5rem;
    border-top: 1px solid #8f8e8e;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link {
    height: 8.9rem;
  }
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__textcontainer {
  height: calc(100% - 16.7rem);
  padding: 2rem 1.2rem 0.8rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__textcontainer {
    margin-top: 0;
    padding-top: 0;
    height: 100% !important;
    width: 100% !important;
    justify-content: center;
  }
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__textcontainer h2 {
    display: none;
  }
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__textcontainer h3 {
  font-family: "NotoSerif-SemiBold", serif;
  color: #1f2124;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.2rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__textcontainer h3 {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__textcontainer .excerpt {
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__textcontainer .excerpt {
    display: none;
  }
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__imagecontainer {
  position: relative;
  height: 16.7rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__imagecontainer {
    height: 100%;
    width: unset;
  }
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__imagecontainer img {
  height: inherit;
  width: inherit;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__imagecontainer img {
    height: 100%;
    width: 14.3rem;
  }
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__imagecontainer .no-img {
  display: block;
  z-index: 1;
  height: 100%;
  width: 100%;
  content: "";
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.02) 9.22%, rgba(0, 0, 0, 0.05) 18.76%, rgba(0, 0, 0, 0.12) 28.48%, rgba(0, 0, 0, 0.2) 38.19%, rgba(0, 0, 0, 0.29) 47.75%, rgba(0, 0, 0, 0.39) 56.99%, rgba(0, 0, 0, 0.5) 65.75%, rgba(0, 0, 0, 0.61) 73.87%, rgba(0, 0, 0, 0.71) 81.18%, rgba(0, 0, 0, 0.8) 87.52%, rgba(0, 0, 0, 0.88) 92.74%, rgba(0, 0, 0, 0.95) 96.66%, rgba(0, 0, 0, 0.98) 99.14%, #000 100%);
  opacity: 0.5;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2) .article-link__overlay.no-img {
  display: none;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+2):hover {
  transform: scale(1.017);
  box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
}
.category-page-container .articlebox-container .article-ark:nth-child(2) {
  grid-column: 7/span 3;
  grid-row: 2/span 2;
}
.category-page-container .articlebox-container .article-ark:nth-child(3) {
  grid-column: 7/span 3;
  grid-row: 4;
}
.category-page-container .articlebox-container .article-ark:nth-child(3) .article-link__imagecontainer {
  display: none;
}
.category-page-container .articlebox-container .article-ark:nth-child(3) .article-link__textcontainer {
  height: 100%;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+4):nth-child(-n+6) {
  grid-row: 8;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+7):nth-child(-n+10) {
  grid-row: 9;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+11):nth-child(-n+13) {
  grid-row: 13;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+14):nth-child(-n+17) {
  grid-row: 14;
}
.category-page-container .articlebox-container .article-ark:nth-child(4),
.category-page-container .articlebox-container .article-ark:nth-child(7),
.category-page-container .articlebox-container .article-ark:nth-child(11),
.category-page-container .articlebox-container .article-ark:nth-child(14) {
  grid-column: 1/span 3;
}
.category-page-container .articlebox-container .article-ark:nth-child(5),
.category-page-container .articlebox-container .article-ark:nth-child(8),
.category-page-container .articlebox-container .article-ark:nth-child(12),
.category-page-container .articlebox-container .article-ark:nth-child(15) {
  grid-column: 4/span 3;
}
.category-page-container .articlebox-container .article-ark:nth-child(6),
.category-page-container .articlebox-container .article-ark:nth-child(9),
.category-page-container .articlebox-container .article-ark:nth-child(13),
.category-page-container .articlebox-container .article-ark:nth-child(16) {
  grid-column: 7/span 3;
}
.category-page-container .articlebox-container .article-ark:nth-child(10),
.category-page-container .articlebox-container .article-ark:nth-child(17) {
  grid-column: 10/span 3;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+18):nth-child(-n+20) {
  grid-row: 1;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+18):nth-child(-n+20) .article-link__imagecontainer {
  display: none;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+18):nth-child(-n+20) .article-link__textcontainer {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  border-bottom: none !important;
  background-color: #ffffff !important;
  height: 100%;
  padding: unset;
  transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  height: 6.5rem;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+18):nth-child(-n+20) .article-link__textcontainer > h2 {
  padding-top: 0.6rem;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+18):nth-child(-n+20) .article-link__textcontainer:hover {
  transform: translateY(-3px);
  box-shadow: none;
  border-right: none;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+18):nth-child(-n+20) .article-link__textcontainer:hover > h2 {
  text-decoration: underline;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+18):nth-child(-n+20) .article-link__textcontainer .excerpt {
  display: none;
}
.category-page-container .articlebox-container .article-ark:nth-child(n+18):nth-child(-n+20):hover {
  box-shadow: none;
  transform: none;
}
.category-page-container .articlebox-container .article-ark:nth-child(18) {
  grid-column: 1/span 4;
  border-right: 1px solid #8f8e8e;
  margin-left: 2px;
}
.category-page-container .articlebox-container .article-ark:nth-child(19) {
  grid-column: 5/span 4;
  border-right: 1px solid #8f8e8e;
}
.category-page-container .articlebox-container .article-ark:nth-child(20) {
  grid-column: 9/span 4;
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.5rem;
    grid-template-rows: [top-article-group-123] repeat(3, 10.2rem) [lg-articlebox-4] 37.8rem [sm-articlebox-56] repeat(2, 11rem) [ads-78] repeat(2, 30rem) [lg-articlebox-9] 37.8rem [sm-articlebox-1011] repeat(2, 11rem) [ads-12] 30rem [sm-articlebox-1314] repeat(2, 11rem) [discover-15] 34.3rem [articles] repeat(2, 11rem);
    row-gap: 1rem;
    padding: 0;
    margin: 0 auto;
    max-width: 37.5rem !important;
    justify-content: center;
    justify-items: center;
  }
  .category-page-container .articlebox-container .article-ark:first-child {
    max-height: 37.8rem;
    grid-row: 4 !important;
    grid-column: 1/span 2 !important;
    border: none;
    padding: 1rem 0 0;
  }
  .category-page-container .articlebox-container .article-ark:first-child .article-link__imagecontainer {
    height: 18rem;
    width: 34.5rem;
  }
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer {
    height: 18rem;
    width: 34.5rem;
    padding: 3rem 1.2rem 1.1rem;
  }
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer .title {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .category-page-container .articlebox-container .article-ark:first-child .article-link__textcontainer .excerpt {
    font-size: 1.3rem;
    line-height: 2rem;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(7) {
    grid-column: 1/span 2 !important;
    border: none;
    padding: unset;
    grid-column: span 2;
    grid-row: span 2;
    position: relative;
    height: auto;
    transition: all 0.5s ease;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) {
    grid-row: unset;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link {
    height: 37.8rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    height: calc(100% - 35.1rem);
    z-index: 1;
    padding: 2.4rem 2.8rem 1.2rem;
    gap: 1.3rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer h3,
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer h2 {
    font-family: "BarlowCondensed-Medium", sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2.2rem;
    width: fit-content;
    padding-top: 1.4rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer h2 {
    display: block;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer h3 {
    font-family: "NotoSerif-Medium", serif;
    font-size: 2.6rem;
    color: #1f2124;
    letter-spacing: 0;
    line-height: 3rem;
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 991.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer .excerpt {
    font-size: 1.6rem;
    font-family: "NotoSerif-Medium", serif;
    color: #232326;
    letter-spacing: 0;
    line-height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer {
    height: 19.8rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__imagecontainer {
    position: relative;
    height: 35.1rem;
    width: 100%;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__imagecontainer {
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__imagecontainer img {
    position: absolute;
    height: inherit;
    width: inherit;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__imagecontainer img {
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__imagecontainer span {
    display: inline-block;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__imagecontainer {
    height: 18rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-ark:nth-child(7):hover {
    transform: scale(1.007);
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
  }
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link {
    padding-bottom: 1rem;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__imagecontainer {
    height: 18rem;
    width: 34.5rem;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer {
    height: 18rem;
    width: 34.5rem;
    padding: 3rem 1.2rem 1.1rem;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer .title {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(7) .article-link__textcontainer .excerpt {
    font-size: 1.3rem;
    line-height: 2rem;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):not(:nth-child(7)) {
    grid-column: 1/span 2 !important;
    border: none;
    padding: 1rem 0 0;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):not(:nth-child(7)) .article-link {
    height: 8.9rem;
    width: 34.5rem;
    padding: unset;
    align-items: flex-end;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):not(:nth-child(7)) .article-link__imagecontainer {
    height: 8.9rem;
    width: 13.9rem;
    display: unset;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):not(:nth-child(7)) .article-link__imagecontainer img {
    height: 100%;
    width: 100%;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):not(:nth-child(7)) .article-link__textcontainer {
    height: 8.9rem !important;
    width: 20.6rem;
    border-width: 2px !important;
    padding: 0.8rem 1rem;
    justify-content: center;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):not(:nth-child(7)) .article-link__textcontainer .title {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: unset;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):not(:nth-child(7)) .article-link__overlay {
    display: none;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):nth-child(-n+4) {
    padding: unset;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):nth-child(-n+4) .article-link {
    border-top: none;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):nth-child(-n+4) .article-link__imagecontainer {
    display: none;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):nth-child(-n+4) .article-link__textcontainer {
    flex-direction: column-reverse;
    background-color: transparent !important;
    width: 100%;
    justify-content: space-evenly;
    height: 10.4rem !important;
    padding: 0.6rem 0.6rem 1.4rem !important;
    gap: 0;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):nth-child(-n+4) .article-link__textcontainer .title {
    font-size: 1.8rem !important;
    line-height: 2.4rem;
    width: 80%;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(n+2):nth-child(-n+4) .article-link__textcontainer h2 {
    font-size: 1.6rem;
    display: unset;
    padding: 0.4rem 0;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(2) {
    grid-row: 1 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(3) {
    grid-row: 2 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(4) {
    grid-row: 3 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(5) {
    grid-row: 5 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(6) {
    grid-row: 6 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(7) {
    grid-row: 9 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(8) {
    grid-row: 10 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(9) {
    grid-row: 11 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(10) {
    grid-row: 13 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(11) {
    grid-row: 14 !important;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(12) {
    grid-row: 16 !important;
    padding-top: 1.4rem;
  }
  .category-page-container .articlebox-container .article-ark:nth-child(13) {
    grid-row: 17 !important;
    padding-top: 1.4rem;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+21) {
  display: none;
}
.category-page-container .articlebox-container .article-small:first-child {
  grid-column: span 2;
  grid-row: span 2;
  position: relative;
  height: auto;
  transition: all 0.5s ease;
  grid-column: 1/span 6 !important;
  grid-row: 2/span 3 !important;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:first-child {
    grid-row: unset;
  }
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:first-child .article-link {
    height: 37.8rem;
  }
}
.category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  height: calc(100% - 35.1rem);
  z-index: 1;
  padding: 2.4rem 2.8rem 1.2rem;
  gap: 1.3rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer h3,
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
.category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer h2 {
    display: block;
  }
}
.category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer h3 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 2.6rem;
  color: #1f2124;
  letter-spacing: 0;
  line-height: 3rem;
  padding-right: 4rem;
}
@media (max-width: 991.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer .excerpt {
  font-size: 1.6rem;
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  letter-spacing: 0;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer {
    height: 19.8rem;
  }
}
.category-page-container .articlebox-container .article-small:first-child .article-link__imagecontainer {
  position: relative;
  height: 35.1rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__imagecontainer {
    position: static;
  }
}
.category-page-container .articlebox-container .article-small:first-child .article-link__imagecontainer img {
  position: absolute;
  height: inherit;
  width: inherit;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__imagecontainer img {
    position: static;
  }
}
.category-page-container .articlebox-container .article-small:first-child .article-link__imagecontainer span {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:first-child .article-link__imagecontainer {
    height: 18rem;
  }
}
.category-page-container .articlebox-container .article-small:first-child:hover {
  transform: scale(1.007);
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
}
.category-page-container .articlebox-container .article-small:first-child__imagecontainer {
  max-height: 18rem;
  object-fit: contain;
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) {
  min-height: auto;
  transition: all 0.5s ease;
  height: unset;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) {
    height: auto !important;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #8f8e8e;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 34.5rem;
    border-top: 1px solid #8f8e8e;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link {
    height: 8.9rem;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer {
  height: calc(100% - 16.7rem);
  padding: 2rem 1.2rem 0.8rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer {
    margin-top: 0;
    padding-top: 0;
    height: 100% !important;
    width: 100% !important;
    justify-content: center;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer h2 {
    display: none;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer h3 {
  font-family: "NotoSerif-SemiBold", serif;
  color: #1f2124;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.2rem;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer h3 {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer .excerpt {
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer .excerpt {
    display: none;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__imagecontainer {
  position: relative;
  height: 16.7rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__imagecontainer {
    height: 100%;
    width: unset;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__imagecontainer img {
  height: inherit;
  width: inherit;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__imagecontainer img {
    height: 100%;
    width: 14.3rem;
  }
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__imagecontainer .no-img {
  display: block;
  z-index: 1;
  height: 100%;
  width: 100%;
  content: "";
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.02) 9.22%, rgba(0, 0, 0, 0.05) 18.76%, rgba(0, 0, 0, 0.12) 28.48%, rgba(0, 0, 0, 0.2) 38.19%, rgba(0, 0, 0, 0.29) 47.75%, rgba(0, 0, 0, 0.39) 56.99%, rgba(0, 0, 0, 0.5) 65.75%, rgba(0, 0, 0, 0.61) 73.87%, rgba(0, 0, 0, 0.71) 81.18%, rgba(0, 0, 0, 0.8) 87.52%, rgba(0, 0, 0, 0.88) 92.74%, rgba(0, 0, 0, 0.95) 96.66%, rgba(0, 0, 0, 0.98) 99.14%, #000 100%);
  opacity: 0.5;
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__overlay.no-img {
  display: none;
}
.category-page-container .articlebox-container .article-small:nth-child(n+2):hover {
  transform: scale(1.017);
  box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
}
.category-page-container .articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer .excerpt {
  padding-bottom: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.category-page-container .articlebox-container .article-small:nth-child(2) {
  grid-column: 7/span 3;
  grid-row: 2/span 2;
}
.category-page-container .articlebox-container .article-small:nth-child(3) {
  grid-column: 7/span 3;
  grid-row: 4;
}
.category-page-container .articlebox-container .article-small:nth-child(3) .article-link__imagecontainer {
  display: none;
}
.category-page-container .articlebox-container .article-small:nth-child(3) .article-link__textcontainer {
  height: 100%;
}
.category-page-container .articlebox-container .article-small:nth-child(n+4):nth-child(-n+6) {
  grid-row: 8;
}
.category-page-container .articlebox-container .article-small:nth-child(n+7):nth-child(-n+10) {
  grid-row: 9;
}
.category-page-container .articlebox-container .article-small:nth-child(n+11):nth-child(-n+13) {
  grid-row: 13;
}
.category-page-container .articlebox-container .article-small:nth-child(n+14):nth-child(-n+17) {
  grid-row: 14;
}
.category-page-container .articlebox-container .article-small:nth-child(4),
.category-page-container .articlebox-container .article-small:nth-child(7),
.category-page-container .articlebox-container .article-small:nth-child(11),
.category-page-container .articlebox-container .article-small:nth-child(14) {
  grid-column: 1/span 3;
}
.category-page-container .articlebox-container .article-small:nth-child(5),
.category-page-container .articlebox-container .article-small:nth-child(8),
.category-page-container .articlebox-container .article-small:nth-child(12),
.category-page-container .articlebox-container .article-small:nth-child(15) {
  grid-column: 4/span 3;
}
.category-page-container .articlebox-container .article-small:nth-child(6),
.category-page-container .articlebox-container .article-small:nth-child(9),
.category-page-container .articlebox-container .article-small:nth-child(13),
.category-page-container .articlebox-container .article-small:nth-child(16) {
  grid-column: 7/span 3;
}
.category-page-container .articlebox-container .article-small:nth-child(10),
.category-page-container .articlebox-container .article-small:nth-child(17) {
  grid-column: 10/span 3;
}
.category-page-container .articlebox-container .article-small:nth-child(18) {
  grid-column: 1/span 4;
  border-right: 1px solid #8f8e8e;
  margin-left: 2px;
}
.category-page-container .articlebox-container .article-small:nth-child(19) {
  grid-column: 5/span 4;
  border-right: 1px solid #8f8e8e;
}
.category-page-container .articlebox-container .article-small:nth-child(20) {
  grid-column: 9/span 4;
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.5rem;
    grid-template-rows: [top-article-group-123] repeat(3, 10.2rem) [lg-articlebox-4] 37.8rem [sm-articlebox-56] repeat(2, 11rem) [ads-78] repeat(2, 30rem) [lg-articlebox-9] 37.8rem [sm-articlebox-1011] repeat(2, 11rem) [ads-12] 30rem [sm-articlebox-1314] repeat(2, 11rem) [discover-15] 34.3rem [articles] repeat(2, 11rem);
    row-gap: 1rem;
    padding: 0;
    margin: 0 auto;
    max-width: 37.5rem !important;
    justify-content: center;
    justify-items: center;
  }
  .category-page-container .articlebox-container .article-small:first-child {
    max-height: 37.8rem;
    grid-row: 4 !important;
    grid-column: 1/span 2 !important;
    border: none;
    padding: 1rem 0 0;
  }
  .category-page-container .articlebox-container .article-small:first-child .article-link__imagecontainer {
    height: 18rem;
    width: 34.5rem;
  }
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer {
    height: 18rem;
    width: 34.5rem;
    padding: 3rem 1.2rem 1.1rem;
  }
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer .title {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .category-page-container .articlebox-container .article-small:first-child .article-link__textcontainer .excerpt {
    font-size: 1.3rem;
    line-height: 2rem;
  }
  .category-page-container .articlebox-container .article-small:nth-child(7) {
    grid-column: 1/span 2 !important;
    border: none;
    padding: unset;
    grid-column: span 2;
    grid-row: span 2;
    position: relative;
    height: auto;
    transition: all 0.5s ease;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) {
    grid-row: unset;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link {
    height: 37.8rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    height: calc(100% - 35.1rem);
    z-index: 1;
    padding: 2.4rem 2.8rem 1.2rem;
    gap: 1.3rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer h3,
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer h2 {
    font-family: "BarlowCondensed-Medium", sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2.2rem;
    width: fit-content;
    padding-top: 1.4rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer h2 {
    display: block;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer h3 {
    font-family: "NotoSerif-Medium", serif;
    font-size: 2.6rem;
    color: #1f2124;
    letter-spacing: 0;
    line-height: 3rem;
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 991.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer .excerpt {
    font-size: 1.6rem;
    font-family: "NotoSerif-Medium", serif;
    color: #232326;
    letter-spacing: 0;
    line-height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer {
    height: 19.8rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__imagecontainer {
    position: relative;
    height: 35.1rem;
    width: 100%;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__imagecontainer {
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__imagecontainer img {
    position: absolute;
    height: inherit;
    width: inherit;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__imagecontainer img {
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__imagecontainer span {
    display: inline-block;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__imagecontainer {
    height: 18rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .articlebox-container .article-small:nth-child(7):hover {
    transform: scale(1.007);
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
  }
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link {
    padding-bottom: 1rem;
  }
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__imagecontainer {
    height: 18rem;
    width: 34.5rem;
  }
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer {
    height: 18rem;
    width: 34.5rem;
    padding: 3rem 1.2rem 1.1rem;
  }
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer .title {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .category-page-container .articlebox-container .article-small:nth-child(7) .article-link__textcontainer .excerpt {
    font-size: 1.3rem;
    line-height: 2rem;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):not(:nth-child(7)) {
    grid-column: 1/span 2 !important;
    border: none;
    padding: 1rem 0 0;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):not(:nth-child(7)) .article-link {
    height: 8.9rem;
    width: 34.5rem;
    padding: unset;
    align-items: flex-end;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):not(:nth-child(7)) .article-link__imagecontainer {
    height: 8.9rem;
    width: 13.9rem;
    display: unset;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):not(:nth-child(7)) .article-link__imagecontainer img {
    height: 100%;
    width: 100%;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):not(:nth-child(7)) .article-link__textcontainer {
    height: 8.9rem !important;
    width: 20.6rem;
    border-width: 2px !important;
    padding: 0.8rem 1rem;
    justify-content: center;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):not(:nth-child(7)) .article-link__textcontainer .title {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-weight: unset;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):not(:nth-child(7)) .article-link__overlay {
    display: none;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):nth-child(-n+4) {
    padding: unset;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):nth-child(-n+4) .article-link {
    border-top: none;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):nth-child(-n+4) .article-link__imagecontainer {
    display: none;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):nth-child(-n+4) .article-link__textcontainer {
    flex-direction: column-reverse;
    background-color: transparent !important;
    width: 100%;
    justify-content: space-evenly;
    height: 10.4rem !important;
    padding: 0.6rem 0.6rem 1.4rem !important;
    gap: 0;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):nth-child(-n+4) .article-link__textcontainer .title {
    font-size: 1.8rem !important;
    line-height: 2.4rem;
    width: 80%;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+2):nth-child(-n+4) .article-link__textcontainer h2 {
    font-size: 1.6rem;
    display: unset;
    padding: 0.4rem 0;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+18):nth-child(-n+20) .article-link {
    grid-row: 1;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+18):nth-child(-n+20) .article-link__imagecontainer {
    display: none;
  }
  .category-page-container .articlebox-container .article-small:nth-child(n+18):nth-child(-n+20) .article-link__textcontainer {
    flex-direction: column-reverse;
    border-bottom: none;
    border-right: 1px solid #8f8e8e;
  }
  .category-page-container .articlebox-container .article-small:nth-child(2) {
    grid-row: 1 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(3) {
    grid-row: 2 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(4) {
    grid-row: 3 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(5) {
    grid-row: 5 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(6) {
    grid-row: 6 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(7) {
    grid-row: 9 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(8) {
    grid-row: 10 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(9) {
    grid-row: 11 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(10) {
    grid-row: 13 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(11) {
    grid-row: 14 !important;
  }
  .category-page-container .articlebox-container .article-small:nth-child(12) {
    grid-row: 16 !important;
    padding-top: 1.4rem;
  }
  .category-page-container .articlebox-container .article-small:nth-child(13) {
    grid-row: 17 !important;
    padding-top: 1.4rem;
  }
}
.category-page-container .category-page-adblock-wide--1 {
  max-height: 30rem;
  width: 100%;
  grid-column: 1/-1;
  grid-row: 6;
}
.category-page-container .category-page-adblock-wide--1 .ad-container__frontpage {
  height: 30rem;
  grid-row: 6;
  background-color: #f2f2f2;
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .category-page-adblock-wide--1 {
    display: none;
  }
}
.category-page-container .category-page-adblock-wide--2 {
  max-height: 30rem;
  width: 100%;
  grid-column: 1/-1;
  grid-row: 11;
}
.category-page-container .category-page-adblock-wide--2 .ad-container__frontpage {
  height: 30rem;
  grid-row: 11;
  background-color: #f2f2f2;
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .category-page-adblock-wide--2 {
    display: none;
  }
}
.category-page-container .explore {
  grid-row: 10;
  grid-column: 2/span 10;
  align-self: center;
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .explore {
    grid-row: 15;
    grid-column: 1/-1;
    max-height: 32.3rem;
    width: 100vw;
    font-family: "NotoSerif-Medium", serif;
    font-size: 2.8rem;
    border-top-color: #c7e3de;
    padding-bottom: 5.3rem;
  }
  .category-page-container .explore__subjects-list {
    max-width: 80%;
    justify-content: space-evenly;
  }
  .category-page-container .explore__subjects-list--item {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding: 0.4rem 1.8rem;
    height: 2.6rem;
    margin: 0.8rem 0.6rem;
  }
}
.category-page-container .adbox-single-small--1, .category-page-container .adbox-single-small--2, .category-page-container .adbox-single-small--3, .category-page-container .adbox-single-small--4, .category-page-container .adbox-single-small--5 {
  max-height: 27rem;
  max-width: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  grid-column: 9/-1;
  margin: 2rem -2rem 0 8rem !important;
}
.category-page-container .adbox-single-small__text {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #8f8e8e;
}
.category-page-container .adbox-single-small__box {
  border: 1px solid #747474;
  height: 25.2rem;
  width: 30.2rem;
}
.category-page-container .adbox-single-small--1 {
  grid-row: 2/span 2;
}
.category-page-container .adbox-single-small--2 {
  grid-row: 3/span 2;
  align-self: flex-end;
  margin-bottom: 3rem !important;
}
.category-page-container .adbox-single-small--3 {
  grid-row: 8;
}
.category-page-container .adbox-single-small--4 {
  grid-row: 13;
}
.category-page-container .adbox-single-small--5 {
  display: none;
}
@media only screen and (max-width: 41.4rem) {
  .category-page-container .adbox-single-small--1, .category-page-container .adbox-single-small--2, .category-page-container .adbox-single-small--3 {
    grid-column: 1/-1;
    margin: 0 auto !important;
  }
  .category-page-container .adbox-single-small--4, .category-page-container .adbox-single-small--5 {
    display: none;
  }
  .category-page-container .adbox-single-small--1 {
    grid-row: 7;
  }
  .category-page-container .adbox-single-small--2 {
    grid-row: 8;
    align-self: flex-start;
  }
  .category-page-container .adbox-single-small--3 {
    grid-row: 12;
  }
}
.category-page-container .category-page-articlelink {
  margin-bottom: 60px;
}
.category-page-container .category-page-articlelink h3 {
  margin-bottom: 30px;
}
.category-page-container .category-page-articlelink a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
.category-page-container .category-page-articlelink a :hover + h3 {
  text-decoration: underline;
}
.category-page-container .category-page-articlelink ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.category-page-container .category-page-articlelink ul li {
  position: relative;
  background-color: #ffffff;
  border-radius: 3px;
  border: none;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  min-height: 120px;
  overflow: hidden;
}
.category-page-container .category-page-articlelink ul li h5 {
  margin: 0;
}
.category-page-container .category-page-articlelink ul li:hover h5 {
  text-decoration: underline;
}
.category-page-container .category-page-articlelink .thumbnail-image {
  position: relative;
  width: 35%;
  max-width: 265px;
  min-height: 180px;
}
@media (max-width: 991.98px) {
  .category-page-container .category-page-articlelink .thumbnail-image {
    min-height: 130px;
  }
}
.category-page-container .category-page-articlelink .thumbnail-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.category-page-container .category-page-articlelink .inner {
  padding: 30px 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 60%;
}
@media (max-width: 1199.98px) {
  .category-page-container .category-page-articlelink .inner {
    padding: 15px;
    max-width: 65%;
  }
}
.category-page-container .category-page-articlelink .inner p {
  font-size: 1.2rem;
}
@media (max-width: 991.98px) {
  .category-page-container .category-page-articlelink .inner p {
    display: none;
  }
}
.category-page-container .category-page-articlelink .inner h5 {
  margin-top: 8px;
}
@media (max-width: 1199.98px) {
  .category-page-container .category-page-articlelink .inner h5 {
    font-size: 1.6rem;
    margin-top: 5px 0 0;
  }
}
.category-page-container .category-page-articlelink .inner .category-container {
  display: flex;
  flex-direction: row;
}
.category-page-container .category-page-articlelink .inner .category-container span {
  font-size: 1rem !important;
}
.category-page-container .category-page-articlelink .inner .category-container span:last-child {
  border: 0 !important;
  font-size: 1.2rem !important;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .category-page-container .category-page-articlelink .inner .category-container span:last-child {
    font-size: 1rem !important;
  }
}
@media (max-width: 1199.98px) {
  .category-page-container .category-page-articlelink .inner .category-container span {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .category-page-container .category-page-articlelink .inner .category-container span {
    font-size: 1.2rem;
  }
}

.category__description-container {
  max-width: 75.6rem;
  margin: 8rem auto;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
@media (max-width: 991.98px) {
  .category__description-container {
    max-width: 72rem;
    padding: 0 1.5rem;
    margin-top: 6.4rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .category__description-container {
    margin: 6rem auto 4rem;
    padding: 0 2rem;
  }
}
.category__description-container > div {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.category__description-container h1,
.category__description-container h2,
.category__description-container h3,
.category__description-container h4,
.category__description-container h5,
.category__description-container h6 {
  font-family: "NotoSerif-Bold", serif;
  font-size: 2.6rem;
  letter-spacing: -0.51px;
  line-height: 3.2rem;
  color: #232326;
}
@media (max-width: 767.98px) {
  .category__description-container h1,
  .category__description-container h2,
  .category__description-container h3,
  .category__description-container h4,
  .category__description-container h5,
  .category__description-container h6 {
    margin-bottom: 1rem;
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
.category__description-container div,
.category__description-container p {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.8rem;
  color: #242423;
}
@media (max-width: 1199.98px) {
  .category__description-container div,
  .category__description-container p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

.homepage-information {
  max-width: 75.6rem;
  padding: 6rem 0 10rem;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
  .homepage-information {
    padding-bottom: 13.5rem;
  }
}
@media (max-width: 991.98px) {
  .homepage-information {
    max-width: 72rem;
    padding: 0 1.5rem;
    margin-top: 6.4rem;
  }
}
.homepage-information__textcontainer {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.homepage-information__textcontainer--title {
  font-family: "NotoSerif-Bold", serif;
  font-size: 2.6rem;
  letter-spacing: -0.52px;
  line-height: 3.2rem;
  color: #232326;
}
@media (max-width: 767.98px) {
  .homepage-information__textcontainer--title {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}
.homepage-information__textcontainer--text {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.8rem;
  color: #242423;
}
@media (max-width: 1199.98px) {
  .homepage-information__textcontainer--text {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

.flex-container-front-page-article-block {
  display: flex;
}
@media (max-width: 991.98px) {
  .flex-container-front-page-article-block {
    flex-direction: column;
  }
}
.flex-container-front-page-article-block .flex-item-col-1 {
  flex: 8;
  padding-right: 28px;
}
@media (max-width: 991.98px) {
  .flex-container-front-page-article-block .flex-item-col-1 {
    padding-right: 0px;
  }
}
.flex-container-front-page-article-block .flex-item-col-2 {
  flex: 4;
}

.front-page-article-block-article {
  overflow: hidden;
}
.front-page-article-block-article:hover h2,
.front-page-article-block-article:hover h4 {
  text-decoration: underline;
}
.front-page-article-block-article:hover.premium .img-box:after {
  transform: translate3d(4px, 4px, 0);
}
.front-page-article-block-article:hover.premium .img-box:before {
  transform: translate3d(0px, 0px, 0);
}

.front-page-article-block {
  background-color: #ffffff;
  border: none;
  border-radius: 0;
}
.front-page-article-block .bottom-border {
  height: 1px;
  border-bottom: 1px solid #c4c4c4;
}
.front-page-article-block .container-bottom-border {
  padding-top: 20px !important;
  padding-bottom: 5px !important;
}
.front-page-article-block .premium .img-box {
  overflow: hidden;
  min-height: 100px;
  min-width: 100px;
  position: relative;
}
.front-page-article-block .premium .img-box:after {
  background-image: none;
}
.front-page-article-block .premium .img-box:before {
  position: absolute;
  transition: transform 0.15s ease-out;
  content: "";
  z-index: 1;
  transform: translate3d(-4px, -4px, 0);
  border-top: none;
  border-right: none;
  top: 0;
  left: 0;
}
.front-page-article-block .container {
  padding: 24px 42px;
}
.front-page-article-block .container.first-block {
  padding: 0 40px;
}
@media (max-width: 767.98px) {
  .front-page-article-block .container.first-block {
    padding: 0 16px;
  }
}
.front-page-article-block .container.first-block .category-date-container {
  border-bottom: 1px solid #c4c4c4;
}
.front-page-article-block .category-date-container .date-span {
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 13px;
  text-transform: uppercase;
  margin-top: 12px;
}
.front-page-article-block .category-date-container .cat-span {
  border: none;
  font-size: 1.3rem;
  line-height: 14px;
  letter-spacing: 0px;
  padding: 0;
}
.front-page-article-block .category-date-container .cat-span:hover {
  background: none;
  text-decoration: underline;
}

.featured-img-front-page-article-block {
  height: 490px;
  width: 100%;
  border-radius: 0;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .featured-img-front-page-article-block {
    height: 230px;
  }
}

.front-page-article-block-list-article .article-list-flex-container {
  display: flex;
  height: auto;
  overflow: hidden;
}
.front-page-article-block-list-article .article-list-flex-container .flex-item-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  word-break: break-word;
  padding: 0 0 0 34px;
}
@media (max-width: 767.98px) {
  .front-page-article-block-list-article .article-list-flex-container .flex-item-2 {
    padding: 0 14px 0 0;
  }
}
.front-page-article-block-list-article .article-list-flex-container .flex-item-2 span:not(.date-span):not(.cat-span) {
  color: #4c4c4c;
}
@media (max-width: 767.98px) {
  .front-page-article-block-list-article .article-list-flex-container .flex-item-2 span:not(.date-span):not(.cat-span) {
    font-size: 1.8rem;
    line-height: 21px;
  }
}
.front-page-article-block-list-article .article-list-flex-container .flex-item-2 .nyhet > span:not(.date-span) {
  font-size: 1.5rem;
  line-height: 21px;
  color: #4c4c4c;
}
@media (max-width: 767.98px) {
  .front-page-article-block-list-article .article-list-flex-container .flex-item-2 .nyhet > span:not(.date-span) {
    font-size: 1.8rem;
    line-height: 21px;
  }
}
@media (max-width: 767.98px) {
  .front-page-article-block-list-article .article-list-flex-container {
    padding: 16px 15px;
  }
}
.front-page-article-block-list-article img {
  width: 212px;
  height: 141.33px;
  object-fit: cover;
  margin-right: 0;
  border-radius: 0;
}
@media (max-width: 991.98px) {
  .front-page-article-block-list-article img {
    width: 212px;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .front-page-article-block-list-article img {
    width: 86px;
    max-height: 80px;
    margin-right: 16px;
    padding-right: 0;
  }
}
.front-page-article-block-list-article .excerpt {
  font-size: 1.6rem;
}
.front-page-article-block-list-article .show-mobile {
  display: none;
  padding-top: 0;
}
@media (max-width: 991.98px) {
  .front-page-article-block-list-article .show-mobile {
    display: flex;
  }
}
.front-page-article-block-list-article h4 {
  font-size: 2.6rem;
  line-height: 29px;
  color: #333333;
}
@media (max-width: 991.98px) {
  .front-page-article-block-list-article h4 {
    font-size: 2.4rem;
    line-height: 25px;
  }
}

.front-page-article-block-header {
  margin-top: 30px;
  line-height: 47px;
  font-weight: 400;
  letter-spacing: -0.24px;
  font-size: 4rem;
}
@media (max-width: 991.98px) {
  .front-page-article-block-header {
    line-height: 40px;
  }
}
@media (max-width: 767.98px) {
  .front-page-article-block-header {
    font-size: 4rem;
    line-height: 40px;
    letter-spacing: -0.5px;
    word-break: break-word;
  }
}

.front-page-article-block-excerpt {
  border-bottom: none;
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 38px;
  padding-bottom: 24px;
}
@media (max-width: 767.98px) {
  .front-page-article-block-excerpt {
    font-size: 2.8rem;
    line-height: 21px;
  }
}
.front-page-article-block-excerpt .date-span {
  display: block;
}
@media (max-width: 991.98px) {
  .front-page-article-block-excerpt .date-span {
    font-size: 1.6rem;
    line-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .front-page-article-block-excerpt .date-span {
    font-size: 1.1rem;
    line-height: 11px;
  }
}
.front-page-article-block-excerpt .cat-span {
  font-size: 2rem !important;
  letter-spacing: 0px;
  text-transform: none;
}
@media (max-width: 991.98px) {
  .front-page-article-block-excerpt .cat-span {
    font-size: 1.6rem !important;
  }
}
@media (max-width: 991.98px) {
  .front-page-article-block-excerpt {
    font-size: 2.2rem;
    line-height: 28px;
  }
}
@media (max-width: 767.98px) {
  .front-page-article-block-excerpt {
    font-size: 2.2rem;
    line-height: 28px;
    padding-bottom: 20px;
  }
}

.secondary-front-page-article-block-first-article .date-span {
  font-size: 1.2rem;
  letter-spacing: 1px;
  margin-top: 12px;
  text-transform: uppercase;
}
.secondary-front-page-article-block-first-article .container {
  padding: 20px;
}
.secondary-front-page-article-block .front-page-article-block-excerpt {
  padding-bottom: 40px;
  font-size: 2.6rem;
  letter-spacing: 0;
  line-height: 38px;
}
@media (max-width: 991.98px) {
  .secondary-front-page-article-block .front-page-article-block-excerpt {
    font-size: 1.6rem;
    line-height: 20px;
  }
}
@media (max-width: 767.98px) {
  .secondary-front-page-article-block .front-page-article-block-excerpt {
    padding-bottom: 20px;
  }
}
.secondary-front-page-article-block .front-page-article-block-article {
  margin-top: 28px;
  border: none !important;
  border-radius: 0;
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article {
  display: flex;
  flex-direction: row;
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .flex-item-1 {
  height: 100%;
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .flex-item-1 img {
  width: 256px;
  height: 185px;
  object-fit: cover;
}
@media (max-width: 1199.98px) {
  .secondary-front-page-article-block .secondary-front-page-article-block-list-article .flex-item-1 img {
    width: 212px;
    height: 207px;
  }
}
@media (max-width: 767.98px) {
  .secondary-front-page-article-block .secondary-front-page-article-block-list-article .flex-item-1 img {
    margin: 20px 15px 20px 10px;
    width: 90px;
    max-height: 90px;
    padding-right: 0;
  }
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .nyhet > span:not(.date-span) {
  color: #4c4c4c;
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container {
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  max-height: 185px;
}
@media (max-width: 1199.98px) {
  .secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container {
    max-height: 320px;
  }
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container .flex-item-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 42px 12px 32px;
}
@media (max-width: 1199.98px) {
  .secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container .flex-item-2 {
    padding: 16px 15px 16px 20px;
  }
}
@media (max-width: 767.98px) {
  .secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container .flex-item-2 {
    padding: 16px 12px 16px 12px;
  }
}
@media (max-width: 767.98px) {
  .secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container .flex-item-2 h4 {
    font-size: 1.8rem;
    line-height: 18px;
  }
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container .flex-item-2 .category-date-container .nyhet span:not(.date-span):not(.cat-span) {
  font-size: 1.3rem;
  line-height: 16px;
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container .flex-item-2 .cat-span {
  border: none;
  font-size: 1.3rem;
  padding: 0;
  letter-spacing: 0px;
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container .flex-item-2 .cat-span:hover {
  background: none;
  text-decoration: underline;
}
.secondary-front-page-article-block .secondary-front-page-article-block-list-article .secondary-article-list-flex-container .flex-item-2 .date-span {
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 13px;
  margin-top: 12px;
  text-transform: uppercase;
}
.secondary-front-page-article-block .secondary-front-page-article-block-excerpt {
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 38px;
}
.secondary-front-page-article-block .secondary-front-page-article-block-excerpt .cat-span {
  border: none;
  font-size: 2rem;
  letter-spacing: 0px;
}
.secondary-front-page-article-block .secondary-front-page-article-block-excerpt .cat-span:hover {
  background: none;
  text-decoration: underline;
}
@media (max-width: 991.98px) {
  .secondary-front-page-article-block .secondary-front-page-article-block-excerpt {
    font-size: 1.8rem;
    line-height: 21px;
  }
}

.apsis-container {
  width: 100%;
  display: flex;
  justify-content: center;
}
.apsis-container .apsis-form {
  height: 276px;
  max-width: 374px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px 0 20px 0;
  position: relative;
}
@media (max-width: 767.98px) {
  .apsis-container .apsis-form {
    max-width: none;
  }
}
.apsis-container .apsis-form h4 {
  text-align: center;
  margin: 25px 0 14px 0;
  font-size: 2.8rem;
  line-height: 30px;
}
.apsis-container .apsis-form p {
  font-size: 1.6rem;
  line-height: 22px;
  margin: 0 20px 5px 20px;
  text-align: center;
}
.apsis-container .apsis-form .al-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.apsis-container .apsis-form .al-form .al-form-reset-button {
  background: none;
}
.apsis-container .apsis-form .al-form .al-input-field {
  width: 305px;
}
.apsis-container .apsis-form .al-form .al-input-field label {
  display: none;
}
.apsis-container .apsis-form .al-form .al-input-field .al-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.apsis-container .apsis-form .al-form .al-input-field .al-input-wrapper input {
  width: 305px;
  padding-left: 10px;
  height: 38px;
  border: none;
}
.apsis-container .apsis-form .al-form .al-input-field .al-input-wrapper input:active {
  padding-left: 10px;
}
@media (max-width: 767.98px) {
  .apsis-container .apsis-form .al-form .al-input-field .al-input-wrapper input {
    max-width: 80vw;
  }
}
.apsis-container .apsis-form .al-form .al-input-field input::placeholder {
  font-size: 16px;
  line-height: 22px;
}
.apsis-container .apsis-form .al-form input[type=button] {
  cursor: pointer;
  width: 305px;
  margin: 20px 20px 0 20px;
  height: 38px;
  border-radius: 21px;
  border: none;
  font-size: 1.6rem;
  line-height: 16px;
  text-transform: uppercase;
}
@media (max-width: 767.98px) {
  .apsis-container .apsis-form .al-form input[type=button] {
    max-width: 80vw;
  }
}

.front-page-article-block-first-article .category-date-container {
  margin-bottom: 0;
  border-bottom: none !important;
}
.front-page-article-block-first-article .category-date-container > span {
  font-size: 3rem;
  line-height: 38px;
}
@media (max-width: 767.98px) {
  .front-page-article-block-first-article .category-date-container > span {
    font-size: 2.2rem;
    line-height: 28px;
  }
}
.front-page-article-block-first-article .category-date-container .date-span {
  font-size: 1.2rem;
  line-height: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 12px;
}
@media (max-width: 767.98px) {
  .front-page-article-block-first-article .category-date-container .date-span {
    font-size: 1.2rem;
    line-height: 13px;
  }
}
.front-page-article-block-first-article .category-date-container .cat-span {
  font-size: 2rem;
}
@media (max-width: 767.98px) {
  .front-page-article-block-first-article .category-date-container .cat-span {
    font-size: 1.6rem !important;
    line-height: 28px;
  }
}

.secondary-front-page-article-block-first-article .category-date-container {
  border-bottom: none;
}
.secondary-front-page-article-block-first-article .front-page-article-block-header {
  font-size: 4.6rem;
  font-weight: 400;
  line-height: 53px;
  letter-spacing: -0.28px;
  margin-bottom: 12px;
  margin-top: 30px;
}
@media (max-width: 767.98px) {
  .secondary-front-page-article-block-first-article .front-page-article-block-header {
    font-size: 2.6rem;
    line-height: 28px;
  }
}
.secondary-front-page-article-block-first-article .container {
  padding: 0px 40px 42px 40px;
}
@media (max-width: 767.98px) {
  .secondary-front-page-article-block-first-article .container {
    padding: 0px 16px 15px 16px;
  }
}
.secondary-front-page-article-block-first-article .cat-span {
  font-size: 2rem;
}
@media (max-width: 767.98px) {
  .secondary-front-page-article-block-first-article .cat-span {
    font-size: 1.6rem;
  }
}

.front-page-article-box h2 {
  font-size: 2.6rem !important;
  line-height: 29px !important;
}
.front-page-article-box .category-date-container {
  margin-bottom: 0;
}
.front-page-article-box .premium .img-box {
  min-height: 100px;
  min-width: 100px;
}
.front-page-article-box .premium .img-box:after {
  background-image: none;
}
.front-page-article-box .premium .img-box:before {
  position: absolute;
  content: "";
  z-index: 1;
  border-top: none;
  border-right: none;
  top: 0;
  left: 0;
}
.front-page-article-box .container {
  padding: 40px 22px 20px 22px;
}
@media (max-width: 767.98px) {
  .front-page-article-box .container {
    padding: 20px 16px;
  }
}
.front-page-article-box .category-date-container .date-span {
  font-size: 1.2rem;
  letter-spacing: 1px;
  line-height: 13px;
  text-transform: uppercase;
  margin-top: 4px;
}
.front-page-article-box .category-date-container .cat-span {
  letter-spacing: 0px;
}
.front-page-article-box h2 {
  font-size: 2rem;
  line-height: 26px;
}
@media (max-width: 991.98px) {
  .front-page-article-box h2 {
    font-size: 2.2rem;
  }
}
.front-page-article-box p {
  font-size: 1.6rem;
  line-height: 25px;
  padding-top: 15px;
}
@media (max-width: 991.98px) {
  .front-page-article-box p {
    line-height: 25px;
  }
}

.featured-img-front-page-article-box {
  height: 236px;
  width: 100%;
  border-radius: 0;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .featured-img-front-page-article-box {
    height: 372px;
  }
}
@media (max-width: 767.98px) {
  .featured-img-front-page-article-box {
    height: 230px;
  }
}

.front-page-article-box-list-item {
  border: none;
  border-radius: 0;
}
@media (max-width: 767.98px) {
  .front-page-article-box-list-item {
    margin-bottom: 2rem;
  }
}

.front-page-category {
  margin: 3rem auto;
  display: grid;
  grid-template-rows: minmax(80rem, min-content) !important;
  grid-template-columns: repeat(4, 28.5rem);
  max-width: fit-content;
  column-gap: 2.8rem;
}
@media only screen and (max-width: 41.4rem) {
  .front-page-category {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 34.5rem;
    margin: 0 auto;
    align-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .front-page-category {
    margin-bottom: 0;
    column-gap: 5rem;
    max-width: fit-content;
  }
}
.front-page-category__divider, .front-page-category__divider-text {
  position: relative;
}
.front-page-category__divider-text {
  background-color: #f2f2f2;
  grid-row: 1;
  padding: 1.4rem 1.2rem 4rem;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.front-page-category__divider-text::after {
  content: "";
  display: block;
  margin: 0 auto;
  border-top: 2px solid #a4a2a1;
  width: 100%;
}
.front-page-category__divider-text h3 {
  padding: 0.8rem 0 0 0.3rem;
  font-family: "NotoSerif-Bold", serif;
  font-size: 1.5rem;
  letter-spacing: -0.3px;
  color: #232326;
  line-height: 2rem;
  z-index: 2;
  width: fit-content;
}
@media only screen and (max-width: 41.4rem) {
  .front-page-category__divider-text {
    height: 7.8rem;
    width: inherit;
  }
  .front-page-category__divider-text:nth-child(n+2) {
    margin-top: 4rem;
  }
}

.front-page-category > div:first-child .front-page-category__divider-text {
  margin-top: 0;
}

.front-page-theme-container .articlebox-category-theme-container:last-of-type .article:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.front-page-repeater-container:first-of-type {
  grid-column: 1;
  background-color: #d0e0e2;
}
.front-page-repeater-container:first-of-type .front-page-category__divider-text,
.front-page-repeater-container:first-of-type .front-page-category__divider {
  background-color: #d0e0e2;
}
.front-page-repeater-container:nth-of-type(2) {
  grid-column: 2;
}
.front-page-repeater-container:nth-of-type(3) {
  grid-column: 3;
}
.front-page-repeater-container:nth-of-type(4) {
  grid-column: 4;
}
@media only screen and (max-width: 41.4rem) {
  .front-page-repeater-container:nth-child(n+1) {
    margin-top: 2rem;
  }
}

.front-page-select-container .articlebox-category-select-container:last-of-type .article:last-child {
  border-bottom: none;
}

.magasinet__intro-container {
  max-width: 75.6rem;
  margin-top: 12.5rem;
  margin-bottom: 5rem;
}
.magasinet__intro-container--titles h1 {
  font-family: "NotoSerif-Bold", serif;
  font-size: 5.5rem;
  font-weight: 400;
  letter-spacing: -1.26px;
  line-height: 6.2rem;
}
@media (max-width: 767.98px) {
  .magasinet__intro-container--titles h1 {
    font-size: 4rem;
  }
}
.magasinet__intro-container--titles h2 {
  margin-top: 2.7rem;
  margin-bottom: 3.8rem;
  font-family: "NotoSerif-Regular", serif;
  font-size: 3rem;
  letter-spacing: -0.3px;
  line-height: 3.8rem;
  font-weight: 200;
}
.magasinet__divider {
  height: 2px;
  width: 100%;
  border-bottom: 2px solid;
}
.magasinet__excerpt p {
  font-size: 2rem;
  letter-spacing: -0.22px;
  line-height: 3rem;
  font-family: "NotoSerif-Regular", serif;
  padding: 3.5rem 0;
}
.magasinet__app-container {
  max-width: 75.6rem;
}
@media (max-width: 767.98px) {
  .magasinet__app-container {
    margin: 4rem 0;
  }
}
.magasinet__app-container-heading {
  font-family: "NotoSerif-SemiBold", serif;
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 3.8rem;
}
.magasinet__app-container--content-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .magasinet__app-container--content-wrapper {
    flex-direction: column-reverse;
    gap: 2rem;
  }
}
.magasinet__app-container--content-wrapper-info {
  width: 50%;
  font-size: 2rem;
  letter-spacing: -0.22px;
  line-height: 3rem;
  font-family: "NotoSerif-Regular", serif;
}
@media (max-width: 767.98px) {
  .magasinet__app-container--content-wrapper-info {
    width: 100%;
  }
}
.magasinet__app-container--content-wrapper-images {
  width: 50%;
  display: flex;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .magasinet__app-container--content-wrapper-images {
    margin-top: 2rem;
    width: 100%;
    justify-content: space-evenly;
  }
}
.magasinet__app-container--content-wrapper-images img {
  width: 9rem;
  height: 20rem;
  object-fit: cover;
}
.magasinet__app-container--store-badges {
  display: flex;
}
.magasinet__app-container--store-badges-apple {
  padding: 1rem;
  padding-left: 0;
}
.magasinet__app-container--store-badges-google {
  max-height: 6rem;
}
.magasinet__articles-container {
  margin: 12rem auto;
  max-width: 96.5rem;
}
.magasinet__articles-container .magasinet-issuu-grid {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 2%;
  justify-items: center;
}
@media (max-width: 991.98px) {
  .magasinet__articles-container .magasinet-issuu-grid {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 767.98px) {
  .magasinet__articles-container .magasinet-issuu-grid {
    grid-template-columns: auto;
  }
}

.quick-links__container {
  max-width: 101rem;
  background-color: #077d69;
  border-top: 12px solid #c7e3de;
  border-bottom: 12px solid #8cc3ba;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.3rem 2rem 6.8rem;
  gap: 4.3rem;
  margin: 9.8rem auto;
}
@media (max-width: 1199.98px) {
  .quick-links__container {
    max-width: 72rem;
  }
}
@media (max-width: 767.98px) {
  .quick-links__container {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
.quick-links__container h2 {
  text-align: center;
  font-family: "NotoSerif-Regular", serif;
  color: #ffffff;
  font-size: 3rem;
  line-height: 3.8rem;
  letter-spacing: -0.6px;
  text-align: center;
}
.quick-links__list {
  max-width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem 0;
  gap: 1.2rem;
}
.quick-links__list--item {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2rem;
  color: #333333;
  text-align: center;
  max-width: fit-content;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 20px;
  padding: 1rem 3.8rem;
  transition: all 0.3s ease;
}
.quick-links__list--item:hover {
  transform: translateY(-2px);
  background-color: #e3f1ee;
  border-color: #8cc3ba;
  color: #292929;
}

.faq__intro-container {
  max-width: 101rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.9rem;
  margin: 5.8rem auto 6rem;
}
@media only screen and (max-width: 41.4rem) {
  .faq__intro-container {
    margin: 41rem auto 3.6rem;
    gap: 1.8rem;
  }
}
.faq__intro-container--titles h1 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 4rem;
  line-height: 5rem;
  letter-spacing: 0;
  color: #000000;
}
@media (max-width: 767.98px) {
  .faq__intro-container--titles h1 {
    font-size: 4rem;
  }
}
.faq__intro-container--titles h2 {
  margin-top: 2.7rem;
  margin-bottom: 2.6rem;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0;
  line-height: 2.6rem;
  color: #232326;
}
.faq__divider {
  display: none;
  border-top: 2px solid;
  max-width: 75.6rem;
  height: 2px;
  margin-bottom: 5.4rem;
}
@media (max-width: 1199.98px) {
  .faq__divider {
    max-width: 72rem;
  }
}
@media (max-width: 991.98px) {
  .faq__divider {
    width: calc(100% - 6rem);
  }
}
@media (max-width: 767.98px) {
  .faq__divider {
    width: calc(100% - 3rem);
  }
}
.faq__container {
  max-width: 101rem;
  margin: 0 auto;
}
@media only screen and (max-width: 41.4rem) {
  .faq__container {
    max-width: 34.5rem;
  }
}
.faq__container h2 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0;
  line-height: 2.6rem;
  text-align: left;
  margin-bottom: 2.6rem !important;
  color: #232326;
}
@media only screen and (max-width: 41.4rem) {
  .faq__container h2 {
    margin-bottom: 1.4rem !important;
  }
}
.faq__container ul {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 8.5rem;
  font-family: "Inter-SemiBold", sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: 0 !important;
  line-height: 2.8rem !important;
  color: #232326;
}
@media (max-width: 767.98px) {
  .faq__container ul {
    font-family: "Inter-Medium", sans-serif !important;
    font-size: 1.8rem !important;
    line-height: 2.4rem !important;
  }
}
.faq__container ul li {
  position: relative;
  background-color: #ecf3f5;
  padding: 3.4rem 10rem 3.2rem 3rem;
  user-select: none;
  box-shadow: -1px 2px 3px rgba(60, 124, 134, 0.22);
}
@media (max-width: 767.98px) {
  .faq__container ul li {
    padding: 1.8rem 1.2rem;
  }
}
.faq__container ul li .faq__arrow {
  position: absolute;
  pointer-events: none;
  top: 3.5rem;
  right: 4rem;
  width: 1.2rem;
  height: 2.8rem;
}
@media (max-width: 767.98px) {
  .faq__container ul li .faq__arrow {
    right: 2rem;
  }
}
.faq__container ul li p {
  display: none !important;
  font-family: "Inter-Regular", sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: 0 !important;
  line-height: 2.8rem !important;
  color: #232326;
  padding-top: 1.6rem !important;
  margin-top: 1.6rem !important;
  border-top: 2px solid #d0e0e2;
  user-select: none;
}
.faq__container ul li p a {
  text-decoration: underline;
}
.faq__container ul li p.faq__open {
  display: block !important;
}
.faq__container ul li img.faq__open {
  transform: rotate(180deg);
}
.faq__container ul li:has(p.faq__open) p {
  display: block !important;
}
.faq__container ul li:has(p.faq__open) p:nth-child(n+1) {
  border-top: none !important;
}
.faq__excerpt {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #242423;
}

.addtoany_content {
  display: none;
}

.contact__intro-container {
  max-width: 75.6rem;
  margin-top: 12.5rem;
}
.contact__intro-container--titles h1 {
  font-family: "NotoSerif-Bold", serif;
  font-size: 5.5rem;
  font-weight: 400;
  letter-spacing: -1.26px;
  line-height: 6.2rem;
}
@media (max-width: 767.98px) {
  .contact__intro-container--titles h1 {
    font-size: 4rem;
  }
}
.contact__intro-container--titles h2 {
  margin-top: 2.7rem;
  margin-bottom: 3.8rem;
  font-family: "NotoSerif-Regular", serif;
  font-size: 3rem;
  letter-spacing: -0.3px;
  line-height: 3.8rem;
  font-weight: 200;
}
.contact__excerpt h2 {
  font-family: "NotoSerif-Bold", serif;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 3.8rem;
}
@media (max-width: 1199.98px) {
  .contact .flexible-container {
    padding: 0 1.5rem;
  }
}
.contact .flexible-container .paragraph-container .row {
  flex-direction: column;
}
.contact .flexible-container .paragraph-container .row h1,
.contact .flexible-container .paragraph-container .row h2,
.contact .flexible-container .paragraph-container .row h3,
.contact .flexible-container .paragraph-container .row h4,
.contact .flexible-container .paragraph-container .row h5,
.contact .flexible-container .paragraph-container .row h6 {
  font-family: "NotoSerif-SemiBold", serif;
}
.contact .flexible-container .paragraph-container .row p {
  font-size: 2rem;
  letter-spacing: -0.22px;
  line-height: 3rem;
  font-family: "NotoSerif-Regular", serif;
  padding-bottom: 3rem;
}
.contact .flexible-container .paragraph-container .row p a {
  color: #000;
  text-underline-offset: 4px;
}

/*
** Posts
*/
.paywall {
  width: clamp(34.5rem, 65vw, 80rem);
  margin: 4rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  translate: -5% 0;
}
@media (max-width: 767.98px) {
  .paywall {
    translate: 0;
  }
}
.paywall__subscribe {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: 0.4px;
  color: #000000;
  padding: 1rem;
}
.paywall__subscribe > a {
  text-decoration: underline;
  padding: 0 1rem;
}
.paywall__subscribe > a:hover {
  color: #575757;
}
.paywall__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  padding: 2.6rem 2rem;
  background-color: #3c7c86;
  border-top: 12px solid #d0e0e2;
  width: clamp(34.5rem, 60%, 50rem);
}
.paywall__cta--title {
  font-family: "NotoSerif-Medium", serif;
  font-size: 3rem;
  line-height: 3.8rem;
  letter-spacing: -0.6px;
  color: #ffffff;
  width: unset;
}
.paywall__cta--info {
  font-family: "NotoSerif-Bold", serif;
  font-size: 2.2rem;
  line-height: 3rem;
  color: #d0e0e2;
  text-align: center;
}
.paywall__cta--buttons {
  display: flex;
  justify-content: space-evenly;
  width: 75%;
  padding: 1rem 0;
}
@media (max-width: 767.98px) {
  .paywall__cta--buttons {
    width: 95%;
    justify-content: space-between;
  }
}
.paywall__cta--buttons > a {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-transform: uppercase;
  text-align: center;
  padding: 0.6rem 0;
  width: 14rem;
  height: 3rem;
  border-radius: 20px;
  transition: all 0.1s ease-out;
}
.paywall__cta--buttons > a:hover {
  scale: 102% 101%;
}
.paywall__cta--buttons > a:first-child {
  color: #ffffff;
  border: 2px solid #ffffff;
  background-color: #3c7c86;
}
.paywall__cta--buttons > a:nth-child(2) {
  color: #000000;
  border: 2px solid transparent;
  background-color: #ffffff;
}
.paywall__help {
  background-color: #afcdd5;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  padding: 2rem 1.8rem;
  color: #000000;
  width: clamp(34.5rem, 60%, 50rem);
}
.paywall__help > h3 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0.51px;
}
.paywall__help > p {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.3rem;
  line-height: 1.7rem;
  letter-spacing: 0.3px;
}

/* 
** OLD PAYWALL STYLES
*/
.paywall-container {
  padding: 30px;
}

.paywall-inner-contaier {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  padding: 76px 30px 16px;
}
.paywall-inner-contaier h2 {
  text-align: center;
}
.paywall-inner-contaier p.paywall-paragraph {
  margin-top: 17px;
  margin-bottom: 50px !important;
  max-width: 400px;
  text-align: center;
}

.woocommerce-Price-amount {
  display: none !important;
}

.semi-bold {
  font-family: "Roboto-Medium", sans-serif;
}

.link-blue {
  text-decoration: underline;
  color: #3c7c86;
}

.arrow-in-button {
  margin-left: 12px;
}

.subscribe-button {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  max-width: 290px;
}
@media (max-width: 767.98px) {
  .subscribe-button {
    max-width: 100%;
  }
}

.checkoutWall header,
.checkoutWall footer {
  display: none !important;
}

.add_to_cart_inline {
  border: none !important;
}

.add_to_cart_button,
.single_add_to_cart_button {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 61px !important;
  border-radius: 30px !important;
  background-color: #3c7c86 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  font-family: "Roboto-Medium", sans-serif !important;
  font-size: 1.6rem !important;
  line-height: 22px !important;
}
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
  background-color: #7fa3a6 !important;
  color: #ffffff !important;
}
@media (max-width: 767.98px) {
  .add_to_cart_button,
  .single_add_to_cart_button {
    margin-top: 33px !important;
  }
}

.paywall-check-circle {
  padding-bottom: 5px;
  margin-right: 15px;
}

.klarna-checkout-container {
  border-top: 1px solid #eaecef;
  padding-top: 40px;
  margin-top: 30px;
}

#loadingDiv {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*@import "modules/posts/_content";*/
.facts-list--small {
  position: relative;
  padding: 3rem !important;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1199.98px) {
  .facts-list--small {
    position: relative;
    transform: unset;
    margin: 3.2rem 0;
    margin-left: -1.5rem;
    width: 100%;
    max-width: 29rem;
  }
}
@media (max-width: 991.98px) {
  .facts-list--small {
    margin: 1.2rem 0 3.2rem;
  }
}
@media (max-width: 767.98px) {
  .facts-list--small {
    max-width: 100%;
  }
}
.facts-list--small > div.row {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .facts-list--small > div.row {
    max-width: 100%;
  }
}
.facts-list--small .facts-title--small {
  font-family: "Inter-SemiBold", sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
.facts-list--small .facts-content--small div,
.facts-list--small .facts-content--small p {
  margin: 0 !important;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.2rem !important;
}
.facts-list--small .facts-corner--small {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 3rem solid #ffffff;
}

.facts-list--large {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 2rem auto;
  padding: 3rem 0 4rem;
}
@media only screen and (max-width: 41.4rem) {
  .facts-list--large {
    padding: 2.2rem 0;
    margin: 0.2rem auto 2rem;
    min-width: 34.5rem;
  }
}
.facts-list--large > div.row {
  flex-direction: column;
  font-family: "Inter-Regular", sans-serif;
  gap: 2rem;
}
@media only screen and (max-width: 41.4rem) {
  .facts-list--large > div.row {
    gap: 1.2rem;
    max-width: 32rem;
  }
}
.facts-list--large .facts-title--large {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.2rem;
  line-height: 2.8rem;
  letter-spacing: 0;
  width: fit-content;
  color: #242423 !important;
}
@media only screen and (max-width: 41.4rem) {
  .facts-list--large .facts-title--large {
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 0rem;
  }
}
.facts-list--large .facts-content--large {
  color: #242423 !important;
  width: clamp(32rem, 44vw, 68rem);
}
.facts-list--large .facts-content--large > p {
  padding: 0.2rem 0;
}
@media only screen and (max-width: 41.4rem) {
  .facts-list--large .facts-content--large > p {
    padding: 0;
  }
}
.facts-list--large .facts-content--large ol {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.facts-list--large .facts-content--large ol li,
.facts-list--large .facts-content--large ol li p {
  font-family: "Inter-Regular", sans-serif;
  font-size: 2rem;
  letter-spacing: -0.22px;
  line-height: 3rem;
  word-break: break-word;
}
.facts-list--large .facts-content--large ol li p,
.facts-list--large .facts-content--large ol li p p {
  margin: 0;
  padding-top: 3rem;
}
.facts-list--large .facts-content--large ol li strong,
.facts-list--large .facts-content--large ol li p strong {
  font-family: "Inter-SemiBold", sans-serif;
}
.facts-list--large .facts-content--large ol li {
  counter-increment: listId;
}
.facts-list--large .facts-content--large ol li::before {
  content: counter(listId) ".";
  display: inline-block;
  width: 2.9rem;
  height: 2.9rem;
  border: 1px solid;
  border-radius: 999rem;
  text-align: center;
  text-indent: 0.3rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.2px;
  font-family: "NotoSerif-Bold", serif;
  margin-right: 0.8rem;
}
.facts-list--large .facts-content--large ul {
  margin: 0;
  padding-right: 5%;
}
.facts-list--large .facts-content--large ul li {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.7rem;
  line-height: 2.6rem;
  margin-bottom: 0.4rem;
}
.facts-list--large .facts-corner--large {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 5rem solid #ffffff;
}

.facts-list--readmore {
  position: relative;
  margin: 3rem 0;
}
@media (max-width: 991.98px) {
  .facts-list--readmore {
    height: auto;
  }
}
.facts-list--readmore .facts-title--readmore {
  font-family: "Inter-Bold", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 1.8rem;
  text-transform: uppercase;
  width: 100%;
}
.facts-list--readmore .facts-corner--readmore {
  position: absolute;
  top: 0;
  right: 0;
  border-top: 3rem solid #ffffff;
}

.facts-list--readmore div.row {
  height: 100%;
  padding: 2rem 4rem 3.5rem;
}
.facts-list--readmore div {
  font-size: 1.6rem;
  border-color: inherit;
}
.facts-list--readmore div a {
  color: inherit;
  text-decoration-color: inherit;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
.facts-list--readmore .facts-title--readmore {
  font-family: "Inter-Bold", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 1.8rem;
  text-transform: uppercase;
}
.facts-list--readmore .facts-contentcontainer--left {
  height: 100%;
  width: 369px;
  padding-right: 3rem;
  text-decoration-color: inherit;
}
.facts-list--readmore .facts-contentcontainer--left .facts-content--readmore {
  text-decoration-color: inherit;
}
.facts-list--readmore .facts-contentcontainer--left .facts-content--readmore p {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 22px;
  text-decoration-color: inherit;
  margin: 0 !important;
  word-break: break-word;
}
@media (max-width: 991.98px) {
  .facts-list--readmore .facts-contentcontainer--left {
    padding-right: 0;
  }
}
.facts-list--readmore .facts-readmore--divider {
  width: 2px;
  background-color: #fff;
}
@media (max-width: 991.98px) {
  .facts-list--readmore .facts-readmore--divider {
    height: 1px;
    margin-top: 1.6rem;
    width: 100%;
    padding: 0 2rem;
  }
}
.facts-list--readmore .facts-contentcontainer--right {
  display: flex;
  width: 30.5rem;
  height: 100%;
  justify-content: space-between;
  padding: 1rem 0 0 3rem;
}
@media (max-width: 991.98px) {
  .facts-list--readmore .facts-contentcontainer--right {
    padding: 1.6rem 0;
  }
}
.facts-list--readmore .facts-contentcontainer--right .facts-aboutcontainer p {
  word-break: break-word;
  margin: 0 !important;
  padding-right: 3rem;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 22px;
  padding-bottom: 1rem;
}
.facts-list--readmore .facts-contentcontainer--right img {
  width: 7.1rem;
  height: 10.6rem;
  object-fit: cover;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.facts-list--readmore .facts-contact--container {
  margin-top: 1.2rem;
  padding-right: 3rem;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 22px;
}

.facts-list--readmore_large {
  position: relative;
}
.facts-list--readmore_large div.row {
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
  align-items: center;
  height: 100%;
  padding: 3.6rem 3.6rem 4.2rem 3.6rem;
}
.facts-list--readmore_large div.row .facts-readmore--divider {
  width: 100%;
  height: 2px;
  background: #fff;
}
.facts-list--readmore_large div {
  font-size: 1.6rem;
  border-color: inherit;
}
.facts-list--readmore_large div a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: inherit;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
}
.facts-list--readmore_large .facts-title--readmore_large {
  font-family: "Inter-Bold", sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  text-transform: uppercase;
  margin-bottom: 2.2rem;
}
.facts-list--readmore_large .facts-content--readmore_large {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.facts-list--readmore_large .facts-content--readmore_large p,
.facts-list--readmore_large .facts-content--readmore_large strong,
.facts-list--readmore_large .facts-content--readmore_large em {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  margin: 0 !important;
  text-decoration-color: inherit;
  font-family: "Inter-Regular", sans-serif;
}
.facts-list--readmore_large .facts-content--readmore_large strong {
  font-family: inherit !important;
  font-weight: 700 !important;
}
.facts-list--readmore_large .facts-content--readmore_large em {
  font-family: inherit !important;
  font-style: italic !important;
}
.facts-list--readmore_large .facts-contentcontainer--left {
  width: 100%;
}
.facts-list--readmore_large .facts-contentcontainer--left .facts-contact--container {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  margin: 0 !important;
  text-decoration-color: inherit;
  font-family: "Inter-Regular", sans-serif;
}
.facts-list--readmore_large .facts-contentcontainer--left .facts-contact--container a {
  text-decoration-color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.facts-list--readmore_large .facts-contentcontainer--right {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.facts-list--readmore_large .facts-contentcontainer--right img {
  width: 7.1rem;
  height: 10.6rem;
  object-fit: cover;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.facts-list--readmore_large .facts-contentcontainer--right .facts-aboutcontainer {
  padding-right: 2rem;
}
.facts-list--readmore_large .facts-contentcontainer--right .facts-aboutcontainer p,
.facts-list--readmore_large .facts-contentcontainer--right .facts-aboutcontainer strong,
.facts-list--readmore_large .facts-contentcontainer--right .facts-aboutcontainer em {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 22px;
  padding-top: 0.5rem;
  text-decoration-color: inherit;
}
.facts-list--readmore_large .facts-contentcontainer--right .facts-aboutcontainer strong {
  font-weight: 700;
}
.facts-list--readmore_large .facts-contentcontainer--right .facts-aboutcontainer p {
  font-family: "Inter-Regular", sans-serif;
}
.facts-list--readmore_large .facts-corner--readmore_large {
  position: absolute;
  top: 0;
  right: 0;
  border-top: 5rem solid #fff;
}

.facts-list--cta {
  position: relative;
  padding: 2rem 4rem 3.5rem 4rem;
}
.facts-list--cta .row {
  flex-direction: column;
}
.facts-list--cta .facts-title--cta {
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.2rem;
  text-transform: uppercase;
  font-weight: 900;
}
.facts-list--cta .facts-content--cta p {
  margin: 1.8rem 0 1.2rem 0 !important;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 22px !important;
}
.facts-list--cta .facts-contact--container {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  margin: 0 !important;
  text-decoration-color: inherit;
  font-family: "Inter-Regular", sans-serif;
}
.facts-list--cta .facts-contact--container a {
  text-decoration-color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
}
.facts-list--cta .facts-corner--cta {
  position: absolute;
  top: 0;
  right: 0;
  border-top: 3rem solid #fff;
}

.expert-block-container {
  overflow: hidden;
  padding-bottom: 3.6rem;
  margin-top: 13rem;
  margin-bottom: 3.4rem;
}

@media (min-width: 768px) {
  .expert-block__header {
    display: grid;
    grid-template-columns: 1fr 37.8rem 37.8rem 1fr;
    grid-template-rows: 22.75rem 22.75rem;
  }
}
.expert-block__header-text {
  grid-row: 1/2;
  grid-column: 2/3;
}
.expert-block__header-text--intro {
  padding: 0 1.5rem;
  margin-bottom: 3.6rem;
}
.expert-block__header-text--intro h2 {
  margin-top: 0 !important;
  font-family: "NotoSerif-SemiBold", serif;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 3.4rem;
  text-decoration: underline;
  width: fit-content;
}
.expert-block__header-text--intro h3 {
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  line-height: 2.2rem;
  margin-top: 1.8rem;
  margin-bottom: 1.6rem;
}
.expert-block__header-text--intro p,
.expert-block__header-text--intro div {
  font-family: "NotoSerif-Regular", serif;
  font-size: 1.8rem;
  letter-spacing: -0.22px;
  line-height: 2.5rem;
}
.expert-block__header-image {
  grid-row: 1/2;
  grid-column: 3/4;
  position: relative;
  width: 100vw;
  height: 45.5rem;
}
.expert-block__header-image-container {
  position: absolute;
  bottom: 0;
  left: 6rem;
}
@media (max-width: 767.98px) {
  .expert-block__header-image-container {
    left: 50%;
    transform: translateX(-50%);
  }
}
.expert-block__header-image-container img {
  object-fit: cover;
  width: 27.6rem;
  height: 36rem;
}
.expert-block__header-image-container p {
  position: absolute;
  bottom: -3.5rem;
  left: 2rem;
  width: 23.6rem;
  margin: 0 !important;
  background-color: #fff;
  height: 6.8rem;
  padding: 1.8rem;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  line-height: 2.2rem !important;
}
.expert-block__header-quote {
  grid-row: 2/3;
  grid-column: 2/3;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 6rem 1.5rem 4rem 1.5rem;
}
.expert-block__header-quote img {
  width: 5rem !important;
}
.expert-block__header-quote blockquote {
  word-break: break-word;
  margin: 0 !important;
  font-size: 2.4rem !important;
  line-height: 3rem !important;
  letter-spacing: -0.07px !important;
  padding-left: 0 !important;
}
.expert-block__paragraph {
  padding: 0 1.5rem;
  margin-bottom: 3.6rem;
}
@media (min-width: 768px) {
  .expert-block__paragraph {
    max-width: 756px;
    margin: 0 auto;
  }
}
.expert-block__paragraph h3 {
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  line-height: 2.2rem;
  margin-top: 0 !important;
  margin-bottom: 1.6rem;
}
.expert-block__paragraph p {
  font-family: "NotoSerif-Regular", serif;
  font-size: 1.8rem;
  letter-spacing: -0.22px;
  line-height: 2.5rem;
  margin: 0 !important;
}
.expert-block__paragraph p:not(:first-of-type) {
  text-indent: 3rem;
}

.references-container {
  margin-bottom: -11rem;
  padding: 0;
  background-color: unset;
  color: unset;
}
@media only screen and (max-width: 41.4rem) {
  .references-container {
    width: 34.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.references-container__dropdown {
  border-top: 4px solid #c4c4c4;
  width: 100%;
  display: inline-block;
  background-color: #f2f2f2;
  padding: 1.2rem 1.4rem 1rem 1.4rem;
  margin: 0 auto 11rem;
}
@media only screen and (max-width: 41.4rem) {
  .references-container__dropdown {
    padding: 1rem 0.8rem 0.8rem;
    width: 34.5rem;
  }
}
.references-container__dropdown.refs-open {
  border-bottom: 4px solid #e1e1e1;
}
.references-container__dropdown .reference-toggle {
  height: 4rem;
  width: 4rem;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  background-color: #c4c4c4;
  float: right;
  translate: -15% -1%;
}
.references-container__dropdown .reference-toggle:after {
  position: relative;
  content: "";
  width: 2rem;
  height: 1.4rem;
  margin-top: 4px;
  background: url("/wp-content/themes/tdl-child/assets/img/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 41.4rem) {
  .references-container__dropdown .reference-toggle {
    height: 2.6rem;
    width: 2.6rem;
    background-color: #8f8e8e;
    translate: -30% -10%;
    filter: brightness(1.3);
  }
  .references-container__dropdown .reference-toggle:after {
    height: 0.6rem;
    width: 0.9rem;
    margin-top: 2px;
  }
}
.references-container__dropdown input {
  display: none;
}
.references-container__dropdown label {
  display: block;
  transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  -moz-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.references-container__dropdown label:hover {
  background-color: #8f8e8e;
  cursor: pointer;
}
.references-container__dropdown input + label + .reference-content {
  display: block;
  opacity: 0;
  height: 0px;
  font-size: 0px;
  margin: 0 auto;
  max-width: 88%;
  background-color: transparent;
  transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  -moz-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
@media only screen and (max-width: 41.4rem) {
  .references-container__dropdown input + label + .reference-content {
    transition: none;
  }
}
.references-container__dropdown input + label + .reference-content ol {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  opacity: 0;
  scale: 20%;
  transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
  -moz-transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.references-container__dropdown input:checked + label {
  transform: scaleY(-1);
  background-color: #8f8e8e;
}
.references-container__dropdown input:checked + label:hover {
  background-color: #c4c4c4;
  cursor: pointer;
}
@media only screen and (max-width: 41.4rem) {
  .references-container__dropdown input:checked + label {
    background-color: #8f8e8e;
    filter: brightness(1.3);
  }
  .references-container__dropdown input:checked + label:hover {
    background-color: #8f8e8e;
  }
}
.references-container__dropdown input:checked + label + .reference-content {
  display: block;
  margin: 5.4rem auto 1rem;
  font-size: 1.4rem;
  opacity: 1;
  height: fit-content;
  background-color: #f2f2f2;
}
.references-container__dropdown input:checked + label + .reference-content ol {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  opacity: 1;
  scale: 100%;
  padding: 1rem 0;
}
@media only screen and (max-width: 41.4rem) {
  .references-container__dropdown input:checked + label + .reference-content {
    margin: 1.4rem auto 1.6rem;
    translate: 3% 5%;
  }
  .references-container__dropdown input:checked + label + .reference-content ol {
    gap: 1rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .references-container__dropdown {
    margin: 0 auto 3.8rem;
  }
}
.references-container p,
.references-container ol,
.references-container ul,
.references-container li {
  color: #575757;
  font-size: 1.4rem !important;
  font-family: "Inter-Medium", sans-serif;
  line-height: 2rem;
}
.references-container .ref-single {
  text-indent: -1rem;
}
.references-container .ref-single::before {
  content: attr(data-ref-number);
  display: inline-block;
  background-color: rgba(143, 142, 142, 0.8);
  width: 2.2rem;
  height: 2.2rem;
  border: 0.3px solid #8f8e8e;
  border-radius: 100%;
  font-family: "Inter-Bold", sans-serif;
  color: #333333;
  font-size: 0.8em !important;
  text-align: center;
  padding: 0 0 1.1rem 0.9rem;
  translate: -90% -2%;
  margin-right: -15px;
}
@media only screen and (max-width: 41.4rem) {
  .references-container .ref-single::before {
    scale: 85%;
    background-color: transparent;
  }
}
.references-container a {
  font-family: "Inter-SemiBold", sans-serif;
  color: #333333;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.references-container a:hover {
  font-family: "Inter-Bold", sans-serif;
  color: #8cc3ba;
  text-decoration-color: #8cc3ba;
  text-underline-offset: 1px;
}
.references-container a:visited {
  color: #2e8f92;
  text-decoration: none;
}
@media (max-width: 991.98px) {
  .references-container {
    padding: 17px 15px 40px 15px;
  }
}

.reference-title {
  color: #242423;
  font-family: "NotoSerif-Bold", serif;
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: -0.42px;
  position: absolute;
  translate: 15% 40%;
}
@media only screen and (max-width: 41.4rem) {
  .reference-title {
    font-size: 1.5rem;
    translate: 5% 5%;
  }
}

.sources-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.6rem;
  width: 100%;
  padding-top: 4.4rem;
  margin: 2% auto;
}
.sources-container .sources-title {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #242423;
}
.sources-container p > a {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.sources-container p > a:hover {
  color: #292929;
  font-family: "Inter-SemiBold", sans-serif;
}
@media only screen and (min-width: 1920px) {
  .sources-container {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 41.4rem) {
  .sources-container {
    margin: 1rem 0 1.6rem;
    padding: 1.4rem 0;
    gap: 0.4rem;
  }
  .sources-container .sources-title {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .sources-container p > a {
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}

.tips__container {
  max-width: 80rem;
  display: flex;
  flex-direction: column;
  margin: 4rem auto 2rem;
  margin-top: 6rem;
}
@media only screen and (min-width: 1920px) {
  .tips__container {
    max-width: 100%;
  }
}
.tips__title {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #242423;
  letter-spacing: 0;
  padding-bottom: 2.2rem;
}
.tips__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6rem;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.tips__item:first-letter {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  color: #333333;
  padding: 0.2rem 0.7rem;
  text-align: center;
  border: 1px solid #f2f2f2;
  background: #e1e1e1;
  border-radius: 50%;
  margin: 0 1.4rem 2.8rem 0;
}
@media only screen and (max-width: 41.4rem) {
  .tips__container {
    max-width: 100%;
    margin: 1.8rem 0 0 0;
  }
  .tips__title {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding-bottom: 1.7rem;
  }
  .tips__list {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .tips__item::first-letter {
    border: none;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 1.3rem;
    padding: 0.1rem 0.4rem;
    margin: 0 1rem 2rem 0;
  }
}

.same-subject {
  width: clamp(35rem, 52.5vw, 100rem);
  margin: auto;
  padding-top: 2rem;
  border-top: 2px solid #c4c4c4;
}
@media only screen and (max-width: 41.4rem) {
  .same-subject {
    width: 34.5rem;
    padding: 3rem 0.3rem;
  }
}
.same-subject__header {
  font-family: "NotoSerif-Bold", serif;
  font-size: 1.5rem;
  line-height: 1.8rem;
  letter-spacing: -0.3px;
}
.same-subject__container {
  display: flex;
  justify-content: flex-start;
}
@media only screen and (max-width: 41.4rem) {
  .same-subject__container {
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
  }
}
.same-subject__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 7.2rem;
  gap: 0.4rem;
  width: 50%;
  margin-top: 1.5rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 41.4rem) {
  .same-subject__card {
    width: 100%;
  }
}
.same-subject__card:last-of-type {
  border-left: 1px solid #8f8e8e;
  padding-left: 1.6rem;
}
@media only screen and (max-width: 41.4rem) {
  .same-subject__card:last-of-type {
    border-top: 1px solid #8f8e8e;
    border-left: none;
    padding: 3rem 0 0;
  }
}
.same-subject__category {
  color: #3c7c86;
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-top: -0.5rem;
}
.same-subject__title {
  color: #242423;
  font-family: "NotoSerif-Regular", serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: -0.36px;
}

/*@import "modules/posts/_content";*/
/*@import "modules/posts/_single";*/
.widget .a2a_kit {
  display: none;
}

.social-icons-container > .widget .a2a_kit {
  display: block;
}

.post-header {
  margin: 3rem auto 0;
  width: 90vw;
}
@media only screen and (min-width: 1920px) {
  .post-header {
    max-width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .post-header {
    margin: 3rem auto 0;
    max-width: 75.6rem;
  }
}
@media (max-width: 991.98px) {
  .post-header {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 41.4rem) {
  .post-header {
    margin-top: 4.6rem;
    width: 34.5rem;
  }
}
.post-header .post-category {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  grid-row: 1/span 2;
  grid-column: 1;
  align-self: flex-start;
  width: 16rem;
}
@media only screen and (min-width: 1920px) {
  .post-header .post-category {
    margin-left: calc(5% + 4vw);
  }
}
.post-header .post-category span {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.3px;
  line-height: 2.2rem;
  letter-spacing: 0.3px;
  width: 15rem;
  padding-top: 1.8rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 41.4rem) {
  .post-header .post-category span {
    font-size: 1.6rem;
    width: unset;
    padding: 0 0 0.2rem 0;
  }
}
@media (max-width: 1199.98px) {
  .post-header .post-category {
    border-top: none;
    margin: unset;
    height: unset;
    width: 85%;
    padding: 0.6rem 0.6rem 0.6rem 0;
  }
}
@media only screen and (max-width: 41.4rem) {
  .post-header .post-category {
    padding: 0.6rem 0;
    margin: -0.2rem 0 0 0;
    height: unset;
    width: unset;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    border: none !important;
    grid-row: 1;
    grid-column: 1/span 2;
  }
}
.post-header #annons.post-category {
  width: 100%;
  font-family: "BarlowCondensed-Medium", sans-serif;
  letter-spacing: 0.3px;
  line-height: 1.7rem;
  font-size: 1.5rem;
  grid-row: 1;
  grid-column: 1/span 2;
  border-top: 3px solid #b8a277;
  padding-top: 0;
  gap: 2.4rem;
  margin-left: -5%;
}
.post-header #annons.post-category > span {
  color: #ffffff !important;
  background-color: #b8a277;
  padding: 0 1.7rem 0.4rem 1.3rem;
}
@media (max-width: 767.98px) {
  .post-header #annons.post-category > span {
    padding: 0 1.5rem 0.4rem 1.1rem;
  }
}
@media only screen and (min-width: 1920px) {
  .post-header #annons.post-category {
    width: calc(95% - 4vw);
  }
}
@media (max-width: 767.98px) {
  .post-header #annons.post-category {
    border-right: none;
    margin: 0 !important;
  }
}
.post-header #vetenskap.post-category {
  border-top: 2px solid #992b75;
}
@media only screen and (max-width: 41.4rem) {
  .post-header #vetenskap.post-category {
    border-top: none;
  }
}

.a2a_svg {
  margin: unset;
}

.addtoany_list a:first-child {
  padding-left: unset;
}

@media (max-width: 991.98px) {
  .hide-in-mobile {
    display: none;
  }
}

.social-icons-container {
  text-align: left;
  margin-bottom: 20px;
}

.upper-container {
  display: grid;
  grid-template-rows: minmax(min-content, auto) minmax(10rem, max-content);
  grid-template-columns: 1fr 76rem 1fr;
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 576px) and (max-width: 1199.98px) {
  .upper-container {
    grid-template-columns: repeat(3, 14rem) 1fr;
    grid-template-rows: 6rem 13rem 20rem;
    align-items: center;
  }
}
@media only screen and (max-width: 41.4rem) {
  .upper-container {
    width: 100%;
    grid-template-columns: 8.1rem 1fr;
    grid-template-rows: 3rem minmax(min-content, max-content) minmax(min-content, max-content);
    gap: 1.6rem;
  }
}
.upper-container .article-heading {
  font-family: "NotoSerif-Medium", serif;
  color: #000000;
  font-weight: normal;
  font-size: 4.6rem;
  letter-spacing: 0;
  line-height: 5.6rem;
  grid-row: 1;
  grid-column: 2;
  align-self: center;
}
@media (max-width: 1199.98px) {
  .upper-container .article-heading {
    font-size: 4rem;
    margin: unset;
  }
}
@media (max-width: 991.98px) {
  .upper-container .article-heading {
    font-size: 3rem;
    letter-spacing: -0.78px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 41.4rem) {
  .upper-container .article-heading {
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: -0.6px;
    color: #333333;
    margin: 0;
  }
}
@media (max-width: 1199.98px) {
  .upper-container .article-heading {
    grid-row: 2;
    grid-column: 1/-1;
  }
}
@media only screen and (max-width: 41.4rem) {
  .upper-container .article-heading {
    grid-row: 2;
    grid-column: 1/-1;
    max-width: 34.5rem;
  }
}
.upper-container > p {
  font-family: "NotoSerif-Medium", serif;
  font-weight: normal;
  font-size: 3rem;
  line-height: 4rem;
  letter-spacing: 0;
  padding: 2rem 0 1rem;
  color: #292929;
  grid-row: 2;
  grid-column: 2;
  align-self: flex-start;
}
@media (max-width: 41.4rem) {
  .upper-container > p {
    font-size: 1.6rem !important;
    line-height: 2.2rem !important;
    letter-spacing: -0.4px !important;
    grid-row: 3;
    grid-column: 1/-1;
    padding: 0 !important;
    margin: 0;
    max-width: 34.5rem;
    color: #333333;
  }
}
@media (max-width: 1199.98px) {
  .upper-container > p {
    font-size: 2.7rem;
    line-height: 3.4rem;
    grid-row: 3;
    grid-column: 1/-1;
    margin: unset;
  }
}
@media (max-width: 991.98px) {
  .upper-container > p {
    padding-bottom: 2.4rem;
    font-size: 2rem;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
}
@media (max-width: 991.98px) {
  .upper-container > p span {
    font-size: 2rem;
    letter-spacing: -0.2px;
    line-height: 2.5rem;
  }
}
.upper-container.no-image {
  grid-template-rows: minmax(min-content, auto) minmax(10rem, max-content);
}
@media only screen and (max-width: 41.4rem) {
  .upper-container.no-image {
    grid-template-rows: 3rem minmax(min-content, max-content) minmax(min-content, max-content);
    gap: 1.8rem;
  }
}

.left-wrapper {
  margin-top: 5px;
}
@media (min-width: 1200px) {
  .left-wrapper {
    padding-left: 0;
  }
}
.left-wrapper .date span {
  display: inline-block;
  padding: 26px 0px;
  font-size: 1.2rem;
  line-height: 13px;
  letter-spacing: 1px;
  border-top: 1px solid black;
}
@media (max-width: 991.98px) {
  .left-wrapper .date span {
    padding-top: 0px;
    border-top: unset;
  }
}

.right-wrapper p {
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 38px;
}
@media (max-width: 991.98px) {
  .right-wrapper p {
    font-size: 2.2rem;
    line-height: 30px;
  }
}
.right-wrapper span {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
}
@media (max-width: 991.98px) {
  .right-wrapper span {
    font-size: 1.6rem;
  }
}
.right-wrapper img {
  margin-top: 50px;
}
@media (max-width: 991.98px) {
  .right-wrapper img {
    margin-top: 30px;
    height: auto;
  }
}

.image-caption-container {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container {
    margin: 0 0 3rem 0 !important;
    max-width: 34.5rem !important;
  }
}
@media (max-width: 1199.98px) {
  .image-caption-container {
    margin: unset;
  }
}
.image-caption-container img {
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .image-caption-container {
    margin-bottom: 5rem;
  }
}
.image-caption-container .caption-cc-container {
  z-index: 3;
  width: 75%;
  padding: 1.2rem !important;
  background-color: #fff;
  border-bottom: 2px solid #e1e1e1;
}
.image-caption-container .caption-cc-container.image-size-small {
  width: 100%;
}
@media only screen and (min-width: 1920px) {
  .image-caption-container .caption-cc-container {
    width: 98rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .caption-cc-container {
    padding: 0 !important;
    width: 34.5rem !important;
    background-color: transparent;
    margin-top: 0 !important;
  }
  .image-caption-container .caption-cc-container .image-caption,
  .image-caption-container .caption-cc-container .image-photographer {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #747474;
  }
}
.image-caption-container .caption-cc-container .image-caption {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.8rem;
  color: #8f8e8e;
}
.image-caption-container .caption-cc-container .image-photographer {
  font-family: "Inter-Regular", sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.8rem;
  color: #8f8e8e;
}
.image-caption-container .caption-cc-container .image-photographer span {
  padding-right: 0.5rem;
}
@media (max-width: 991.98px) {
  .image-caption-container .caption-cc-container {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: calc(100% - 34px);
  }
}
@media (max-width: 767.98px) {
  .image-caption-container .caption-cc-container {
    margin-top: -5rem;
    padding: 1.6rem 2rem;
    position: relative;
  }
}
.image-caption-container .caption-cc-container p {
  margin: 0px !important;
}
.image-caption-container .caption-cc-container p.image-photographer {
  margin-top: 10px !important;
}
.image-caption-container .caption-cc-container.image-size-fullwidth {
  border: none;
  max-width: max-content !important;
  margin: 0 auto;
  translate: -6% 0;
}
@media only screen and (min-width: 1920px) {
  .image-caption-container .caption-cc-container.image-size-fullwidth {
    translate: none;
    padding-right: 2.8rem !important;
  }
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .caption-cc-container.image-size-fullwidth {
    translate: none;
  }
}
.image-caption-container .caption-cc-container.image-size-fullwidth > p {
  color: #a4a2a1;
  line-height: 2.2rem !important;
  margin: 0 !important;
  max-width: 80rem;
}
.image-caption-container .caption-cc-container.image-size-fullwidth > p:last-of-type {
  border-bottom: 2px solid #e1e1e1;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 1920px) {
  .image-caption-container .caption-cc-container.image-size-fullwidth > p {
    max-width: 95rem;
    margin: 0 auto !important;
  }
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .caption-cc-container.image-size-fullwidth > p {
    max-width: 34.5rem;
    line-height: 1.6rem !important;
    margin: 1rem 0 0 0 !important;
    background-color: transparent !important;
  }
  .image-caption-container .caption-cc-container.image-size-fullwidth > p:last-of-type {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 !important;
  }
}
.image-caption-container .fullwidth-image {
  width: 100vw !important;
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .fullwidth-image {
    width: 100vw !important;
  }
}
.image-caption-container .fullwidth-image__upper-container {
  width: 100vw;
  height: 48vw;
  display: grid;
  grid-template-rows: repeat(2, 1fr) minmax(min-content, max-content) minmax(5%, 8rem);
  grid-template-columns: 1fr minmax(80rem, 92rem) 1fr;
}
@media only screen and (min-width: 1920px) {
  .image-caption-container .fullwidth-image__upper-container {
    width: 70vw;
    height: 34.5vw;
    grid-template-columns: 1fr minmax(81rem, 98rem) 1fr;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .fullwidth-image__upper-container {
    grid-template-rows: repeat(3, 1fr) 5.2rem;
    grid-template-columns: repeat(4, 1fr);
    height: 30.8rem;
    width: 102vw;
    margin-top: -3rem;
    justify-self: center;
    align-self: center;
  }
  .image-caption-container .fullwidth-image__upper-container > img {
    object-fit: cover !important;
  }
}
.image-caption-container .fullwidth-image__upper-container > img {
  z-index: 1;
  grid-row: 1/-1;
  grid-column: 1/-1;
}
.image-caption-container .fullwidth-image__shading {
  grid-row: 1/-1;
  grid-column: 1/-1;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(8, 8, 19, 0) 0%, rgba(2, 2, 2, 0.43) 51.27%, rgba(7, 7, 9, 0.74) 100%);
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .fullwidth-image__shading {
    grid-row: 1/span 4;
    height: unset;
    width: unset;
  }
}
.image-caption-container .fullwidth-image__category {
  z-index: 10;
  grid-row: 2/2;
  grid-column: 2/2;
  align-self: end;
  display: flex;
  justify-content: flex-start;
  gap: 3rem;
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 2rem;
  color: #ffffff;
  margin-bottom: -1%;
  text-shadow: -0.4px -0.4px rgba(2, 2, 2, 0.43), 0.2px 0.2px 0.5px #e1e1e1;
}
@media only screen and (min-width: 1920px) {
  .image-caption-container .fullwidth-image__category {
    font-family: "BarlowCondensed-SemiBold", sans-serif;
    gap: 4rem;
    letter-spacing: 0.4px;
    filter: brightness(110%);
  }
  .image-caption-container .fullwidth-image__category .hero-category {
    font-size: 2.3rem;
    letter-spacing: 0.5px !important;
  }
  .image-caption-container .fullwidth-image__category .hero-date {
    font-size: 2.2rem;
    letter-spacing: 0.64px !important;
  }
  .image-caption-container .fullwidth-image__category .hero-divider {
    height: 2.6rem;
    width: 2px;
  }
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .fullwidth-image__category {
    font-size: 1.6rem;
    gap: 1.6rem;
    grid-column: 1/span 3;
    grid-row: 2;
    padding-left: 2.4rem;
    margin-bottom: -10%;
  }
  .image-caption-container .fullwidth-image__category .hero-category {
    font-weight: unset;
    line-height: 1.9rem;
  }
  .image-caption-container .fullwidth-image__category .hero-date {
    font-weight: unset;
    line-height: 1.7rem;
  }
  .image-caption-container .fullwidth-image__category .hero-divider {
    height: 1.9rem;
  }
}
.image-caption-container .fullwidth-image__category .hero-category {
  line-height: 2.2rem;
  letter-spacing: 0.3px;
}
.image-caption-container .fullwidth-image__category .hero-date {
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: 0.54px;
}
.image-caption-container .fullwidth-image__category .hero-divider {
  box-sizing: border-box;
  height: 2.4rem;
  width: 1px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.image-caption-container .fullwidth-image__header {
  font-family: "NotoSerif-Medium", serif;
  font-weight: normal;
  font-size: 5.6rem;
  line-height: 7.2rem;
  letter-spacing: 0;
  color: #ffffff;
  z-index: 10;
  height: 100%;
  max-width: 74rem;
  grid-row: 3/span 1;
  grid-column: 2/span 3;
  text-shadow: 0.6px 1px 0.6px rgba(2, 2, 2, 0.43), 0 1px 1px #333333, 0.6px 0 0.6px #333333;
}
@media only screen and (min-width: 1920px) {
  .image-caption-container .fullwidth-image__header {
    letter-spacing: 0.4px;
    filter: brightness(120%);
  }
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .fullwidth-image__header {
    font-family: "NotoSerif-Medium", serif;
    font-weight: unset;
    font-size: 2.8rem;
    text-shadow: none;
    line-height: 3.6rem;
    letter-spacing: -0.6px;
    grid-column: 1/-1;
    grid-row: 3/span 2;
    margin: 0 !important;
    padding: 4rem 0 0 2.4rem;
  }
}
.image-caption-container .fullwidth-image__excerpt {
  font-family: "NotoSerif-Medium", serif;
  font-size: 2.9rem;
  font-weight: 500;
  line-height: 3.8rem;
  letter-spacing: 0;
  padding-bottom: 1rem;
  max-width: 75.6rem;
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .fullwidth-image__excerpt {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: unset;
    letter-spacing: -0.4px;
  }
}
.image-caption-container .image-size-small {
  right: 3.7rem;
  bottom: -3rem;
}
@media only screen and (max-width: 41.4rem) {
  .image-caption-container .image-size-small {
    bottom: -1.2rem;
  }
}

.image-blur .blur-container {
  position: relative;
  overflow: hidden;
}
.image-blur .blur-container--small {
  width: 756px;
  height: 407px;
}
.image-blur .blur-container--container {
  width: 1170px;
  height: 761px;
}
.image-blur .blur-container--fullwidth {
  width: 100%;
  height: 761px;
}
.image-blur .blur-container .background-image {
  position: absolute;
  left: -30px;
  top: -30px;
  filter: blur(30px);
}
.image-blur .blur-container .background-image--small {
  width: 816px;
  height: 467px;
}
.image-blur .blur-container .background-image--container {
  width: 1224px;
  height: 700px;
}
.image-blur .blur-container .background-image--fullwidth {
  width: 100%;
  height: 100%;
}
.image-blur .portrait {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 9.6rem;
}
.image-blur .portrait--small {
  height: 360px;
  width: 276px;
}
.image-blur .portrait--container {
  height: 540px;
  width: 414px;
}
.image-blur .portrait--fullwidth {
  height: 540px;
  width: 414px;
  left: 21rem;
}
.image-blur .portrait img {
  width: 100%;
  height: 100%;
}

.space-caption-container {
  display: none;
  height: auto;
}
@media (max-width: 991.98px) {
  .space-caption-container {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .space-caption-container {
    display: none;
  }
}

.article__many-authors {
  width: clamp(34.5rem, 75.6rem, 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2rem 0;
}
@media (max-width: 767.98px) {
  .article__many-authors {
    justify-content: flex-start;
  }
}
.article__many-authors--container:has(img) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-bottom: 2rem;
  gap: 1rem;
  max-width: calc(50% - 1rem);
}
@media (max-width: 767.98px) {
  .article__many-authors--container:has(img) {
    max-width: 100%;
    padding-bottom: 0;
  }
}
.article__many-authors--container:has(img) > img {
  max-width: 25%;
  object-fit: contain;
}
.article__many-authors--container:has(img) .article-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(75% - 2rem);
  gap: 0.2rem;
}
.article__many-authors--container:has(img) .article-detail > span {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.5rem;
  color: #575757;
  letter-spacing: 0.5px;
}
.article__many-authors--container:has(img) .article-detail > a {
  padding: 0.8rem 0;
}
.article__many-authors--container:not(:has(img)) {
  display: block;
  margin-bottom: -1rem;
  max-width: calc(50% - 1rem);
}
.article__many-authors--container:not(:has(img)) .article-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.article__many-authors--container:not(:has(img)) .article-detail::after {
  content: "|";
  color: #8f8e8e;
  padding-left: 1rem;
}
@media (max-width: 767.98px) {
  .article__many-authors--container:not(:has(img)) .article-detail::after {
    display: none;
  }
}
.article__many-authors--container:not(:has(img)) .article-detail:has(p) {
  flex-wrap: wrap;
  align-items: flex-start;
  height: 100%;
}
.article__many-authors--container:not(:has(img)) .article-detail:has(p) > span {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  letter-spacing: 0.5px;
  color: #575757;
  font-size: 1.5rem;
}
.article__many-authors--container:not(:has(img)) .article-detail:has(p)::after {
  display: none;
}
.article__many-authors--container:not(:has(img)):last-child .article-detail::after {
  display: none;
}
.article__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
  margin: 6.2rem 0 0 0;
  grid-row: 1/span 2;
  grid-column: 1;
}
@media (max-width: 991.98px) {
  .article__info {
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 2.4rem;
    padding: 0 1.5rem;
  }
}
.article__info--title {
  font-family: "BarlowCondensed-Medium", sans-serif;
  color: #8f8e8e;
  text-transform: uppercase;
  height: 1.7rem;
  width: 3rem;
  line-height: 1.7rem;
  letter-spacing: 0.4px;
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .article__info--title {
    font-size: 1.4rem;
  }
}
.article__info--no-author {
  display: flex;
  padding-top: 2rem;
  gap: 2rem;
  margin: 0 auto;
  width: 75.6rem;
}
@media (min-width: 1200px) {
  .article__info--no-author {
    width: 81rem;
  }
}
.article__info--no-author .article__authors,
.article__info--no-author .article__attribution--divider {
  display: none;
}
.article__attribution {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  width: 75.6rem;
  gap: 2.2rem;
  margin: 0 auto;
}
@media only screen and (max-width: 41.4rem) {
  .article__attribution {
    flex-direction: column;
    gap: 1.6rem;
  }
  .article__attribution--divider {
    display: none;
  }
}
.article__attribution.article-fullwidth {
  width: 91rem;
}
@media only screen and (min-width: 1920px) {
  .article__attribution.article-fullwidth {
    width: 94rem;
    margin: 0 auto;
  }
}
.article__attribution--divider {
  height: 90%;
  width: 1px;
  background-color: #e1e1e1;
}
.article__authors {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 0.5rem 0 0 0.5rem;
}
@media only screen and (max-width: 41.4rem) {
  .article__authors {
    justify-content: flex-start;
    padding: 0;
  }
}
.article__authors .article__authors--container {
  display: flex;
  justify-content: space-between;
  gap: 0.4rem;
}
.article__authors--title {
  font-family: "BarlowCondensed-Medium", sans-serif;
  color: #8f8e8e;
  text-transform: uppercase;
  height: 1.7rem;
  line-height: 1.7rem;
  letter-spacing: 0.4px;
  font-size: 1.4rem;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .article__authors--title {
    font-size: 1.4rem;
  }
}
.article__authors--name {
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: 1.4rem;
  font-family: "BarlowCondensed-Medium", sans-serif;
  color: #626262;
  font-weight: 500;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .article__authors--name {
    font-size: 1.4rem;
  }
}
.article__authors--email {
  width: fit-content;
  font-family: "Inter-Regular", sans-serif;
  color: #232326;
  line-height: 1.6rem;
  font-size: 1.3rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-left: 4px;
  padding-bottom: 1px;
}
.article__authors--email:hover {
  font-family: "Inter-SemiBold", sans-serif;
  color: #000000;
}
.article__authors--biline {
  font-family: "Inter-Regular", sans-serif;
  font-style: italic;
  color: #333333;
  line-height: 1.8rem;
  font-size: 1.4rem;
}
@media (max-width: 767.98px) {
  .article__publish.annons {
    display: none;
  }
}
.article__publish--date {
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 1.8rem;
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-weight: 500;
  color: #8f8e8e;
  letter-spacing: 0.4px;
}
@media (max-width: 1199.98px) {
  .article__publish {
    grid-column: 2;
    margin: unset;
    border-right: 1px solid #8f8e8e;
    padding: 0.6rem 0 0.6rem 1.1rem;
  }
}
@media (max-width: 767.98px) {
  .article__publish {
    border-left: 1px solid #8f8e8e;
    border-right: none;
    padding: 0 0 0 1.2rem;
  }
  .article__publish--date {
    font-size: 1.4rem;
  }
}
.article__links {
  display: flex;
  align-items: flex-start;
  padding-top: 1.6rem;
}
@media (max-width: 767.98px) {
  .article__links {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .article__links {
    grid-column: 3;
    margin: unset;
    align-self: unset;
    padding-left: 0.8rem;
  }
}
.article__links .addtoany_list {
  display: flex;
  gap: 1.4rem;
  margin-top: -5px;
}
.article__links .addtoany_list a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 999rem;
  border: 1px solid #c4c4c4;
  height: 3rem;
  width: 3rem;
  padding: 0;
}
@media (max-width: 1199.98px) {
  .article__links .addtoany_list {
    gap: 1.2rem;
    margin: unset;
  }
  .article__links .addtoany_list a {
    height: 2.8rem;
    width: 2.8rem;
  }
}
.article__links--authors {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  padding-top: 0.5rem;
}
.article__links--authors .addtoany_list {
  display: flex;
  gap: 1.4rem;
  margin-top: -5px;
}
.article__links--authors .addtoany_list a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 999rem;
  border: 1px solid #c4c4c4;
  height: 3rem;
  width: 3rem;
  padding: 0;
}

.article-single-page {
  padding-bottom: 3rem;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page {
    max-width: 41.4rem;
  }
}
@media only screen and (min-width: 1920px) {
  .article-single-page {
    max-width: 80vw;
    margin: 0 auto;
  }
}
@media (max-width: 1199.98px) {
  .article-single-page .row {
    margin: unset;
  }
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .row {
    margin: 0 auto;
    width: 34.5rem;
  }
}
.article-single-page .row.many-authors {
  flex-direction: column;
  align-items: center;
  margin: 0 auto 2rem;
  gap: 2rem;
}
.article-single-page.article-fullwidth {
  padding: 0;
  margin-top: -5.4rem;
}
.article-single-page .paragraph-container {
  position: relative;
  display: flex;
  gap: 3rem;
  flex-direction: column-reverse;
  max-width: 75.6rem;
  margin: 0 auto;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .paragraph-container {
    max-width: 34.5rem !important;
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .article-single-page .paragraph-container {
    max-width: 72rem;
  }
}
.article-single-page .paragraph-container.article-fullwidth {
  margin: 0 auto;
  max-width: 80rem;
  transform: translateX(-6%);
}
@media only screen and (min-width: 1920px) {
  .article-single-page .paragraph-container.article-fullwidth {
    max-width: 95rem;
    transform: none;
  }
}

.divider-container {
  display: none;
}

.article-single-page,
.page {
  background-color: #ffffff;
}
.article-single-page.category-annons,
.page.category-annons {
  background-color: #fefcf6;
  margin-top: -3rem;
}
.article-single-page.category-annons .post-header,
.page.category-annons .post-header {
  padding-top: 10rem;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .article-single-page.category-annons .post-header,
  .page.category-annons .post-header {
    padding-top: 7rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page,
  .page {
    max-width: 41.4rem;
  }
}
.article-single-page .flexible-container,
.page .flexible-container {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media only screen and (min-width: 1920px) {
  .article-single-page .flexible-container,
  .page .flexible-container {
    margin: 3rem auto 8rem;
  }
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container,
  .page .flexible-container {
    margin: 5px 0;
  }
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container,
  .page .flexible-container {
    gap: 2.8rem;
    max-width: 34.8rem !important;
    margin: 0 auto !important;
  }
  .article-single-page .flexible-container > p,
  .page .flexible-container > p {
    font-size: 1.4rem;
    color: #000000;
  }
}
.article-single-page .flexible-container.article-fullwidth.paragraph-image,
.page .flexible-container.article-fullwidth.paragraph-image {
  max-width: 80rem;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
}
.article-single-page .flexible-container.article-fullwidth.paragraph-image > p,
.page .flexible-container.article-fullwidth.paragraph-image > p {
  flex-shrink: 3;
}
.article-single-page .flexible-container .imagecontainer-small,
.page .flexible-container .imagecontainer-small {
  max-width: 75.6rem;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .imagecontainer-small,
  .page .flexible-container .imagecontainer-small {
    max-width: 34.5rem !important;
    padding: 0 !important;
  }
}
.article-single-page .flexible-container .imagecontainer-small.article-fullwidth,
.page .flexible-container .imagecontainer-small.article-fullwidth {
  max-width: 39rem;
  max-height: 48rem;
  margin: 1.6rem 2rem 1.6rem 22rem;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container .imagecontainer,
  .page .flexible-container .imagecontainer {
    max-width: 100vw;
  }
}
.article-single-page .flexible-container .imagecontainer.paragraph-image,
.page .flexible-container .imagecontainer.paragraph-image {
  max-width: 38rem;
  max-height: 52rem;
  padding-bottom: 1rem;
  float: left;
  margin: 0 3rem 1.6rem 0;
}
.article-single-page .flexible-container .imagecontainer.paragraph-image > img,
.page .flexible-container .imagecontainer.paragraph-image > img {
  padding-bottom: 1.4rem;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .imagecontainer.paragraph-image,
  .page .flexible-container .imagecontainer.paragraph-image {
    max-width: 11.7rem;
    max-height: 16rem;
    margin: 0.6rem 1rem 0 0;
  }
  .article-single-page .flexible-container .imagecontainer.paragraph-image > img,
  .page .flexible-container .imagecontainer.paragraph-image > img {
    padding-bottom: 0.4rem;
  }
}
.article-single-page .flexible-container .imagecontainer.caption,
.page .flexible-container .imagecontainer.caption {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.4rem;
  width: 100%;
  color: #8f8e8e;
  border-bottom: 2px solid #c4c4c4;
  padding-bottom: 1.2rem;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .imagecontainer.caption,
  .page .flexible-container .imagecontainer.caption {
    font-size: 1.1rem;
    color: #747474;
    border: none;
    padding-bottom: 0.8rem;
  }
}
.article-single-page .flexible-container .last-paragraph .flex-paragraph > p:last-child .end-symbol,
.article-single-page .flexible-container .last-paragraph .paragraph-wrapper-chefspanelen > p:last-child .end-symbol,
.page .flexible-container .last-paragraph .flex-paragraph > p:last-child .end-symbol,
.page .flexible-container .last-paragraph .paragraph-wrapper-chefspanelen > p:last-child .end-symbol {
  margin: 0.2rem 0 0.2rem 0.8rem;
  height: 1.4rem;
  display: none;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .last-paragraph .flex-paragraph > p:last-child,
  .article-single-page .flexible-container .last-paragraph .paragraph-wrapper-chefspanelen > p:last-child,
  .page .flexible-container .last-paragraph .flex-paragraph > p:last-child,
  .page .flexible-container .last-paragraph .paragraph-wrapper-chefspanelen > p:last-child {
    font-size: 1.4rem !important;
    line-height: 2.2rem !important;
    margin-bottom: 1.4rem;
  }
}
.article-single-page .flexible-container .flex-paragraph,
.page .flexible-container .flex-paragraph {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  max-width: 75.6rem;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .flex-paragraph,
  .page .flexible-container .flex-paragraph {
    gap: 2rem;
  }
  .article-single-page .flexible-container .flex-paragraph > p,
  .page .flexible-container .flex-paragraph > p {
    font-size: 1.4rem !important;
    line-height: 2.2rem !important;
  }
}
.article-single-page .flexible-container .flex-paragraph h2,
.page .flexible-container .flex-paragraph h2 {
  font-family: "Inter-Bold", sans-serif;
  font-size: 2.6rem;
  letter-spacing: 0;
  line-height: 3rem;
  width: fit-content;
}
.article-single-page .flexible-container .flex-paragraph p > strong,
.article-single-page .flexible-container .flex-paragraph h3,
.article-single-page .flexible-container .flex-paragraph h4,
.article-single-page .flexible-container .flex-paragraph h5,
.article-single-page .flexible-container .flex-paragraph h6,
.page .flexible-container .flex-paragraph p > strong,
.page .flexible-container .flex-paragraph h3,
.page .flexible-container .flex-paragraph h4,
.page .flexible-container .flex-paragraph h5,
.page .flexible-container .flex-paragraph h6 {
  font-family: "Inter-Bold", sans-serif;
  letter-spacing: 0;
  line-height: 2.2rem;
  margin-top: 1.6rem;
  color: #242423;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .flex-paragraph p > strong,
  .article-single-page .flexible-container .flex-paragraph h3,
  .article-single-page .flexible-container .flex-paragraph h4,
  .article-single-page .flexible-container .flex-paragraph h5,
  .article-single-page .flexible-container .flex-paragraph h6,
  .page .flexible-container .flex-paragraph p > strong,
  .page .flexible-container .flex-paragraph h3,
  .page .flexible-container .flex-paragraph h4,
  .page .flexible-container .flex-paragraph h5,
  .page .flexible-container .flex-paragraph h6 {
    font-size: 1.4rem;
    color: #000000;
  }
}
.article-single-page .flexible-container .flex-paragraph blockquote,
.page .flexible-container .flex-paragraph blockquote {
  margin-top: 1.6rem;
}
.article-single-page .flexible-container .flex-paragraph span,
.page .flexible-container .flex-paragraph span {
  margin: 0 !important;
  line-height: 2.8rem;
  color: #242423;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container .flex-paragraph span,
  .page .flexible-container .flex-paragraph span {
    font-size: 1.2rem;
    letter-spacing: -0.22px;
    line-height: 2rem;
  }
}
.article-single-page .flexible-container .flex-paragraph a,
.page .flexible-container .flex-paragraph a {
  text-decoration-color: #d5410b;
  text-underline-offset: 0.4rem;
  transition: all 0.3s ease;
}
.article-single-page .flexible-container .flex-paragraph a:hover,
.page .flexible-container .flex-paragraph a:hover {
  color: #d5410b;
  text-decoration-color: #f34d0f;
  text-decoration-thickness: 11%;
}
.article-single-page .flexible-container .flex-paragraph .imported,
.page .flexible-container .flex-paragraph .imported {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.article-single-page .flexible-container .flex-paragraph .imported h1,
.article-single-page .flexible-container .flex-paragraph .imported h2,
.article-single-page .flexible-container .flex-paragraph .imported h3,
.article-single-page .flexible-container .flex-paragraph .imported h4,
.page .flexible-container .flex-paragraph .imported h1,
.page .flexible-container .flex-paragraph .imported h2,
.page .flexible-container .flex-paragraph .imported h3,
.page .flexible-container .flex-paragraph .imported h4 {
  margin-bottom: 1.2rem;
}
.article-single-page .flexible-container .flex-paragraph .imported ul,
.page .flexible-container .flex-paragraph .imported ul {
  margin: 1.2rem 0;
}
.article-single-page .flexible-container .flex-paragraph.article-fullwidth,
.page .flexible-container .flex-paragraph.article-fullwidth {
  max-width: 80rem;
}
.article-single-page .flexible-container .flex-paragraph.article-fullwidth > p,
.page .flexible-container .flex-paragraph.article-fullwidth > p {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.article-single-page .flexible-container .flex-paragraph.article-fullwidth > h4,
.page .flexible-container .flex-paragraph.article-fullwidth > h4 {
  font-family: "Inter-Regular", sans-serif;
  font-weight: 600;
  font-size: 2.4rem;
  color: #242423;
  line-height: 2.8rem;
  margin: 3rem 0 -1.4rem;
}
@media only screen and (min-width: 1920px) {
  .article-single-page .flexible-container .flex-paragraph.article-fullwidth,
  .page .flexible-container .flex-paragraph.article-fullwidth {
    max-width: 100rem;
  }
}
.article-single-page .flexible-container .flex-paragraph.paragraph-image,
.page .flexible-container .flex-paragraph.paragraph-image {
  display: inline-block;
}
.article-single-page .flexible-container .flex-paragraph.paragraph-image > p,
.page .flexible-container .flex-paragraph.paragraph-image > p {
  padding-bottom: 2.8rem;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .flex-paragraph.paragraph-image > p,
  .page .flexible-container .flex-paragraph.paragraph-image > p {
    padding-bottom: 1.8rem;
  }
}
.article-single-page .flexible-container .flex-paragraph.paragraph-image > h4,
.page .flexible-container .flex-paragraph.paragraph-image > h4 {
  padding-bottom: 1rem;
  margin: 0 auto;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .flex-paragraph.paragraph-image > h4,
  .page .flexible-container .flex-paragraph.paragraph-image > h4 {
    padding-top: 1rem;
  }
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .number,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .number {
  display: inline-block;
  width: 2.9rem;
  height: 2.9rem;
  font-family: "NotoSerif-SemiBold", serif;
  font-size: 1.8rem;
  letter-spacing: -0.2px;
  border: 1px solid;
  border-radius: 999rem;
  text-align: center;
  transform: translateY(-3px);
  padding-left: 0.4rem;
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .dot,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .dot {
  display: inline-block;
  font-size: 0.8rem;
  margin-left: 0.2rem;
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen h2,
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen h3,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen h2,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen h3 {
  margin: 0;
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen h2,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen h2 {
  display: inline-block;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen h3,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen h3 {
  font-weight: 700;
  margin: 1.2rem 0;
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .imagecontainer,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .imagecontainer {
  float: right;
  width: 27.6rem;
  height: auto;
  margin-left: 0.6rem;
  margin-top: 0.5rem;
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .imagecontainer img,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .imagecontainer img {
  width: 100%;
  height: 40rem;
  object-fit: cover;
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .imagecontainer .textcontainer,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .imagecontainer .textcontainer {
  width: calc(100% - 4rem);
  transform: translateY(-50%);
  background-color: #fff;
  margin: 0 auto;
}
.article-single-page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .imagecontainer .textcontainer p,
.page .flexible-container .flex-paragraph .paragraph-wrapper-chefspanelen .imagecontainer .textcontainer p {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem !important;
  letter-spacing: 0;
  line-height: 2.2rem;
  padding: 1.7rem 1.7rem 0.4rem;
}
@media (max-width: 767.98px) {
  .article-single-page .flexible-container .flex-paragraph.category-annons,
  .page .flexible-container .flex-paragraph.category-annons {
    margin-bottom: 2rem;
  }
}
.article-single-page .flexible-container .flex-paragraph > div:not(:first-child),
.page .flexible-container .flex-paragraph > div:not(:first-child) {
  margin-top: 16px;
}
.article-single-page .flexible-container .inline-heading,
.page .flexible-container .inline-heading {
  display: block !important;
}
.article-single-page .flexible-container .inline-heading > h3,
.page .flexible-container .inline-heading > h3 {
  font-family: "Inter-SemiBold", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline;
  float: left;
  width: fit-content;
  margin: 0;
  margin-right: 0.5rem;
  letter-spacing: 0.7px;
  line-height: 3rem;
}
.article-single-page .flexible-container .inline-heading > p:not(:last-child),
.page .flexible-container .inline-heading > p:not(:last-child) {
  margin-bottom: 3rem !important;
}
.article-single-page .flexible-container .big-letter,
.page .flexible-container .big-letter {
  display: block !important;
  font-family: "Inter-Regular", sans-serif !important;
  margin: 0 0 2px 0 !important;
  color: #242423 !important;
}
.article-single-page .flexible-container .big-letter > p:not(:last-child),
.page .flexible-container .big-letter > p:not(:last-child) {
  margin: 0 0 30px 0 !important;
}
.article-single-page .flexible-container .big-letter > p:first-child:first-letter,
.page .flexible-container .big-letter > p:first-child:first-letter {
  width: 100%;
  font-size: 9.6rem;
  letter-spacing: -2.19px;
  line-height: 6.2rem;
  font-family: "Inter-Regular", sans-serif !important;
  color: #000000;
  float: left;
  padding: 1rem 1rem 0.4rem 0;
  margin: 0 0 0 -1% !important;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container .big-letter > p:first-child:first-letter,
  .page .flexible-container .big-letter > p:first-child:first-letter {
    font-size: 8.4rem !important;
    line-height: 6.2rem;
    letter-spacing: -1.69px;
  }
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .big-letter > p:first-child:first-letter,
  .page .flexible-container .big-letter > p:first-child:first-letter {
    font-size: 7.4rem !important;
    letter-spacing: -1.69px;
    padding: 0.2rem 0.6rem 0 0;
    margin-left: -2% !important;
  }
}
.article-single-page .flexible-container h1,
.article-single-page .flexible-container h2,
.article-single-page .flexible-container h3,
.article-single-page .flexible-container h4,
.page .flexible-container h1,
.page .flexible-container h2,
.page .flexible-container h3,
.page .flexible-container h4 {
  margin: 50px 0 0;
}
.article-single-page .flexible-container h3,
.article-single-page .flexible-container h4,
.page .flexible-container h3,
.page .flexible-container h4 {
  font-size: 2.4rem;
  line-height: 2.8rem;
}
.article-single-page .flexible-container > article,
.page .flexible-container > article {
  padding-bottom: 30px;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container > article,
  .page .flexible-container > article {
    padding-bottom: 25px;
  }
}
.article-single-page .flexible-container p,
.page .flexible-container p {
  margin: 0 0 2px 0 !important;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #242423;
  display: block;
  line-height: 2.6rem;
}
.article-single-page .flexible-container p:first-child,
.page .flexible-container p:first-child {
  margin: 0 0 30px 0;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container p,
  .page .flexible-container p {
    margin: 0 0 2px 0;
  }
}
@media (max-width: 767.98px) {
  .article-single-page .flexible-container p,
  .page .flexible-container p {
    line-height: 2.2rem;
    font-size: 1.4rem;
    color: #000000;
  }
}
.article-single-page .flexible-container .quote-container,
.page .flexible-container .quote-container {
  max-width: 53rem;
  margin: 0 auto 3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-height: 17.5rem;
}
@media (max-width: 991.98px) {
  .article-single-page .flexible-container .quote-container,
  .page .flexible-container .quote-container {
    height: 11rem;
  }
}
@media (max-width: 767.98px) {
  .article-single-page .flexible-container .quote-container,
  .page .flexible-container .quote-container {
    height: 7.6rem;
  }
}
.article-single-page .flexible-container .quote-container img,
.page .flexible-container .quote-container img {
  display: none;
  position: absolute;
  left: -8rem;
  top: 6rem;
  width: 7rem;
  height: 4.5rem;
}
@media (max-width: 767.98px) {
  .article-single-page .flexible-container .quote-container img,
  .page .flexible-container .quote-container img {
    width: 3.4rem;
    left: 0;
    top: 2.8rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container .quote-container,
  .page .flexible-container .quote-container {
    max-width: 100%;
    max-height: 15.5rem;
    height: unset;
    margin-bottom: 2rem;
  }
}
.article-single-page .flexible-container .quote-container.quote-fullwidth,
.page .flexible-container .quote-container.quote-fullwidth {
  transform: translateX(-10%);
}
@media only screen and (min-width: 1920px) {
  .article-single-page .flexible-container .quote-container.quote-fullwidth,
  .page .flexible-container .quote-container.quote-fullwidth {
    transform: translateX(-5%);
  }
}
.article-single-page .flexible-container .quote-line,
.page .flexible-container .quote-line {
  width: 2px;
  border: 1px solid #e1e1e1;
  height: 90%;
  margin: 0 1.6rem 0 0;
}
@media (max-width: 767.98px) {
  .article-single-page .flexible-container .quote-line,
  .page .flexible-container .quote-line {
    margin-right: 1rem;
    height: 100% !important;
    width: 1px;
  }
}
.article-single-page .flexible-container blockquote,
.page .flexible-container blockquote {
  font-family: "NotoSerif-Medium", serif;
  color: #575757 !important;
  font-size: 3.4rem;
  letter-spacing: -0.68px;
  line-height: 4.6rem;
  margin: 0.4rem 0 0.4rem;
  height: inherit;
  width: inherit;
  font-size: 3rem;
  line-height: 4.2rem;
  font-size: 2.8rem;
  line-height: 4rem;
}
@media only screen and (max-width: 41.4rem) {
  .article-single-page .flexible-container blockquote,
  .page .flexible-container blockquote {
    font-size: 3rem !important;
    line-height: 3.8rem !important;
    padding: 0rem 1rem 0 1rem !important;
    margin: 0 !important;
  }
}
@media (max-width: 1199.98px) {
  .article-single-page .flexible-container blockquote,
  .page .flexible-container blockquote {
    font-size: 3.2rem;
    line-height: 4.4rem;
  }
}
@media (max-width: 767.98px) {
  .article-single-page .flexible-container blockquote,
  .page .flexible-container blockquote {
    margin: 3rem 0;
    font-size: 2.3rem;
    line-height: 3.5rem;
    padding-left: 4rem;
    padding-right: 1.5rem;
  }
}
.article-single-page .medium-image,
.page .medium-image {
  margin: 0 auto !important;
}
.article-single-page .small-image,
.article-single-page .fullwidth-image,
.article-single-page .post-image,
.page .small-image,
.page .fullwidth-image,
.page .post-image {
  margin: 0 !important;
  padding: 0;
  width: 100%;
}
@media (max-width: 767.98px) {
  .article-single-page .small-image.fullwidth-image,
  .article-single-page .fullwidth-image.fullwidth-image,
  .article-single-page .post-image.fullwidth-image,
  .page .small-image.fullwidth-image,
  .page .fullwidth-image.fullwidth-image,
  .page .post-image.fullwidth-image {
    margin-top: 0;
  }
}
.article-single-page .small-image.fullwidth-image img,
.article-single-page .fullwidth-image.fullwidth-image img,
.article-single-page .post-image.fullwidth-image img,
.page .small-image.fullwidth-image img,
.page .fullwidth-image.fullwidth-image img,
.page .post-image.fullwidth-image img {
  margin: 0 !important;
}
@media (max-width: 767.98px) {
  .article-single-page .small-image.fullwidth-image img,
  .article-single-page .fullwidth-image.fullwidth-image img,
  .article-single-page .post-image.fullwidth-image img,
  .page .small-image.fullwidth-image img,
  .page .fullwidth-image.fullwidth-image img,
  .page .post-image.fullwidth-image img {
    margin-top: 0;
  }
}
.article-single-page .small-image.post-image img,
.article-single-page .fullwidth-image.post-image img,
.article-single-page .post-image.post-image img,
.page .small-image.post-image img,
.page .fullwidth-image.post-image img,
.page .post-image.post-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.article-single-page .small-image.fullwidth-image img,
.article-single-page .fullwidth-image.fullwidth-image img,
.article-single-page .post-image.fullwidth-image img,
.page .small-image.fullwidth-image img,
.page .fullwidth-image.fullwidth-image img,
.page .post-image.fullwidth-image img {
  width: 100%;
  object-fit: cover;
  max-height: 100vh;
  min-height: 300px;
}
@media (max-width: 991.98px) {
  .article-single-page .small-image.fullwidth-image .rel-text,
  .article-single-page .fullwidth-image.fullwidth-image .rel-text,
  .article-single-page .post-image.fullwidth-image .rel-text,
  .page .small-image.fullwidth-image .rel-text,
  .page .fullwidth-image.fullwidth-image .rel-text,
  .page .post-image.fullwidth-image .rel-text {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.article-single-page .small-image p,
.article-single-page .fullwidth-image p,
.article-single-page .post-image p,
.page .small-image p,
.page .fullwidth-image p,
.page .post-image p {
  margin-top: 18px;
}
@media (max-width: 991.98px) {
  .article-single-page .small-image p,
  .article-single-page .fullwidth-image p,
  .article-single-page .post-image p,
  .page .small-image p,
  .page .fullwidth-image p,
  .page .post-image p {
    margin: 8px 0 0;
  }
}
.article-single-page .rel-text,
.page .rel-text {
  font-size: 1.5rem;
  padding: 18px 0 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
  .article-single-page .rel-text,
  .page .rel-text {
    font-size: 1.4rem;
    padding: 8px 0 0;
  }
}
.article-single-page .excerpt-container,
.page .excerpt-container {
  margin-top: 60px;
  margin-bottom: -30px;
}
@media (max-width: 991.98px) {
  .article-single-page .excerpt-container,
  .page .excerpt-container {
    margin-bottom: 0;
    margin-top: 25px;
  }
}
.article-single-page .excerpt-container p,
.page .excerpt-container p {
  font-size: 2.4rem;
}
@media (max-width: 1199.98px) {
  .article-single-page .excerpt-container p,
  .page .excerpt-container p {
    font-size: 2rem;
  }
}

.article-single-page.premium {
  background-color: #ffffff;
}

.pagination-container {
  margin-top: 3.4rem;
  display: flex;
  justify-content: center;
  gap: 0.6rem;
  padding: 0 2rem 1rem;
}
.pagination-container .page-numbers {
  display: block;
  width: auto;
  float: left;
  margin: 0 4px;
  padding: 1.3rem 2rem;
  text-decoration: none;
  font-size: 1.4rem;
  transition: 0.2s;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
}
@media (max-width: 767.98px) {
  .pagination-container .page-numbers {
    padding: 8px 15px;
  }
}
.pagination-container .page-numbers.dots {
  pointer-events: none;
}
.pagination-container .page-numbers.current {
  color: #ffffff;
  pointer-events: none;
}
.pagination-container .page-numbers:hover {
  text-decoration: none;
  font-weight: 600;
}
@media only screen and (max-width: 41.4rem) {
  .pagination-container {
    gap: 2rem;
  }
  .pagination-container .page-numbers {
    border-radius: 100%;
    font-size: 1.7rem;
    margin: 0;
    font-weight: 800;
    background: #8f8e8e;
    border: 2px solid #747474;
  }
  .pagination-container .page-numbers.current {
    border: 2px solid #575757;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .pagination-container .page-numbers.next {
    background: transparent !important;
    border: none;
  }
}

.nav-next-icon,
.nav-prev-icon {
  height: 7px;
  width: 7px;
  display: block;
}
@media only screen and (max-width: 41.4rem) {
  .nav-next-icon,
  .nav-prev-icon {
    height: 9px;
    width: 9px;
  }
}

.opinion-bar-container {
  margin: 50px 0;
}
@media (max-width: 991.98px) {
  .opinion-bar-container {
    margin: 0;
  }
}
.opinion-bar-container .opinion-bar {
  padding: 10px;
  border-radius: 3px;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.opinion-bar-container .opinion-bar img {
  margin-right: 10px;
}

.category-annons .sponsored-wrapper {
  max-width: 75.6rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .category-annons .sponsored-wrapper {
    margin: 0;
  }
}
.category-annons .sponsored-wrapper .row {
  height: 22.6rem;
  display: flex;
  flex-direction: column-reverse;
  gap: 2.9rem;
  margin-top: 3rem;
}
.category-annons .sponsored-wrapper .row .sponsored {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 2rem;
  gap: 2rem;
  background-color: #b8a277;
  height: 6.6rem;
}
.category-annons .sponsored-wrapper .row .sponsored__title {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  color: #b8a277;
  background-color: #ffffff;
  padding: 0.4rem 1rem;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1.7rem;
}
.category-annons .sponsored-wrapper .row .sponsored__text {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 2.8rem;
  color: #ffffff;
}
.category-annons .sponsored-wrapper .row .sponsored__link {
  text-decoration: underline;
  font-family: "Inter-SemiBold", sans-serif;
  margin-left: 0.4rem;
}
.category-annons .sponsored-wrapper .row .sponsored__image {
  width: 100%;
  height: 13rem;
  object-fit: contain;
  background-color: #ffffff;
}
.category-annons .sponsored-wrapper:first-child .row {
  height: 6.6rem;
  flex-direction: row;
  margin: 0;
}
@media (max-width: 767.98px) {
  .category-annons .sponsored-wrapper:first-child .row .sponsored {
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
    justify-content: space-evenly;
    height: 8rem;
    padding: 0.4rem 1rem 1.1rem;
  }
}
.category-annons .sponsored-wrapper:first-child .sponsored__image {
  display: none;
}

.sponsored-divider {
  max-width: 75.6rem;
  height: 2px;
  width: 100%;
  margin-top: 1.6rem;
  background-color: #000;
}

.pdf-wrapper {
  max-width: 47rem;
  max-height: 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.8rem 2.5rem;
  background-color: #ecf3f5;
  box-shadow: -1px 2px 6px rgba(153, 43, 116, 0.2);
  margin: 8rem auto;
}
.pdf-wrapper > p {
  font-family: "NotoSerif-SemiBold", serif !important;
  font-size: 2.1rem !important;
  letter-spacing: -0.4px !important;
  color: #242423 !important;
}
.pdf-wrapper a {
  width: 3.6rem;
  height: 4.4rem;
}
.pdf-wrapper a:hover {
  cursor: pointer;
}
.pdf-wrapper a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 41.4rem) {
  .pdf-wrapper {
    margin: 4rem auto;
  }
  .pdf-wrapper > p {
    font-size: 1.5rem !important;
    letter-spacing: -0.3px !important;
  }
}

.search-results #content {
  background: #ffffff;
}

.search-result-wrapper .category-column-img {
  display: none;
  transition: all 0.2s ease-in-out;
  max-width: 256px;
  width: 100%;
  height: 185px;
  object-fit: cover;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media (max-width: 991.98px) {
  .search-result-wrapper .category-column-img {
    max-width: 170px;
    height: 124px;
  }
}
@media (max-width: 767.98px) {
  .search-result-wrapper .category-column-img {
    max-width: 90px;
    max-height: 90px;
    margin-right: 16px;
    padding-right: 0;
    margin-left: 10px;
  }
}
.search-result-wrapper .search-result-content {
  width: 100%;
  padding: 2.6rem 3.6rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
}
@media (max-width: 991.98px) {
  .search-result-wrapper .search-result-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 12px;
  }
}
.search-result-wrapper .search-result-content .search-result-excerpt {
  color: #232326;
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.3rem;
  line-height: 2rem;
  max-height: 4rem;
  width: 100%;
  padding: 1rem 0 2rem;
  margin: 0;
}
.search-result-wrapper .search-result-content .cat-span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
}
.search-result-wrapper .search-result-content .cat-span span {
  color: #3c7c86;
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  text-transform: none;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.24px;
  color: #8f8e8e;
  margin: 0;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.search-result-wrapper .search-result-content .cat-span span:not(:last-child)::after {
  content: "/";
  color: #8f8e8e;
  padding: 0 0.8rem;
}
.search-result-wrapper .search-result-content .cat-span span.article-date {
  display: none;
}
@media (max-width: 991.98px) {
  .search-result-wrapper .search-result-content .cat-span span.article-date {
    display: flex;
  }
}
.search-result-wrapper .premium-badge-search {
  margin-right: 16px;
}
.search-result-wrapper .search-date {
  font-size: 1.2rem !important;
  line-height: 13px;
}
.search-result-wrapper .search-date.date-span {
  color: #a6a3a3;
  margin-top: 12px;
  letter-spacing: 1px;
}

.search-result-container {
  transition: all 0.2s ease-in-out;
  max-height: 185px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  border-bottom: 2px solid #8f8e8e;
  width: clamp(34.5rem, 80vw, 92rem);
  margin: 0 auto;
}
@media (max-width: 991.98px) {
  .search-result-container {
    height: 185px;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .search-result-container {
    height: 100%;
    max-height: 250px;
  }
}
.search-result-container h2 {
  font-family: "NotoSerif-Medium", serif;
  letter-spacing: 0;
  margin: 0;
  line-height: 2.2rem;
  font-size: 1.8rem;
}
@media (max-width: 1199.98px) {
  .search-result-container h2 {
    letter-spacing: 0;
    line-height: 29px;
  }
}
@media (max-width: 767.98px) {
  .search-result-container h2 {
    font-size: 1.8rem;
  }
}
.search-result-container:hover h2 {
  text-decoration: underline;
}
.search-result-container.premium {
  border-right: none;
}

.search-results .entry-section,
.search-no-results .entry-section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: clamp(34.5rem, 70vw, 104rem);
  margin: 0 auto;
  padding-top: 4rem;
  padding-bottom: 16.4rem;
}
@media (max-width: 767.98px) {
  .search-results .entry-section,
  .search-no-results .entry-section {
    padding-bottom: 40px;
  }
}

.search-result-excerpt {
  color: #232326;
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.3rem;
  line-height: 2rem;
  max-width: 100%;
  align-items: center;
}

.search-container {
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767.98px) {
  .search-container {
    flex-direction: column;
  }
}
.search-container .search-title {
  font-family: "NotoSerif-Medium", serif;
  font-size: 4rem;
  line-height: 5rem;
  font-weight: normal;
  color: #000000;
  margin-bottom: 6.5rem;
  width: unset;
}
@media (max-width: 767.98px) {
  .search-container .search-title {
    font-size: 3rem;
    margin-bottom: 2rem;
    word-break: break-all;
  }
}
.search-container .search-query {
  font-family: "BarlowCondensed-Medium", sans-serif;
  color: #333333;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0.51px;
}
.search-container .search-query > b {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  color: #000000;
  padding: 0 2px;
}
.search-container .search-filter {
  display: flex;
  justify-content: center;
  align-self: flex-end;
  background: #ffffff;
  position: relative;
  cursor: pointer;
  max-width: 250px;
  width: 100%;
  border: none;
  padding: 2rem;
  font-family: "BarlowCondensed-Medium", sans-serif;
  text-transform: none;
  font-size: 1.8rem;
  color: #000000;
  margin-bottom: 0;
  margin-top: -12px;
  line-height: 22px;
  letter-spacing: 0.51px;
  transition: all 0.2s ease;
  text-align: center;
}
@media (max-width: 767.98px) {
  .search-container .search-filter {
    max-width: unset;
  }
}
.search-container .search-filter-text {
  text-align: left;
}
.search-container .search-filter-img {
  width: 16px;
  margin-left: 15%;
  translate: 0 10%;
  transition: transform 0.2s ease;
  rotate: 180deg;
}
.search-container .search-filter-img.rotate {
  rotate: 180deg;
}
.search-container .search-filter #search-filter-select {
  background: #ecf3f5;
  box-shadow: 0px 6px 10px 0px rgba(62, 73, 78, 0.26);
  color: #333333;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2.2rem;
  align-items: center;
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: 0px;
  text-transform: none;
  padding: 1rem;
  position: absolute;
  right: 0;
  top: 70px;
  visibility: hidden;
  width: 100%;
}
.search-container .search-filter #search-filter-select .field {
  cursor: pointer;
  display: inherit;
  margin: 1rem 0;
}
.search-container .search-filter #search-filter-select .field span {
  margin: 0 0 1.5px 7px;
}
.search-container .search-filter #search-filter-select .field input[type=radio] {
  -webkit-appearance: none;
  border: 1px solid #8f8e8e;
  border-radius: 50%;
  height: 20px;
  outline: none;
  width: 20px;
  background-color: #ffffff;
}
.search-container .search-filter #search-filter-select .field input[type=radio]:before {
  content: "";
  border-radius: 50%;
  display: block;
}
.search-container .search-filter #search-filter-select .field input[type=radio]:checked {
  box-shadow: 14px 14px 14px #ffffff inset;
}
.search-container .search-filter #search-filter-select .field input[type=radio]:checked:before {
  background: #575757;
  height: 8px;
  margin: 5px;
  width: 8px;
}
.search-container .search-filter #search-filter-select.active {
  visibility: visible;
}
.search-container .search-filter #search-filter-select:before, .search-container .search-filter #search-filter-select:after {
  border: solid 20px transparent;
  border-top: 0;
  border-bottom-color: #ffffff;
  content: "";
  left: 200px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top: -20px;
}
.search-container .search-filter #search-filter-select:before {
  border-bottom-color: rgba(62, 73, 78, 0.2);
  top: -20px;
  z-index: 1;
}

.search-pagination-container {
  display: flex;
  justify-content: space-between;
}

/*
** Woocommerce
*/
.my-account-wrapper {
  margin: 97px 0;
}
@media (max-width: 767.98px) {
  .my-account-wrapper {
    margin: 31px 0;
  }
}
.my-account-wrapper h3 {
  padding: 0;
}

.login-form-container h2::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}
.login-form-container h3 {
  text-align: center;
  font-size: 3rem;
  color: #000000;
}
.login-form-container h3.margin-top-50 {
  margin-top: 50px;
}
.login-form-container h3::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}
@media (max-width: 767.98px) {
  .login-form-container h3 {
    text-align: left;
    font-size: 2.6rem;
  }
}
.login-form-container form {
  border: none !important;
}
@media (max-width: 767.98px) {
  .login-form-container form {
    margin: 13px 0 !important;
  }
}
.login-form-container .form-link {
  text-align: center;
  color: #3c7c86;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.6rem;
  text-decoration: underline;
}
.login-form-container .form-link.woocommerce-LostPassword {
  text-align: right;
}
.login-form-container .woocommerce-form-row label {
  text-transform: uppercase;
  color: #000000;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.2rem;
  line-height: 22px;
}
.login-form-container .woocommerce-form-row input {
  height: 48px;
  border: 1px solid #d0e0e2;
  border-radius: 3px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
  background: no-repeat scroll 20px 16px;
  padding-left: 65px;
}
.login-form-container .woocommerce-form-row .input-text {
  font-size: 1.6rem;
  font-family: "Roboto-Regular", sans-serif;
}
.login-form-container .button-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login-form-container .button-container .button-container-inner {
  width: 291px;
  align-self: center;
}
@media (max-width: 767.98px) {
  .login-form-container .button-container .button-container-inner {
    width: 100%;
  }
}
.login-form-container .button-container .button-container-inner label {
  align-self: flex-start !important;
}
.login-form-container .button-container .button-container-inner .woocommerce-form__label-for-checkbox {
  margin-bottom: 74px;
  font-family: "Roboto-Regular", sans-serif;
  font-size: 1.4rem;
  line-height: 14px;
}
@media (max-width: 767.98px) {
  .login-form-container .button-container .button-container-inner .woocommerce-form__label-for-checkbox {
    margin-bottom: 33px;
    margin-left: 24px;
  }
}
.login-form-container .woocommerce-form__input-checkbox {
  height: 14px !important;
}
.login-form-container .woocommerce-button.custom {
  margin-top: 81px;
  margin-bottom: 27px;
  margin-right: 0px !important;
  height: 61px;
  width: 100%;
  border-radius: 30px;
  background-color: #3c7c86;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Roboto-Bold", sans-serif;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: 0.89px;
}
.login-form-container .woocommerce-button.custom:hover {
  background-color: #2e8f92;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .login-form-container .woocommerce-button.custom {
    margin-top: 33px;
  }
}
.login-form-container .edit-button {
  letter-spacing: 0.89px;
  max-width: 290px;
  margin-top: 37px !important;
}
@media (max-width: 767.98px) {
  .login-form-container .edit-button {
    max-width: 100%;
  }
}
.login-form-container .show-password-input::after {
  color: #7fa3a6;
}
.login-form-container .show-password-input.display-password::after {
  color: #d0e0e2 !important;
}

.woocommerce-privacy-policy-text {
  color: #000000;
  font-family: "Roboto-Regular", sans-serif;
}
.woocommerce-privacy-policy-text p {
  font-size: 1.6rem !important;
}
.woocommerce-privacy-policy-text a {
  text-decoration: underline !important;
  font-family: "Roboto-Bold", sans-serif !important;
}

.woocommerce-MyAccount-content {
  width: 66% !important;
}
@media (max-width: 767.98px) {
  .woocommerce-MyAccount-content {
    width: 100% !important;
  }
}

.form-header {
  margin-bottom: 20px;
}

.form-paragraph {
  color: #000000;
  font-family: "Roboto-Regular", sans-serif;
  margin-bottom: 26px;
}
.form-paragraph a {
  text-decoration: underline !important;
  font-family: "Roboto-Bold", sans-serif !important;
}

.form-paragraph-big {
  font-size: 2.4rem;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .form-paragraph-big {
    font-size: 1.6rem;
  }
}

.my-account-header {
  margin-bottom: 20px;
}
.my-account-header::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}

.text-center-sm {
  text-align: center !important;
  padding: 0px 20px;
}
@media (max-width: 767.98px) {
  .text-center-sm {
    text-align: left !important;
  }
}

.address-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 61px;
  width: 200px;
  margin-bottom: 80px;
  margin-top: 33px;
  border-radius: 30px;
  background-color: #3c7c86;
  text-transform: uppercase;
  font-style: normal !important;
  color: #ffffff;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: 0.89px;
}
.address-button:hover {
  background-color: #2e8f92;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .address-button {
    width: 100%;
  }
}

.address-box {
  margin: 30px 0;
}

.woocommerce-Address-title {
  padding: 0 0 17px 0 !important;
}

.woocommerce-button.custom {
  margin-top: 81px;
  margin-bottom: 27px;
  margin-right: 0px !important;
  height: 61px;
  width: 100%;
  border-radius: 30px;
  background-color: #3c7c86;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 1.6rem;
  line-height: 22px;
  letter-spacing: 0.89px;
}
.woocommerce-button.custom:hover {
  background-color: #2e8f92;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .woocommerce-button.custom {
    margin-top: 33px;
  }
}

.woocommerce-MyAccount-content input {
  padding-left: 19px !important;
}

/*
** Other Modules
*/
.tags-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.8rem;
  margin-bottom: 4rem;
}
.tags-container .row {
  display: flex;
  gap: 1rem 0.6rem;
  width: 75.6rem;
  padding: 3rem 0;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .tags-container {
    margin: 1rem auto;
    width: 100vw;
  }
  .tags-container .tag {
    height: 2.5rem;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0.6rem 1.4rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .tags-container {
    margin: 0;
  }
  .tags-container .row {
    width: 34.5rem !important;
    flex-wrap: wrap;
    margin: 0 auto;
    border: none;
    padding: 0 !important;
  }
  .tags-container .tag {
    padding: 0.8rem 1.6rem !important;
  }
}
.tags-container .tag {
  display: inline-block;
  height: 2.9rem;
  border-radius: 0.4rem;
  background-color: #f2f2f2;
  color: #747474;
  font-family: "Inter-Bold", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.4rem;
  text-align: center;
  padding: 0.8rem 1.5rem 0.7rem 1.7rem;
}
.tags-container .tag:first-letter {
  text-transform: capitalize !important;
}
.tags-container .tag:hover {
  background-color: #e1e1e1;
  color: #575757;
  transform: translateY(-1px);
}
.tags-container.article-fullwidth .row {
  margin: 0 auto;
  border: none;
  padding: 3.4rem 0;
  gap: 2rem;
  width: 94rem;
}
.tags-container.category-vetenskap {
  margin: 0;
}

.articlebox-container {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  grid-auto-rows: auto !important;
  grid-gap: 3rem;
  margin: 0 auto 0px;
  padding-bottom: 1.6rem !important;
  max-width: 114rem;
}
@media only screen and (min-width: 1920px) {
  .articlebox-container {
    grid-gap: 4rem;
  }
}
@media (max-width: 1199.98px) {
  .articlebox-container {
    max-width: 96rem;
    grid-auto-rows: auto !important;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 991.98px) {
  .articlebox-container {
    max-width: 72rem;
    padding: 0 1.5rem;
    grid-auto-rows: auto !important;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767.98px) {
  .articlebox-container {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto !important;
    grid-gap: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article,
  .articlebox-container .article-small {
    height: auto;
    min-height: 21.8rem;
    border-bottom: 1px solid #747474;
    box-sizing: content-box;
  }
}
.articlebox-container .article .article-link,
.articlebox-container .article-small .article-link {
  width: 100%;
  height: 100%;
  display: flex;
}
.articlebox-container .article .article-link__textcontainer,
.articlebox-container .article-small .article-link__textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.articlebox-container .article .article-link__textcontainer:hover > h2,
.articlebox-container .article .article-link__textcontainer:hover h3,
.articlebox-container .article .article-link__textcontainer:hover .excerpt,
.articlebox-container .article-small .article-link__textcontainer:hover > h2,
.articlebox-container .article-small .article-link__textcontainer:hover h3,
.articlebox-container .article-small .article-link__textcontainer:hover .excerpt {
  transform: translateY(-1px);
}
.articlebox-container .article .article-link__textcontainer h2,
.articlebox-container .article-small .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
}
.articlebox-container .article .article-link__textcontainer h3,
.articlebox-container .article-small .article-link__textcontainer h3 {
  font-family: "NotoSerif-Medium", serif;
  color: #1f2124;
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0;
  color: #333333;
}
.articlebox-container .article .article-link__textcontainer .excerpt,
.articlebox-container .article-small .article-link__textcontainer .excerpt {
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.4rem;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.articlebox-container .article .article-link__imagecontainer,
.articlebox-container .article-small .article-link__imagecontainer {
  position: relative;
  height: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-container .article .article-link__imagecontainer img,
  .articlebox-container .article-small .article-link__imagecontainer img {
    height: 100%;
    object-fit: cover;
    max-width: 14rem;
  }
}
.articlebox-container .article .article-link__overlay,
.articlebox-container .article-small .article-link__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  transition: opacity 0.4s ease;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.02) 9.22%, rgba(0, 0, 0, 0.05) 18.76%, rgba(0, 0, 0, 0.12) 28.48%, rgba(0, 0, 0, 0.2) 38.19%, rgba(0, 0, 0, 0.29) 47.75%, rgba(0, 0, 0, 0.39) 56.99%, rgba(0, 0, 0, 0.5) 65.75%, rgba(0, 0, 0, 0.61) 73.87%, rgba(0, 0, 0, 0.71) 81.18%, rgba(0, 0, 0, 0.8) 87.52%, rgba(0, 0, 0, 0.88) 92.74%, rgba(0, 0, 0, 0.95) 96.66%, rgba(0, 0, 0, 0.98) 99.14%, #000 100%);
}
.articlebox-container .article .article-link__overlay:hover,
.articlebox-container .article-small .article-link__overlay:hover {
  opacity: 0.3;
}
@media (max-width: 767.98px) {
  .articlebox-container .article .article-link,
  .articlebox-container .article-small .article-link {
    padding-bottom: 2.5rem;
  }
}
.articlebox-container .article {
  height: 41.5rem;
}
@media (max-width: 991.98px) {
  .articlebox-container .article {
    height: auto;
  }
}
.articlebox-container .article-small {
  height: 37.6rem;
}
@media (max-width: 991.98px) {
  .articlebox-container .article-small {
    grid-column: span 1 !important;
  }
}
.articlebox-container .article:first-child,
.articlebox-container .sticky {
  flex-direction: row-reverse;
  grid-column: span 4;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:first-child,
  .articlebox-container .sticky {
    grid-column: span 2 !important;
  }
}
.articlebox-container .article:first-child .article-link,
.articlebox-container .sticky .article-link {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 991.98px) {
  .articlebox-container .article:first-child .article-link,
  .articlebox-container .sticky .article-link {
    position: relative;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:first-child .article-link,
  .articlebox-container .sticky .article-link {
    flex-direction: column;
  }
}
.articlebox-container .article:first-child .article-link__textcontainer,
.articlebox-container .sticky .article-link__textcontainer {
  width: calc(50% + 2rem);
  gap: 1rem;
  padding-left: 6.4rem;
  padding-bottom: 6.4rem;
  padding-right: 6.4rem;
}
@media (max-width: 991.98px) {
  .articlebox-container .article:first-child .article-link__textcontainer,
  .articlebox-container .sticky .article-link__textcontainer {
    position: absolute;
    bottom: 0;
    padding-left: 3.4rem;
    padding-bottom: 3.4rem;
    padding-right: 3.4rem;
    width: 100%;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:first-child .article-link__textcontainer,
  .articlebox-container .sticky .article-link__textcontainer {
    position: static;
    padding: 1.8rem 0 2.8rem;
  }
}
.articlebox-container .article:first-child .article-link__textcontainer h3,
.articlebox-container .sticky .article-link__textcontainer h3 {
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 3.4rem;
  padding-right: 7rem;
}
@media (max-width: 991.98px) {
  .articlebox-container .article:first-child .article-link__textcontainer h3,
  .articlebox-container .sticky .article-link__textcontainer h3 {
    font-size: 2.4rem;
    letter-spacing: 0;
    line-height: 2.6rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:first-child .article-link__textcontainer h3,
  .articlebox-container .sticky .article-link__textcontainer h3 {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
.articlebox-container .article:first-child .article-link__textcontainer .excerpt,
.articlebox-container .sticky .article-link__textcontainer .excerpt {
  font-size: 2.3rem;
  letter-spacing: 0;
  line-height: 2.9rem;
}
@media (max-width: 991.98px) {
  .articlebox-container .article:first-child .article-link__textcontainer .excerpt,
  .articlebox-container .sticky .article-link__textcontainer .excerpt {
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:first-child .article-link__textcontainer .excerpt,
  .articlebox-container .sticky .article-link__textcontainer .excerpt {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.articlebox-container .article:first-child .article-link__imagecontainer,
.articlebox-container .sticky .article-link__imagecontainer {
  width: calc(50% - 1.4rem);
}
@media (max-width: 991.98px) {
  .articlebox-container .article:first-child .article-link__imagecontainer,
  .articlebox-container .sticky .article-link__imagecontainer {
    width: 100%;
  }
}
.articlebox-container .article:first-child .article-link__imagecontainer img,
.articlebox-container .sticky .article-link__imagecontainer img {
  width: 100%;
  height: 100%;
}
.articlebox-container .article:nth-child(2),
.articlebox-container .article:nth-child(7) {
  grid-column: span 2;
  position: relative;
}
@media (max-width: 991.98px) {
  .articlebox-container .article:nth-child(2),
  .articlebox-container .article:nth-child(7) {
    grid-column: 1/5;
    position: relative;
    min-height: 46rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:nth-child(2),
  .articlebox-container .article:nth-child(7) {
    grid-column: span 2 !important;
    grid-auto-rows: max-content !important;
  }
}
.articlebox-container .article:nth-child(2) .article-link,
.articlebox-container .article:nth-child(7) .article-link {
  display: block;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:nth-child(2) .article-link,
  .articlebox-container .article:nth-child(7) .article-link {
    display: flex;
    position: relative;
  }
}
.articlebox-container .article:nth-child(2) .article-link__textcontainer,
.articlebox-container .article:nth-child(7) .article-link__textcontainer {
  background-color: transparent !important;
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding-left: 3.4rem;
  padding-bottom: 3.4rem;
  padding-right: 3.4rem;
  gap: 2rem;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:nth-child(2) .article-link__textcontainer,
  .articlebox-container .article:nth-child(7) .article-link__textcontainer {
    padding: 0 2rem 2rem 2rem;
    gap: 1rem;
  }
}
.articlebox-container .article:nth-child(2) .article-link__textcontainer h3,
.articlebox-container .article:nth-child(7) .article-link__textcontainer h3 {
  font-size: 2.4rem;
  letter-spacing: 0;
  line-height: 2.6rem;
  padding-right: 16.5rem;
}
@media (max-width: 991.98px) {
  .articlebox-container .article:nth-child(2) .article-link__textcontainer h3,
  .articlebox-container .article:nth-child(7) .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:nth-child(2) .article-link__textcontainer h3,
  .articlebox-container .article:nth-child(7) .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.articlebox-container .article:nth-child(2) .article-link__textcontainer .excerpt,
.articlebox-container .article:nth-child(7) .article-link__textcontainer .excerpt {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2rem;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:nth-child(2) .article-link__textcontainer .excerpt,
  .articlebox-container .article:nth-child(7) .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
.articlebox-container .article:nth-child(2) .article-link__imagecontainer,
.articlebox-container .article:nth-child(7) .article-link__imagecontainer {
  position: relative;
  width: 100%;
  height: 100%;
}
.articlebox-container .article:nth-child(2) .article-link__imagecontainer img,
.articlebox-container .article:nth-child(7) .article-link__imagecontainer img {
  position: absolute;
  height: 100%;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:nth-child(2) .article-link__imagecontainer img,
  .articlebox-container .article:nth-child(7) .article-link__imagecontainer img {
    position: static;
  }
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)),
.articlebox-container .article-small {
  min-height: auto;
}
@media (max-width: 991.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)),
  .articlebox-container .article-small {
    grid-column: span 2;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)),
  .articlebox-container .article-small {
    height: auto !important;
  }
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link,
.articlebox-container .article-small .article-link {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link,
  .articlebox-container .article-small .article-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-width: 2px !important;
  }
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__textcontainer,
.articlebox-container .article-small .article-link__textcontainer {
  justify-content: space-between;
  height: 20rem;
  padding: 1.3rem 1rem 0.8rem;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__textcontainer,
  .articlebox-container .article-small .article-link__textcontainer {
    height: unset !important;
    justify-content: center;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__textcontainer,
  .articlebox-container .article-small .article-link__textcontainer {
    height: 100% !important;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__textcontainer h2,
  .articlebox-container .article-small .article-link__textcontainer h2 {
    display: none;
  }
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__textcontainer h3,
.articlebox-container .article-small .article-link__textcontainer h3 {
  font-size: 1.8rem !important;
  letter-spacing: 0;
  line-height: 2.6rem;
  align-self: center;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__textcontainer h3,
  .articlebox-container .article-small .article-link__textcontainer h3 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__textcontainer .excerpt,
.articlebox-container .article-small .article-link__textcontainer .excerpt {
  font-size: 1.3rem !important;
  letter-spacing: 0;
  line-height: 2rem;
  padding-bottom: 2rem;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__textcontainer .excerpt,
  .articlebox-container .article-small .article-link__textcontainer .excerpt {
    display: none;
  }
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__imagecontainer,
.articlebox-container .article-small .article-link__imagecontainer {
  height: 16.5rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__imagecontainer,
  .articlebox-container .article-small .article-link__imagecontainer {
    height: 9rem;
    width: 14.3rem;
  }
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) .article-link__imagecontainer img,
.articlebox-container .article-small .article-link__imagecontainer img {
  width: 100%;
  height: 100%;
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) {
  margin-top: 0;
}
.articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) > div {
  gap: 2rem;
  padding: 2rem 0;
}
@media (max-width: 991.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) > div {
    gap: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) > div {
    display: block;
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .articlebox-container .article:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(7)) > div h3 {
    padding: 0;
  }
}
.articlebox-container .article-inner-small {
  padding-top: 2rem;
}
@media (max-width: 767.98px) {
  .articlebox-container .article-inner-small {
    padding: 0;
  }
}
.articlebox-container .article-inner-small h3 {
  padding: 1.2rem 0;
}
@media (max-width: 767.98px) {
  .articlebox-container .article-inner-small h3 {
    padding: 0;
  }
}

.readmore-section {
  padding: 7rem 0 12.5rem;
  width: clamp(35rem, 80vw, 124rem);
  margin: 0 auto;
}
@media (max-width: 1199.98px) {
  .readmore-section {
    max-width: 72rem !important;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 41.4rem) {
  .readmore-section {
    padding: 3rem 0 1rem 0;
  }
}
.readmore-section.category-annons {
  background-color: #fefcf6;
  width: 100vw;
}
@media only screen and (min-width: 1920px) {
  .readmore-section.category-annons {
    width: 80vw;
  }
}
.readmore-section.category-annons .break-container,
.readmore-section.category-annons .articlebox-container {
  width: clamp(34.5rem, 80vw, 124rem);
  margin: 0 auto;
}
.readmore-section.article-fullwidth {
  padding-top: 3rem;
  margin: 0 7rem 0 22.2rem;
  max-width: 108rem;
  margin: 0 auto 4rem;
}
@media only screen and (min-width: 1920px) {
  .readmore-section.article-fullwidth {
    max-width: 124rem;
  }
}
.readmore-section .break-container {
  max-width: 90vw !important;
}
@media only screen and (min-width: 1920px) {
  .readmore-section .break-container {
    max-width: 100% !important;
  }
}
@media (max-width: 1199.98px) {
  .readmore-section .break-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
@media (max-width: 991.98px) {
  .readmore-section .break-container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}
@media only screen and (max-width: 41.4rem) {
  .readmore-section .break-container {
    padding: 0 !important;
  }
}
.readmore-section .article-box-header {
  text-align: left;
  font-family: "NotoSerif-Bold", serif;
  color: #242423;
  font-size: 1.5rem;
  letter-spacing: -0.3px;
  line-height: 2rem;
  padding: 0.9rem 0 3.2rem 0.4rem !important;
  border-top: 3px solid #a4a2a1;
}
@media only screen and (max-width: 41.4rem) {
  .readmore-section .article-box-header {
    width: 34.5rem;
    margin: 0 auto;
  }
}
.readmore-section #readmore-articlebox-container {
  padding-bottom: 105px;
}
.readmore-section #readmore-articlebox-container.articlebox-container {
  max-width: 130rem !important;
  max-width: 1140px !important;
}
@media only screen and (min-width: 1920px) {
  .readmore-section #readmore-articlebox-container.articlebox-container {
    max-width: 100% !important;
  }
}
@media (max-width: 1199.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container {
    max-width: 960px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 991.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container {
    max-width: 720px !important;
    grid-auto-rows: 400px !important;
  }
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container {
    grid-template-columns: repeat(1, 1fr) !important;
    grid-template-rows: 37.8rem repeat(3, 9rem) !important;
    width: 34.5rem !important;
    margin: 0 auto !important;
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:first-child {
    height: 37.8rem !important;
    box-shadow: 0px -0.5px 8px rgba(33, 33, 33, 0.1);
  }
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:first-child .article-link {
    flex-direction: column !important;
    padding: 0;
    height: 37.8rem;
  }
}
.readmore-section #readmore-articlebox-container.articlebox-container .article-small:first-child .article-link__imagecontainer img {
  max-width: unset;
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:first-child .article-link__imagecontainer {
    width: 100%;
    height: 18rem;
  }
}
.readmore-section #readmore-articlebox-container.articlebox-container .article-small:first-child .article-link__overlay {
  display: none;
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:first-child .article-link__textcontainer {
    width: 100%;
    height: 19.8rem !important;
    padding: 1.6rem 1.2rem 1.1rem;
  }
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:first-child .article-link__textcontainer .excerpt {
    color: #232326;
    display: -webkit-box;
    visibility: visible;
    overflow: hidden;
    text-overflow: ellipsis;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 1rem auto;
    padding: 0;
  }
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:first-child .article-link__textcontainer h2 {
    display: unset;
    font-size: 1.6rem;
  }
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:nth-child(n+2) {
    height: 90px !important;
    box-shadow: -0.5px -1px 5px rgba(122, 122, 122, 0.15) !important;
  }
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:nth-child(n+2) .article-link {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:nth-child(n+2) .article-link__imagecontainer {
    width: 14.3rem;
  }
}
.readmore-section #readmore-articlebox-container.articlebox-container .article-small:nth-child(n+2) .article-link__overlay {
  display: none;
}
@media (max-width: 767.98px) {
  .readmore-section #readmore-articlebox-container.articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer {
    margin-top: 0 !important;
    width: calc(100% - 14.3rem);
  }
}
.readmore-section #readmore-articlebox-container.articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer h3,
.readmore-section #readmore-articlebox-container.articlebox-container .article-small:nth-child(n+2) .article-link__textcontainer .excerpt {
  color: #1f2124;
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
@media (max-width: 991.98px) {
  .readmore-section #readmore-articlebox-container .article-inner {
    justify-content: flex-start;
    margin-top: 10px;
  }
}
.readmore-section #readmore-articlebox-container .related-article {
  border-radius: unset !important;
  border: none !important;
  margin: 0 !important;
  background-color: transparent;
  color: unset;
}
.readmore-section #readmore-articlebox-container .related-article img {
  border-radius: 0;
}
.readmore-section #readmore-articlebox-container .related-article:hover h2 {
  text-decoration: none !important;
}
.readmore-section #readmore-articlebox-container .related-article:nth-child(6n), .readmore-section #readmore-articlebox-container .related-article:nth-child(6n+1) {
  grid-column: span 1;
}
.readmore-section #readmore-articlebox-container .related-article:nth-child(6n) img, .readmore-section #readmore-articlebox-container .related-article:nth-child(6n+1) img {
  position: relative;
}
@media (max-width: 991.98px) {
  .readmore-section #readmore-articlebox-container .related-article:nth-child(6n), .readmore-section #readmore-articlebox-container .related-article:nth-child(6n+1) {
    grid-row: span 1;
  }
}

.articlebox-start-container {
  display: grid;
  max-width: fit-content;
  grid-template-columns: repeat(3, 28.5rem) 1fr;
  grid-template-rows: [article-group-1] 38rem 22rem [ad-break] 30rem [article-group-2] 38rem 22rem [welcome] 38rem 26.4rem [ad-break] 30rem [article-group-3] repeat(2, 38rem);
  gap: 2.8rem;
  margin: 2.4rem auto;
}
@media (max-width: 1199.98px) {
  .articlebox-start-container {
    max-width: 96rem;
  }
}
@media (max-width: 991.98px) {
  .articlebox-start-container {
    max-width: 72rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767.98px) {
  .articlebox-start-container {
    max-width: 54rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container {
    display: grid;
    max-width: 37.5rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0;
    grid-template-rows: [article-group-123] 38rem repeat(2, 9rem) [jobb-4] 51rem [article-group-567] 38rem repeat(2, 9rem) [ad-break-89] repeat(2, 30rem) [welcome-10] minmax(min-content, max-content) [popular-11] 35.5rem [ad-12] 30rem [article-group-13-18] repeat(6, 9rem);
    row-gap: 2rem;
    margin: 3rem auto 0;
    justify-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .articlebox-start-container {
    row-gap: 4rem;
    column-gap: 5rem;
    margin: 0 auto;
  }
}
.articlebox-start-container .jobb__frontpage-container {
  grid-column: 4/-1;
  grid-row: 1/span 2;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .jobb__frontpage-container {
    grid-row: 4;
    grid-column: 1/span 2;
  }
}
.articlebox-start-container .article,
.articlebox-start-container .article-small {
  min-height: auto;
  transition: all 0.5s ease;
  grid-column: 3;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article,
  .articlebox-start-container .article-small {
    height: auto !important;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #8f8e8e;
  }
}
.articlebox-start-container .article .article-link,
.articlebox-start-container .article-small .article-link {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article .article-link,
  .articlebox-start-container .article-small .article-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 34.5rem;
    border-top: 1px solid #8f8e8e;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .article .article-link,
  .articlebox-start-container .article-small .article-link {
    height: 8.9rem;
  }
}
.articlebox-start-container .article .article-link__textcontainer,
.articlebox-start-container .article-small .article-link__textcontainer {
  height: calc(100% - 16.7rem);
  padding: 2rem 1.2rem 0.8rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article .article-link__textcontainer,
  .articlebox-start-container .article-small .article-link__textcontainer {
    margin-top: 0;
    padding-top: 0;
    height: 100% !important;
    width: 100% !important;
    justify-content: center;
  }
}
.articlebox-start-container .article .article-link__textcontainer h2,
.articlebox-start-container .article-small .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article .article-link__textcontainer h2,
  .articlebox-start-container .article-small .article-link__textcontainer h2 {
    display: none;
  }
}
.articlebox-start-container .article .article-link__textcontainer h3,
.articlebox-start-container .article-small .article-link__textcontainer h3 {
  font-family: "NotoSerif-SemiBold", serif;
  color: #1f2124;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.2rem;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article .article-link__textcontainer h3,
  .articlebox-start-container .article-small .article-link__textcontainer h3 {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
.articlebox-start-container .article .article-link__textcontainer .excerpt,
.articlebox-start-container .article-small .article-link__textcontainer .excerpt {
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article .article-link__textcontainer .excerpt,
  .articlebox-start-container .article-small .article-link__textcontainer .excerpt {
    display: none;
  }
}
.articlebox-start-container .article .article-link__imagecontainer,
.articlebox-start-container .article-small .article-link__imagecontainer {
  position: relative;
  height: 16.7rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article .article-link__imagecontainer,
  .articlebox-start-container .article-small .article-link__imagecontainer {
    height: 100%;
    width: unset;
  }
}
.articlebox-start-container .article .article-link__imagecontainer img,
.articlebox-start-container .article-small .article-link__imagecontainer img {
  height: inherit;
  width: inherit;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article .article-link__imagecontainer img,
  .articlebox-start-container .article-small .article-link__imagecontainer img {
    height: 100%;
    width: 14.3rem;
  }
}
.articlebox-start-container .article .article-link__imagecontainer .no-img,
.articlebox-start-container .article-small .article-link__imagecontainer .no-img {
  display: block;
  z-index: 1;
  height: 100%;
  width: 100%;
  content: "";
}
.articlebox-start-container .article .article-link__overlay,
.articlebox-start-container .article-small .article-link__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.02) 9.22%, rgba(0, 0, 0, 0.05) 18.76%, rgba(0, 0, 0, 0.12) 28.48%, rgba(0, 0, 0, 0.2) 38.19%, rgba(0, 0, 0, 0.29) 47.75%, rgba(0, 0, 0, 0.39) 56.99%, rgba(0, 0, 0, 0.5) 65.75%, rgba(0, 0, 0, 0.61) 73.87%, rgba(0, 0, 0, 0.71) 81.18%, rgba(0, 0, 0, 0.8) 87.52%, rgba(0, 0, 0, 0.88) 92.74%, rgba(0, 0, 0, 0.95) 96.66%, rgba(0, 0, 0, 0.98) 99.14%, #000 100%);
  opacity: 0.5;
}
.articlebox-start-container .article .article-link__overlay.no-img,
.articlebox-start-container .article-small .article-link__overlay.no-img {
  display: none;
}
.articlebox-start-container .article:hover,
.articlebox-start-container .article-small:hover {
  transform: scale(1.017);
  box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .article,
  .articlebox-start-container .article-small {
    grid-column: 1/span 2 !important;
    border-bottom: none !important;
    padding-bottom: none !important;
    max-width: 34.5rem;
    margin: 0 !important;
  }
}
.articlebox-start-container .article:nth-child(3) .article-link__imagecontainer,
.articlebox-start-container .article:nth-child(6) .article-link__imagecontainer {
  display: none;
}
.articlebox-start-container .article:nth-child(3) .article-link__textcontainer,
.articlebox-start-container .article:nth-child(6) .article-link__textcontainer {
  height: 100%;
}
.articlebox-start-container .article:nth-child(2) {
  grid-row: 1;
  margin-right: -1.4rem;
}
.articlebox-start-container .article:nth-child(3) {
  grid-row: 2;
  margin-right: -1.4rem;
}
.articlebox-start-container .article:nth-child(5) {
  grid-row: 4;
  margin-right: -1.4rem;
}
.articlebox-start-container .article:nth-child(6) {
  grid-row: 5;
  margin-right: -1.4rem;
}
.articlebox-start-container .article:nth-child(7),
.articlebox-start-container .article:nth-child(10) {
  grid-column: 1;
}
.articlebox-start-container .article:nth-child(7):nth-child(7),
.articlebox-start-container .article:nth-child(10):nth-child(7) {
  grid-row: 9;
}
.articlebox-start-container .article:nth-child(7):nth-child(10),
.articlebox-start-container .article:nth-child(10):nth-child(10) {
  grid-row: 10;
}
.articlebox-start-container .article:nth-child(8) {
  grid-row: 9;
  grid-column: 2;
}
.articlebox-start-container .article:nth-child(9) {
  grid-row: 9;
}
.articlebox-start-container .article:nth-child(11) {
  grid-row: 10;
}
.articlebox-start-container .article:nth-child(12) {
  grid-row: 10;
  grid-column: 4;
}
.articlebox-start-container .article:first-child,
.articlebox-start-container .article:nth-child(4) {
  grid-column: span 2;
  grid-row: span 2;
  position: relative;
  height: auto;
  transition: all 0.5s ease;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child,
  .articlebox-start-container .article:nth-child(4) {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .article:first-child,
  .articlebox-start-container .article:nth-child(4) {
    grid-row: unset;
  }
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link,
  .articlebox-start-container .article:nth-child(4) .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .article:first-child .article-link,
  .articlebox-start-container .article:nth-child(4) .article-link {
    height: 37.8rem;
  }
}
.articlebox-start-container .article:first-child .article-link__textcontainer,
.articlebox-start-container .article:nth-child(4) .article-link__textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  height: calc(100% - 35.1rem);
  z-index: 1;
  padding: 2.4rem 2.8rem 1.2rem;
  gap: 1.3rem;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link__textcontainer,
  .articlebox-start-container .article:nth-child(4) .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link__textcontainer h3,
  .articlebox-start-container .article:first-child .article-link__textcontainer .excerpt,
  .articlebox-start-container .article:nth-child(4) .article-link__textcontainer h3,
  .articlebox-start-container .article:nth-child(4) .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
.articlebox-start-container .article:first-child .article-link__textcontainer h2,
.articlebox-start-container .article:nth-child(4) .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link__textcontainer h2,
  .articlebox-start-container .article:nth-child(4) .article-link__textcontainer h2 {
    display: block;
  }
}
.articlebox-start-container .article:first-child .article-link__textcontainer h3,
.articlebox-start-container .article:nth-child(4) .article-link__textcontainer h3 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 2.6rem;
  color: #1f2124;
  letter-spacing: 0;
  line-height: 3rem;
  padding-right: 4rem;
}
@media (max-width: 991.98px) {
  .articlebox-start-container .article:first-child .article-link__textcontainer h3,
  .articlebox-start-container .article:nth-child(4) .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link__textcontainer h3,
  .articlebox-start-container .article:nth-child(4) .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.articlebox-start-container .article:first-child .article-link__textcontainer .excerpt,
.articlebox-start-container .article:nth-child(4) .article-link__textcontainer .excerpt {
  font-size: 1.6rem;
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  letter-spacing: 0;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link__textcontainer .excerpt,
  .articlebox-start-container .article:nth-child(4) .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .article:first-child .article-link__textcontainer,
  .articlebox-start-container .article:nth-child(4) .article-link__textcontainer {
    height: 19.8rem;
  }
}
.articlebox-start-container .article:first-child .article-link__imagecontainer,
.articlebox-start-container .article:nth-child(4) .article-link__imagecontainer {
  position: relative;
  height: 35.1rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link__imagecontainer,
  .articlebox-start-container .article:nth-child(4) .article-link__imagecontainer {
    position: static;
  }
}
.articlebox-start-container .article:first-child .article-link__imagecontainer img,
.articlebox-start-container .article:nth-child(4) .article-link__imagecontainer img {
  position: absolute;
  height: inherit;
  width: inherit;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link__imagecontainer img,
  .articlebox-start-container .article:nth-child(4) .article-link__imagecontainer img {
    position: static;
  }
}
.articlebox-start-container .article:first-child .article-link__imagecontainer span,
.articlebox-start-container .article:nth-child(4) .article-link__imagecontainer span {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .articlebox-start-container .article:first-child .article-link__imagecontainer span,
  .articlebox-start-container .article:nth-child(4) .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .article:first-child .article-link__imagecontainer,
  .articlebox-start-container .article:nth-child(4) .article-link__imagecontainer {
    height: 18rem;
  }
}
.articlebox-start-container .article:first-child:hover,
.articlebox-start-container .article:nth-child(4):hover {
  transform: scale(1.007);
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
}
.articlebox-start-container .article:first-child:nth-child(4),
.articlebox-start-container .article:nth-child(4):nth-child(4) {
  grid-row: 4/span 2;
}
.articlebox-start-container .article:first-child:first-child,
.articlebox-start-container .article:nth-child(4):first-child {
  grid-row: 1/span 2;
}
.articlebox-start-container .article:nth-child(n+2):not(:nth-child(4)) {
  width: 28.5rem;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .article:nth-child(n+2):not(:nth-child(4)) {
    width: unset;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .article:nth-child(1) {
    grid-row: 1 !important;
  }
  .articlebox-start-container .article:nth-child(2) {
    grid-row: 2 !important;
  }
  .articlebox-start-container .article:nth-child(3) {
    grid-row: 3 !important;
  }
  .articlebox-start-container .article:nth-child(4) {
    grid-row: 5 !important;
  }
  .articlebox-start-container .article:nth-child(5) {
    grid-row: 6 !important;
  }
  .articlebox-start-container .article:nth-child(6) {
    grid-row: 7 !important;
  }
  .articlebox-start-container .article:nth-child(7) {
    grid-row: 13 !important;
  }
  .articlebox-start-container .article:nth-child(8) {
    grid-row: 14 !important;
  }
  .articlebox-start-container .article:nth-child(9) {
    grid-row: 15 !important;
  }
  .articlebox-start-container .article:nth-child(10) {
    grid-row: 16 !important;
  }
  .articlebox-start-container .article:nth-child(11) {
    grid-row: 17 !important;
  }
  .articlebox-start-container .article:nth-child(12) {
    grid-row: 18 !important;
  }
}
.articlebox-start-container .publisher-container {
  grid-row: 6/span 2;
  grid-column: 1/span 3;
  background-color: #ecf3f5;
  padding: 1.8rem 1.2rem 0 1.6rem;
  display: grid;
  grid-template-columns: repeat(2, 27.9rem) 26.4rem;
  grid-template-rows: 42rem 18.2rem;
  row-gap: 2.6rem;
  column-gap: 2.4rem;
  width: unset;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .publisher-container {
    display: flex;
    flex-direction: column;
    grid-row: 10;
    grid-column: 1/span 2;
    max-width: 100vw;
    margin: 0;
    align-content: center;
    align-items: center;
    padding: 2rem 0;
    gap: 2rem;
    height: 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .articlebox-start-container .publisher-container {
    grid-template-columns: repeat(2, 28.9rem) 27.4rem;
    column-gap: 3.4rem;
  }
}
.articlebox-start-container .publisher-container .inner-container {
  grid-row: 1;
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 28.1rem 26.6rem;
  gap: 1rem;
  grid-template-rows: 29rem 11rem;
  background-color: #ffffff;
  max-height: 42rem;
  max-width: 58.6rem;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .publisher-container .inner-container {
    grid-template-rows: 5.6rem 13.2rem 11rem;
    grid-template-columns: 23.4rem 11rem;
    width: 95%;
    gap: 0;
    padding: 1.6rem 1.6rem 0 2.5rem;
  }
}
@media only screen and (min-width: 1920px) {
  .articlebox-start-container .publisher-container .inner-container {
    grid-template-columns: 30.1rem 29.6rem;
    max-width: 62.6rem;
  }
}
.articlebox-start-container .publisher-container .inner-container .inner-image {
  padding: 4.4rem 1.3rem 1rem 3.4rem;
  grid-row: 1;
  grid-column: 2;
}
.articlebox-start-container .publisher-container .inner-container .inner-image a {
  height: 23rem;
  width: 23rem;
  border-radius: 100%;
}
.articlebox-start-container .publisher-container .inner-container .inner-image img {
  height: 22rem;
  width: 22rem;
  border-radius: 100%;
  border: 2px solid #c4c4c4;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .publisher-container .inner-container .inner-image {
    padding: 2rem 0 1rem;
    grid-row: 2;
  }
  .articlebox-start-container .publisher-container .inner-container .inner-image a {
    height: 10rem;
    width: 10rem;
  }
  .articlebox-start-container .publisher-container .inner-container .inner-image img {
    height: 9rem;
    width: 9rem;
  }
}
.articlebox-start-container .publisher-container .inner-container .inner-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.2rem;
  grid-row: 1;
  grid-column: 1;
  padding: 5.4rem 0 0 1.8rem;
}
.articlebox-start-container .publisher-container .inner-container .inner-info h2 {
  padding-bottom: 1.7rem;
}
.articlebox-start-container .publisher-container .inner-container .inner-info > h2,
.articlebox-start-container .publisher-container .inner-container .inner-info h3 {
  font-size: 2.6rem;
  line-height: 3rem;
  width: 28rem;
  color: #1f2124;
  font-family: "NotoSerif-SemiBold", serif;
}
.articlebox-start-container .publisher-container .inner-container .inner-info > span {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.38px;
  color: #232326;
  font-family: "NotoSerif-SemiBold", serif;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .publisher-container .inner-container .inner-info {
    grid-row: unset;
    padding: unset;
    gap: 0.6rem;
  }
  .articlebox-start-container .publisher-container .inner-container .inner-info h2 {
    grid-row: 1;
    padding: 0;
    font-size: 2.3rem;
    line-height: 2.8rem;
    width: 100%;
    font-family: "NotoSerif-Medium", serif;
    letter-spacing: -0.4px;
  }
  .articlebox-start-container .publisher-container .inner-container .inner-info h3 {
    font-size: 1.8rem;
    padding-top: 1.4rem;
    font-family: "NotoSerif-Medium", serif;
  }
  .articlebox-start-container .publisher-container .inner-container .inner-info span {
    font-size: 1.2rem;
    line-height: 1.7rem;
    letter-spacing: -0.24px;
    padding-right: 1.4rem;
    font-family: "NotoSerif-Medium", serif;
  }
}
.articlebox-start-container .publisher-container .inner-container .inner-contact {
  grid-row: 2;
  grid-column: 1/span 2;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 1.4rem 1.8rem;
}
.articlebox-start-container .publisher-container .inner-container .inner-contact p {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0.2px;
  color: #232326;
  height: 2.2rem;
}
.articlebox-start-container .publisher-container .inner-container .inner-contact a {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.1rem;
  line-height: 1.4rem;
  color: #ffffff;
  background-color: #f34d0f;
  padding: 0.8rem 5.1rem;
  border-radius: 99px;
  width: 14rem;
  height: 3rem;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.articlebox-start-container .publisher-container .inner-container .inner-contact a:hover {
  transform: scale(1.04);
  background-color: #d5410b;
  font-size: 1.2rem;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .publisher-container .inner-container .inner-contact {
    grid-row: 3;
    padding: unset;
    width: 22.5rem;
  }
  .articlebox-start-container .publisher-container .inner-container .inner-contact p {
    font-family: "BarlowCondensed-Medium", sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;
    height: unset;
  }
}
.articlebox-start-container .get-magazine {
  grid-row: 2;
  grid-column: 1/span 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-around;
  background-color: #ffffff;
  height: 18.2rem;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .get-magazine {
    height: 10rem;
    width: 95%;
    align-items: center;
    margin: 2rem auto;
    padding: 0 1rem;
  }
}
.articlebox-start-container .get-magazine .download-app {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  padding-left: 1.8rem;
}
.articlebox-start-container .get-magazine .download-app h2 {
  font-family: "NotoSerif-Bold", serif;
  font-size: 2.6rem;
  line-height: 3.2rem;
  letter-spacing: -0.5px;
  color: #232326;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .get-magazine .download-app h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.3px;
  }
}
.articlebox-start-container .get-magazine .download-app span {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  line-height: 2.2rem;
  letter-spacing: 0.5px;
  color: #292929;
  justify-self: center;
  padding-top: 1.2rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .get-magazine .download-app span {
    font-family: "BarlowCondensed-Medium", sans-serif;
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: 0.4px;
  }
}
.articlebox-start-container .get-magazine .download-app .download-icon {
  width: 4.4rem;
  height: 4.4rem;
  background-color: #f34d0f;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  z-index: 1;
  text-align: center;
  margin-left: 3.8rem;
  transition: all 0.2s ease-in-out;
}
.articlebox-start-container .get-magazine .download-app .download-icon:hover {
  cursor: pointer;
  transform: scale(1.03);
  background-color: #d5410b;
}
.articlebox-start-container .get-magazine .download-app .download-icon:hover::before {
  transform: rotate(-0.75turn);
  width: 2.2rem;
  height: 1.5rem;
}
.articlebox-start-container .get-magazine .download-app .download-icon::before {
  content: "";
  display: inline;
  z-index: 10;
  float: center;
  position: absolute;
  background: url("/wp-content/themes/tdl-child/assets/img/long-arrow-icon-right.svg");
  background-repeat: no-repeat;
  width: 2.1rem;
  height: 1.4rem;
  left: 26%;
  top: 34%;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .get-magazine .download-app .download-icon {
    width: 2.3rem;
    height: 2.3rem;
    margin-left: 1.8rem;
  }
  .articlebox-start-container .get-magazine .download-app .download-icon::before {
    transform: scale(0.5);
    left: 5%;
    top: 20%;
  }
}
.articlebox-start-container .get-magazine img {
  max-width: 10.4rem;
  max-height: 13.5rem;
  object-fit: contain;
  margin: 2rem 8rem 0 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-start-container .get-magazine img {
    overflow: visible;
    margin: 0 2rem 0 0;
    height: 12rem;
    width: 9rem;
    box-shadow: 3px 2px 4px 2px rgba(0, 0, 0, 0.3);
  }
}

.monthly-question {
  grid-row: 1/span 2;
  grid-column: 3;
  background-color: #ffffff;
  margin-left: 0.6rem;
}
@media only screen and (max-width: 41.4rem) {
  .monthly-question {
    padding: 0 1rem;
    margin: 0 auto;
  }
}
.monthly-question .gform_wrapper {
  height: 100%;
  padding: 1.8rem 2rem;
}
.monthly-question .gform_heading {
  border-top: 2px solid #c4c4c4;
  width: 100%;
  margin-bottom: 2.4rem;
}
.monthly-question .gform_title {
  font-family: "NotoSerif-Bold", serif;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.3px;
  color: #232326;
  padding: 5px 2px;
}
.monthly-question #gform_3 .gfield_label {
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: -0.28px;
  color: #285b63;
  margin-bottom: 3.4rem;
}
.monthly-question #gform_3 .gfield_radio {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media only screen and (max-width: 41.4rem) {
  .monthly-question #gform_3 .gfield_radio {
    gap: 1rem;
  }
}
.monthly-question #gform_3 .gchoice {
  position: relative;
  clear: both;
  border: 2px solid #c4c4c4;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.monthly-question #gform_3 .gchoice:hover {
  cursor: pointer;
  background-color: #ecf3f5;
  border-color: #077d69;
}
.monthly-question #gform_3 .gchoice.selected {
  background-color: rgba(236, 243, 245, 0.7);
  border: 2px solid #747474;
}
.monthly-question #gform_3 .gchoice > label {
  position: relative;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #292929;
  padding: 1.2rem 0.8rem;
  margin: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  z-index: 10;
}
.monthly-question #gform_3 .gchoice > label::before, .monthly-question #gform_3 .gchoice > label::after {
  content: "";
  opacity: 0;
  width: 0.01px;
  height: 100%;
  background-color: #3c7c86;
  transition: all 0.3s ease;
  position: absolute;
  border-radius: 4px 1px 1px 4px;
  border: 0.2px solid #3c7c86;
  left: -10%;
  top: 0%;
}
.monthly-question #gform_3 .gchoice > label:hover {
  cursor: pointer;
}
.monthly-question #gform_3 .gchoice input[type=radio]:checked + label {
  font-family: "Inter-Bold", sans-serif;
  padding-left: 1rem;
  font-size: 1.1rem;
}
.monthly-question #gform_3 .gchoice input[type=radio]:checked + label:before {
  opacity: 1;
  width: 1.2rem;
}
.monthly-question #gform_3 .gchoice input[type=radio] {
  opacity: 0;
  margin: 0;
  position: relative;
  transform: translateX(25%);
}
.monthly-question #gform_3 .gform_footer.top_label {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  padding: 5% 0;
}
.monthly-question #gform_3 .gpoll_button,
.monthly-question #gform_3 .gpoll_back_button {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #077d69;
  margin: 0 auto;
  padding: 0.8rem 1rem;
  height: fit-content;
  text-transform: uppercase;
  margin-top: 2rem;
  border: none;
  transition: all 0.3s ease-in-out;
}
.monthly-question #gform_3 .gpoll_button:hover,
.monthly-question #gform_3 .gpoll_back_button:hover {
  transform: scale(1.04);
  filter: brightness(1.2);
  cursor: pointer;
}
.monthly-question #gform_3 .gform_button {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #ffffff;
  background-color: #f34d0f;
  padding: 0.8rem 5.1rem;
  border-radius: 99px;
  width: 14rem;
  height: 3rem;
  text-transform: uppercase;
  margin-top: 2rem;
  border: none;
  transition: all 0.3s ease-in-out;
  align-self: unset;
}
@media only screen and (max-width: 41.4rem) {
  .monthly-question #gform_3 .gform_button {
    margin: -1rem 0 1rem 0;
  }
}
.monthly-question #gform_3 .gform_button:hover {
  transform: scale(1.04);
  background-color: #d5410b;
  font-size: 1.2rem;
  cursor: pointer;
}
.monthly-question .gpoll_summary {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.monthly-question .gpoll_summary .gpoll_field .gpoll_field_label {
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: -0.28px;
  color: #285b63;
  margin-bottom: 3.4rem;
  align-self: flex-start;
}
.monthly-question .gpoll_summary .gpoll_field .gpoll_choice_label {
  font-family: "Inter-Medium", sans-serif;
  font-size: 1.4rem;
  color: #232326;
  padding: 1rem 0.2rem 0.6rem;
  align-self: flex-start;
}
.monthly-question .gpoll_summary .gpoll_field .gpoll_wrapper.green {
  height: 3.2rem;
}
.monthly-question .gpoll_summary .gpoll_field .gpoll_wrapper.green .gpoll_bar {
  min-height: 100%;
  padding-top: 1.75%;
}
.monthly-question .gpoll_summary .gpoll_field .gpoll_wrapper.green .gpoll_bar_count {
  color: #ffffff;
  text-shadow: #000000 0 0 2px;
  position: absolute;
  top: 50%;
  left: 80%;
  translate: 0 -50%;
}
.monthly-question .gpoll_summary .gpoll_field .gpoll_wrapper.green .gpoll_bar_juice {
  background-color: #077d69;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #077d69), color-stop(1, #c7e3de));
}
.monthly-question .gpoll_summary .gpoll_field .gpoll_wrapper.green .gpoll_ratio_box {
  background-color: #077d69;
}
.monthly-question .gpoll_summary .gpoll_field .gpoll_wrapper.green .gpoll_ratio_box .gpoll_ratio_label {
  font-family: "Inter-SemiBold", sans-serif;
  translate: 0 10%;
}
.monthly-question .gform_confirmation_wrapper {
  padding: 1.6rem 1rem;
}
.monthly-question .gform_confirmation_wrapper .gform_confirmation_message_3 {
  font-family: "NotoSerif-Bold", serif;
  font-size: 1.5rem;
  line-height: 3rem;
  letter-spacing: -0.3px;
  color: #232326;
  padding: 2px 0 0 2px;
  border-top: 2px solid #c4c4c4;
}
.monthly-question .gquiz-field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.monthly-question .gquiz-field-label {
  font-family: "NotoSerif-Medium", serif;
  font-size: 1.4rem;
  line-height: 2.2rem;
  letter-spacing: -0.28px;
  color: #285b63;
  margin-bottom: 1rem;
}
.monthly-question .gquiz-field-choice {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.2rem;
}
.monthly-question .gquiz-field-choice > ul > li {
  padding: 0.8rem 0.6rem;
  line-height: 2.2rem;
}
.monthly-question .gquiz-field-choice > ul > li img {
  transform: translate(-4px, -1px);
}
.monthly-question .gquiz-correct-response {
  font-family: "Inter-Bold", sans-serif;
  color: #51a557;
}
.monthly-question .gquiz-incorrect-response {
  font-family: "Inter-SemiBold", sans-serif;
  color: #d35c41;
}
.monthly-question .gquiz-answer-explanation {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 2rem;
  border: 1px solid #3c7c86;
  border-radius: 4px;
  background-color: rgba(236, 243, 245, 0.7);
  margin-top: 1rem;
  padding: 2rem 1rem;
}

.adbox-single-small--1, .adbox-single-small--2, .adbox-single-small--3, .adbox-single-small--4, .adbox-single-small--5 {
  max-height: 27rem;
  max-width: 30rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .adbox-single-small--1, .adbox-single-small--2, .adbox-single-small--3, .adbox-single-small--4, .adbox-single-small--5 {
    margin-left: -1rem;
  }
}
.adbox-single-small__text {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #8f8e8e;
}
.adbox-single-small__box {
  border: 1px solid #747474;
  height: 25.2rem;
  width: 30.2rem;
}
.adbox-single-small--1 {
  grid-column: 4;
  grid-row: 4;
  margin-top: 2.5rem;
}
@media only screen and (max-width: 41.4rem) {
  .adbox-single-small--1 {
    grid-column: 1/span 2;
    grid-row: 8;
    margin: 0;
  }
}
.adbox-single-small--2 {
  grid-column: 4;
  grid-row: 5;
  margin-top: -8rem;
}
@media only screen and (max-width: 41.4rem) {
  .adbox-single-small--2 {
    grid-column: 1/span 2;
    grid-row: 9;
    margin: 0 !important;
  }
}
.adbox-single-small--3 {
  grid-column: 4;
  grid-row: 7;
  margin-top: -4.5rem;
}
@media only screen and (max-width: 41.4rem) {
  .adbox-single-small--3 {
    grid-row: 12;
    grid-column: 1/span 2;
    margin: 0;
  }
}
.adbox-single-small--4 {
  grid-column: 4;
  grid-row: 9;
  margin-top: 4rem;
}
@media only screen and (max-width: 41.4rem) {
  .adbox-single-small--4 {
    display: none;
  }
}
.adbox-single-small--5 {
  grid-column: 2;
  grid-row: 10;
  margin: 4rem -0.8rem 0 0 !important;
}
@media only screen and (max-width: 41.4rem) {
  .adbox-single-small--5 {
    display: none;
  }
}
.adbox-single-small--1, .adbox-single-small--2, .adbox-single-small--3, .adbox-single-small--4 {
  margin-left: -1rem;
}

@media only screen and (min-width: 1920px) {
  .start-page-margin-bottom {
    display: none;
  }
}

.articlebox-category-theme-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2.8rem;
  margin: 2.8rem 0;
}
.articlebox-category-theme-container .article .article-link__textcontainer {
  background-color: #fff !important;
}
.articlebox-category-theme-container .article:not(:first-child) {
  width: 27.15rem;
}
.articlebox-category-theme-container .article:first-child {
  grid-column: span 2;
  grid-row: span 2;
  position: relative;
  height: auto;
  transition: all 0.5s ease;
  width: 57.1rem;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-theme-container .article:first-child {
    grid-row: unset;
  }
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-theme-container .article:first-child .article-link {
    height: 37.8rem;
  }
}
.articlebox-category-theme-container .article:first-child .article-link__textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  height: calc(100% - 35.1rem);
  z-index: 1;
  padding: 2.4rem 2.8rem 1.2rem;
  gap: 1.3rem;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__textcontainer h3,
  .articlebox-category-theme-container .article:first-child .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
.articlebox-category-theme-container .article:first-child .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__textcontainer h2 {
    display: block;
  }
}
.articlebox-category-theme-container .article:first-child .article-link__textcontainer h3 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 2.6rem;
  color: #1f2124;
  letter-spacing: 0;
  line-height: 3rem;
  padding-right: 4rem;
}
@media (max-width: 991.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.articlebox-category-theme-container .article:first-child .article-link__textcontainer .excerpt {
  font-size: 1.6rem;
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  letter-spacing: 0;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-theme-container .article:first-child .article-link__textcontainer {
    height: 19.8rem;
  }
}
.articlebox-category-theme-container .article:first-child .article-link__imagecontainer {
  position: relative;
  height: 35.1rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__imagecontainer {
    position: static;
  }
}
.articlebox-category-theme-container .article:first-child .article-link__imagecontainer img {
  position: absolute;
  height: inherit;
  width: inherit;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__imagecontainer img {
    position: static;
  }
}
.articlebox-category-theme-container .article:first-child .article-link__imagecontainer span {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article:first-child .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-theme-container .article:first-child .article-link__imagecontainer {
    height: 18rem;
  }
}
.articlebox-category-theme-container .article:first-child:hover {
  transform: scale(1.007);
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
}

.articlebox-category-select-container {
  display: grid;
  max-width: fit-content;
  grid-template-columns: repeat(3, 28.5rem) 1fr;
  grid-template-rows: [article-group-1] 38rem 22rem [ad-break] 30rem [article-group-2] 38rem 22rem [welcome] 38rem 26.4rem [ad-break] 30rem [article-group-3] repeat(2, 38rem);
  gap: 2.8rem;
  margin: 2.4rem auto;
}
@media (max-width: 1199.98px) {
  .articlebox-category-select-container {
    max-width: 96rem;
  }
}
@media (max-width: 991.98px) {
  .articlebox-category-select-container {
    max-width: 72rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767.98px) {
  .articlebox-category-select-container {
    max-width: 54rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-select-container {
    display: grid;
    max-width: 37.5rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0;
    grid-template-rows: [article-group-123] 38rem repeat(2, 9rem) [jobb-4] 51rem [article-group-567] 38rem repeat(2, 9rem) [ad-break-89] repeat(2, 30rem) [welcome-10] minmax(min-content, max-content) [popular-11] 35.5rem [ad-12] 30rem [article-group-13-18] repeat(6, 9rem);
    row-gap: 2rem;
    margin: 3rem auto 0;
    justify-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .articlebox-category-select-container {
    row-gap: 4rem;
    column-gap: 5rem;
    margin: 0 auto;
  }
}

.articlebox-category-repeater-container {
  display: grid;
  grid-template-rows: 32rem repeat(3, 14.8rem);
}
.articlebox-category-repeater-container .article:hover {
  transform: none !important;
  box-shadow: none !important;
}
.articlebox-category-repeater-container .article:hover .article-link__textcontainer > .title {
  text-decoration: underline;
}
.articlebox-category-repeater-container .article:nth-child(n+2) .article-link__imagecontainer {
  display: none;
}
.articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer {
  height: 100%;
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) {
    min-height: auto;
    transition: all 0.5s ease;
    padding: 0 !important;
    border: none !important;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:nth-child(n+2) {
    height: auto !important;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #8f8e8e;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link {
    flex-direction: column;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 34.5rem;
    border-top: 1px solid #8f8e8e;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link {
    height: 8.9rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer {
    height: calc(100% - 16.7rem);
    padding: 2rem 1.2rem 0.8rem;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer {
    margin-top: 0;
    padding-top: 0;
    height: 100% !important;
    width: 100% !important;
    justify-content: center;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer h2 {
    font-family: "BarlowCondensed-Medium", sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2.2rem;
    width: fit-content;
    padding-top: 1.4rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer h2 {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer h3 {
    font-family: "NotoSerif-SemiBold", serif;
    color: #1f2124;
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 2.2rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer h3 {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer .excerpt {
    font-family: "NotoSerif-Medium", serif;
    color: #232326;
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: 0;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer .excerpt {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__imagecontainer {
    position: relative;
    height: 16.7rem;
    width: 100%;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__imagecontainer {
    height: 100%;
    width: unset;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__imagecontainer img {
    height: inherit;
    width: inherit;
    object-fit: cover;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__imagecontainer img {
    height: 100%;
    width: 14.3rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__imagecontainer .no-img {
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    content: "";
  }
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.02) 9.22%, rgba(0, 0, 0, 0.05) 18.76%, rgba(0, 0, 0, 0.12) 28.48%, rgba(0, 0, 0, 0.2) 38.19%, rgba(0, 0, 0, 0.29) 47.75%, rgba(0, 0, 0, 0.39) 56.99%, rgba(0, 0, 0, 0.5) 65.75%, rgba(0, 0, 0, 0.61) 73.87%, rgba(0, 0, 0, 0.71) 81.18%, rgba(0, 0, 0, 0.8) 87.52%, rgba(0, 0, 0, 0.88) 92.74%, rgba(0, 0, 0, 0.95) 96.66%, rgba(0, 0, 0, 0.98) 99.14%, #000 100%);
    opacity: 0.5;
  }
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__overlay.no-img {
    display: none;
  }
  .articlebox-category-repeater-container .article:nth-child(n+2):hover {
    transform: scale(1.017);
    box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
  }
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link {
    width: 34.5rem;
    border: none;
    height: 10rem;
  }
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer {
    width: 100%;
    padding: 1.4rem 1.5rem 1rem !important;
    gap: 0 !important;
    justify-content: space-between !important;
  }
  .articlebox-category-repeater-container .article:nth-child(n+2) .article-link__textcontainer h2 {
    display: block;
    padding-top: 1rem !important;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child {
    grid-column: span 2;
    grid-row: span 2;
    position: relative;
    height: auto;
    transition: all 0.5s ease;
    padding: 0 !important;
    border: none;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child {
    grid-row: unset;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link {
    height: 37.8rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    height: calc(100% - 35.1rem);
    z-index: 1;
    padding: 2.4rem 2.8rem 1.2rem;
    gap: 1.3rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer h3,
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer h2 {
    font-family: "BarlowCondensed-Medium", sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 2.2rem;
    width: fit-content;
    padding-top: 1.4rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer h2 {
    display: block;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer h3 {
    font-family: "NotoSerif-Medium", serif;
    font-size: 2.6rem;
    color: #1f2124;
    letter-spacing: 0;
    line-height: 3rem;
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 991.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer .excerpt {
    font-size: 1.6rem;
    font-family: "NotoSerif-Medium", serif;
    color: #232326;
    letter-spacing: 0;
    line-height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer {
    height: 19.8rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__imagecontainer {
    position: relative;
    height: 35.1rem;
    width: 100%;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__imagecontainer {
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__imagecontainer img {
    position: absolute;
    height: inherit;
    width: inherit;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__imagecontainer img {
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__imagecontainer span {
    display: inline-block;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 767.98px) {
  .articlebox-category-repeater-container .article:first-child .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child .article-link__imagecontainer {
    height: 18rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-repeater-container .article:first-child:hover {
    transform: scale(1.007);
    box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
  }
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer {
    justify-content: space-around !important;
  }
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer .excerpt {
    display: -webkit-box !important;
  }
  .articlebox-category-repeater-container .article:first-child .article-link__textcontainer h2 {
    padding-top: 1rem !important;
  }
}
.articlebox-category-repeater-container .article:nth-child(2) {
  grid-row: 2;
}
.articlebox-category-repeater-container .article:nth-child(3) {
  grid-row: 3;
}
.articlebox-category-repeater-container .article:nth-child(4) {
  grid-row: 4;
}
.articlebox-category-repeater-container .article:nth-child(4) .article-link__textcontainer {
  height: 94%;
}
.articlebox-category-repeater-container .article:nth-child(4) .article-link__textcontainer::after {
  border: none !important;
}
.articlebox-category-repeater-container .article:last-child .article-link__textcontainer {
  height: 94%;
}
.articlebox-category-repeater-container .article:last-child .article-link__textcontainer::after {
  border: none !important;
}
.articlebox-category-repeater-container .article-link__textcontainer {
  background-color: #f2f2f2;
  justify-content: space-around !important;
  border: none !important;
  padding: 0.4rem 1.4rem 0 !important;
  gap: 0 !important;
}
.articlebox-category-repeater-container .article-link__textcontainer::after {
  content: "";
  display: block;
  margin: 0 auto;
  border-bottom: 2px solid #e1e1e1 !important;
  width: 100%;
}
.articlebox-category-repeater-container .article-link__textcontainer .excerpt {
  display: none !important;
}
.articlebox-category-repeater-container .article-link__textcontainer h2 {
  padding-top: 0 !important;
}

.articlebox-category-theme-container,
.articlebox-category-select-container,
.articlebox-category-repeater-container {
  padding-bottom: 0 !important;
}
@media (max-width: 991.98px) {
  .articlebox-category-theme-container,
  .articlebox-category-select-container,
  .articlebox-category-repeater-container {
    display: block !important;
    padding: 0 !important;
  }
}
.articlebox-category-theme-container .article,
.articlebox-category-select-container .article,
.articlebox-category-repeater-container .article {
  margin-top: 0;
  min-height: auto;
  transition: all 0.5s ease;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article,
  .articlebox-category-select-container .article,
  .articlebox-category-repeater-container .article {
    height: auto !important;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #8f8e8e;
  }
}
.articlebox-category-theme-container .article .article-link,
.articlebox-category-select-container .article .article-link,
.articlebox-category-repeater-container .article .article-link {
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article .article-link,
  .articlebox-category-select-container .article .article-link,
  .articlebox-category-repeater-container .article .article-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 34.5rem;
    border-top: 1px solid #8f8e8e;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-category-theme-container .article .article-link,
  .articlebox-category-select-container .article .article-link,
  .articlebox-category-repeater-container .article .article-link {
    height: 8.9rem;
  }
}
.articlebox-category-theme-container .article .article-link__textcontainer,
.articlebox-category-select-container .article .article-link__textcontainer,
.articlebox-category-repeater-container .article .article-link__textcontainer {
  height: calc(100% - 16.7rem);
  padding: 2rem 1.2rem 0.8rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article .article-link__textcontainer,
  .articlebox-category-select-container .article .article-link__textcontainer,
  .articlebox-category-repeater-container .article .article-link__textcontainer {
    margin-top: 0;
    padding-top: 0;
    height: 100% !important;
    width: 100% !important;
    justify-content: center;
  }
}
.articlebox-category-theme-container .article .article-link__textcontainer h2,
.articlebox-category-select-container .article .article-link__textcontainer h2,
.articlebox-category-repeater-container .article .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article .article-link__textcontainer h2,
  .articlebox-category-select-container .article .article-link__textcontainer h2,
  .articlebox-category-repeater-container .article .article-link__textcontainer h2 {
    display: none;
  }
}
.articlebox-category-theme-container .article .article-link__textcontainer h3,
.articlebox-category-select-container .article .article-link__textcontainer h3,
.articlebox-category-repeater-container .article .article-link__textcontainer h3 {
  font-family: "NotoSerif-SemiBold", serif;
  color: #1f2124;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 2.2rem;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article .article-link__textcontainer h3,
  .articlebox-category-select-container .article .article-link__textcontainer h3,
  .articlebox-category-repeater-container .article .article-link__textcontainer h3 {
    font-family: "NotoSerif-Medium", serif;
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
.articlebox-category-theme-container .article .article-link__textcontainer .excerpt,
.articlebox-category-select-container .article .article-link__textcontainer .excerpt,
.articlebox-category-repeater-container .article .article-link__textcontainer .excerpt {
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article .article-link__textcontainer .excerpt,
  .articlebox-category-select-container .article .article-link__textcontainer .excerpt,
  .articlebox-category-repeater-container .article .article-link__textcontainer .excerpt {
    display: none;
  }
}
.articlebox-category-theme-container .article .article-link__imagecontainer,
.articlebox-category-select-container .article .article-link__imagecontainer,
.articlebox-category-repeater-container .article .article-link__imagecontainer {
  position: relative;
  height: 16.7rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article .article-link__imagecontainer,
  .articlebox-category-select-container .article .article-link__imagecontainer,
  .articlebox-category-repeater-container .article .article-link__imagecontainer {
    height: 100%;
    width: unset;
  }
}
.articlebox-category-theme-container .article .article-link__imagecontainer img,
.articlebox-category-select-container .article .article-link__imagecontainer img,
.articlebox-category-repeater-container .article .article-link__imagecontainer img {
  height: inherit;
  width: inherit;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .articlebox-category-theme-container .article .article-link__imagecontainer img,
  .articlebox-category-select-container .article .article-link__imagecontainer img,
  .articlebox-category-repeater-container .article .article-link__imagecontainer img {
    height: 100%;
    width: 14.3rem;
  }
}
.articlebox-category-theme-container .article .article-link__imagecontainer .no-img,
.articlebox-category-select-container .article .article-link__imagecontainer .no-img,
.articlebox-category-repeater-container .article .article-link__imagecontainer .no-img {
  display: block;
  z-index: 1;
  height: 100%;
  width: 100%;
  content: "";
}
.articlebox-category-theme-container .article .article-link__overlay,
.articlebox-category-select-container .article .article-link__overlay,
.articlebox-category-repeater-container .article .article-link__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.02) 9.22%, rgba(0, 0, 0, 0.05) 18.76%, rgba(0, 0, 0, 0.12) 28.48%, rgba(0, 0, 0, 0.2) 38.19%, rgba(0, 0, 0, 0.29) 47.75%, rgba(0, 0, 0, 0.39) 56.99%, rgba(0, 0, 0, 0.5) 65.75%, rgba(0, 0, 0, 0.61) 73.87%, rgba(0, 0, 0, 0.71) 81.18%, rgba(0, 0, 0, 0.8) 87.52%, rgba(0, 0, 0, 0.88) 92.74%, rgba(0, 0, 0, 0.95) 96.66%, rgba(0, 0, 0, 0.98) 99.14%, #000 100%);
  opacity: 0.5;
}
.articlebox-category-theme-container .article .article-link__overlay.no-img,
.articlebox-category-select-container .article .article-link__overlay.no-img,
.articlebox-category-repeater-container .article .article-link__overlay.no-img {
  display: none;
}
.articlebox-category-theme-container .article:hover,
.articlebox-category-select-container .article:hover,
.articlebox-category-repeater-container .article:hover {
  transform: scale(1.017);
  box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
}

.articlebox-size--4,
.articlebox-size--3,
.articlebox-size--3-reverse,
.articlebox-size--2,
.articlebox-size--1 {
  display: grid;
  max-width: fit-content;
  grid-template-columns: repeat(3, 28.5rem) 1fr;
  grid-template-rows: [article-group-1] 38rem 22rem [ad-break] 30rem [article-group-2] 38rem 22rem [welcome] 38rem 26.4rem [ad-break] 30rem [article-group-3] repeat(2, 38rem);
  gap: 2.8rem;
  margin: 2.4rem auto;
  margin: 0;
  grid-column: 1/5;
}
@media (max-width: 1199.98px) {
  .articlebox-size--4,
  .articlebox-size--3,
  .articlebox-size--3-reverse,
  .articlebox-size--2,
  .articlebox-size--1 {
    max-width: 96rem;
  }
}
@media (max-width: 991.98px) {
  .articlebox-size--4,
  .articlebox-size--3,
  .articlebox-size--3-reverse,
  .articlebox-size--2,
  .articlebox-size--1 {
    max-width: 72rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--4,
  .articlebox-size--3,
  .articlebox-size--3-reverse,
  .articlebox-size--2,
  .articlebox-size--1 {
    max-width: 54rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--4,
  .articlebox-size--3,
  .articlebox-size--3-reverse,
  .articlebox-size--2,
  .articlebox-size--1 {
    display: grid;
    max-width: 37.5rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0;
    grid-template-rows: [article-group-123] 38rem repeat(2, 9rem) [jobb-4] 51rem [article-group-567] 38rem repeat(2, 9rem) [ad-break-89] repeat(2, 30rem) [welcome-10] minmax(min-content, max-content) [popular-11] 35.5rem [ad-12] 30rem [article-group-13-18] repeat(6, 9rem);
    row-gap: 2rem;
    margin: 3rem auto 0;
    justify-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  .articlebox-size--4,
  .articlebox-size--3,
  .articlebox-size--3-reverse,
  .articlebox-size--2,
  .articlebox-size--1 {
    row-gap: 4rem;
    column-gap: 5rem;
    margin: 0 auto;
  }
}

.articlebox-size--4 .article-link__textcontainer,
.articlebox-size--3 .article-link__textcontainer,
.articlebox-size--3-reverse .article-link__textcontainer,
.articlebox-size--2 .article-link__textcontainer {
  background-color: #fff !important;
}

.articlebox-size--3 .article:first-child {
  grid-column: span 2;
  grid-row: span 2;
  position: relative;
  height: auto;
  transition: all 0.5s ease;
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--3 .article:first-child {
    grid-row: unset;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--3 .article:first-child .article-link {
    height: 37.8rem;
  }
}
.articlebox-size--3 .article:first-child .article-link__textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  height: calc(100% - 35.1rem);
  z-index: 1;
  padding: 2.4rem 2.8rem 1.2rem;
  gap: 1.3rem;
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link__textcontainer h3,
  .articlebox-size--3 .article:first-child .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
.articlebox-size--3 .article:first-child .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link__textcontainer h2 {
    display: block;
  }
}
.articlebox-size--3 .article:first-child .article-link__textcontainer h3 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 2.6rem;
  color: #1f2124;
  letter-spacing: 0;
  line-height: 3rem;
  padding-right: 4rem;
}
@media (max-width: 991.98px) {
  .articlebox-size--3 .article:first-child .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.articlebox-size--3 .article:first-child .article-link__textcontainer .excerpt {
  font-size: 1.6rem;
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  letter-spacing: 0;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--3 .article:first-child .article-link__textcontainer {
    height: 19.8rem;
  }
}
.articlebox-size--3 .article:first-child .article-link__imagecontainer {
  position: relative;
  height: 35.1rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link__imagecontainer {
    position: static;
  }
}
.articlebox-size--3 .article:first-child .article-link__imagecontainer img {
  position: absolute;
  height: inherit;
  width: inherit;
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link__imagecontainer img {
    position: static;
  }
}
.articlebox-size--3 .article:first-child .article-link__imagecontainer span {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .articlebox-size--3 .article:first-child .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--3 .article:first-child .article-link__imagecontainer {
    height: 18rem;
  }
}
.articlebox-size--3 .article:first-child:hover {
  transform: scale(1.007);
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
}

.articlebox-size--3-reverse .article:last-child {
  grid-column: span 2;
  grid-row: span 2;
  position: relative;
  height: auto;
  transition: all 0.5s ease;
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--3-reverse .article:last-child {
    grid-row: unset;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--3-reverse .article:last-child .article-link {
    height: 37.8rem;
  }
}
.articlebox-size--3-reverse .article:last-child .article-link__textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  height: calc(100% - 35.1rem);
  z-index: 1;
  padding: 2.4rem 2.8rem 1.2rem;
  gap: 1.3rem;
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__textcontainer h3,
  .articlebox-size--3-reverse .article:last-child .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
.articlebox-size--3-reverse .article:last-child .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__textcontainer h2 {
    display: block;
  }
}
.articlebox-size--3-reverse .article:last-child .article-link__textcontainer h3 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 2.6rem;
  color: #1f2124;
  letter-spacing: 0;
  line-height: 3rem;
  padding-right: 4rem;
}
@media (max-width: 991.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.articlebox-size--3-reverse .article:last-child .article-link__textcontainer .excerpt {
  font-size: 1.6rem;
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  letter-spacing: 0;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--3-reverse .article:last-child .article-link__textcontainer {
    height: 19.8rem;
  }
}
.articlebox-size--3-reverse .article:last-child .article-link__imagecontainer {
  position: relative;
  height: 35.1rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__imagecontainer {
    position: static;
  }
}
.articlebox-size--3-reverse .article:last-child .article-link__imagecontainer img {
  position: absolute;
  height: inherit;
  width: inherit;
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__imagecontainer img {
    position: static;
  }
}
.articlebox-size--3-reverse .article:last-child .article-link__imagecontainer span {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .articlebox-size--3-reverse .article:last-child .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--3-reverse .article:last-child .article-link__imagecontainer {
    height: 18rem;
  }
}
.articlebox-size--3-reverse .article:last-child:hover {
  transform: scale(1.007);
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
}

.articlebox-size--2 .article {
  grid-column: span 2;
  grid-row: span 2;
  position: relative;
  height: auto;
  transition: all 0.5s ease;
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article {
    grid-column: span 1;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--2 .article {
    grid-row: unset;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link {
    flex-direction: column;
    position: static;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--2 .article .article-link {
    height: 37.8rem;
  }
}
.articlebox-size--2 .article .article-link__textcontainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  height: calc(100% - 35.1rem);
  z-index: 1;
  padding: 2.4rem 2.8rem 1.2rem;
  gap: 1.3rem;
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link__textcontainer {
    position: static;
    bottom: 0;
    padding: 2.1rem 1.2rem 1.1rem;
    gap: 1rem;
    width: 100%;
    max-height: 19.9rem;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link__textcontainer h3,
  .articlebox-size--2 .article .article-link__textcontainer .excerpt {
    color: #000 !important;
  }
}
.articlebox-size--2 .article .article-link__textcontainer h2 {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.2rem;
  width: fit-content;
  padding-top: 1.4rem;
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link__textcontainer h2 {
    display: block;
  }
}
.articlebox-size--2 .article .article-link__textcontainer h3 {
  font-family: "NotoSerif-Medium", serif;
  font-size: 2.6rem;
  color: #1f2124;
  letter-spacing: 0;
  line-height: 3rem;
  padding-right: 4rem;
}
@media (max-width: 991.98px) {
  .articlebox-size--2 .article .article-link__textcontainer h3 {
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link__textcontainer h3 {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
.articlebox-size--2 .article .article-link__textcontainer .excerpt {
  font-size: 1.6rem;
  font-family: "NotoSerif-Medium", serif;
  color: #232326;
  letter-spacing: 0;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link__textcontainer .excerpt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--2 .article .article-link__textcontainer {
    height: 19.8rem;
  }
}
.articlebox-size--2 .article .article-link__imagecontainer {
  position: relative;
  height: 35.1rem;
  width: 100%;
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link__imagecontainer {
    position: static;
  }
}
.articlebox-size--2 .article .article-link__imagecontainer img {
  position: absolute;
  height: inherit;
  width: inherit;
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link__imagecontainer img {
    position: static;
  }
}
.articlebox-size--2 .article .article-link__imagecontainer span {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .articlebox-size--2 .article .article-link__imagecontainer span {
    display: none;
  }
}
@media only screen and (max-width: 41.4rem) {
  .articlebox-size--2 .article .article-link__imagecontainer {
    height: 18rem;
  }
}
.articlebox-size--2 .article:hover {
  transform: scale(1.007);
  box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.25);
}

.articlebox-size--1 .article:first-child {
  flex-direction: row-reverse;
  grid-column: span 4;
}
@media (max-width: 991.98px) {
  .articlebox-size--1 .article:first-child {
    grid-column: span 2;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--1 .article:first-child {
    grid-column: span 1;
  }
}
.articlebox-size--1 .article:first-child .article-link {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  height: 100%;
}
@media (max-width: 991.98px) {
  .articlebox-size--1 .article:first-child .article-link {
    position: relative;
    flex-direction: column;
  }
}
.articlebox-size--1 .article:first-child .article-link__textcontainer {
  width: calc(50% + 2rem);
  height: 100%;
  gap: 1rem;
  padding-left: 6.4rem;
  padding-bottom: 6.4rem;
  padding-right: 6.4rem;
  justify-content: flex-end;
}
@media (max-width: 991.98px) {
  .articlebox-size--1 .article:first-child .article-link__textcontainer {
    position: absolute;
    z-index: 1;
    background-color: transparent !important;
    padding-left: 3.4rem;
    padding-bottom: 3.4rem;
    padding-right: 3.4rem;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--1 .article:first-child .article-link__textcontainer {
    position: static;
    padding: 0;
    padding-top: 2.1rem;
    background-color: #ffffff !important;
  }
}
@media (max-width: 991.98px) {
  .articlebox-size--1 .article:first-child .article-link__textcontainer h2 {
    display: block;
  }
}
.articlebox-size--1 .article:first-child .article-link__textcontainer h3 {
  font-size: 3rem;
  letter-spacing: 0;
  line-height: 3.4rem;
  padding-right: 7rem;
}
@media (max-width: 991.98px) {
  .articlebox-size--1 .article:first-child .article-link__textcontainer h3 {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
.articlebox-size--1 .article:first-child .article-link__textcontainer .excerpt {
  font-size: 2.3rem;
  letter-spacing: 0;
  line-height: 2.9rem;
}
@media (max-width: 991.98px) {
  .articlebox-size--1 .article:first-child .article-link__textcontainer .excerpt {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.articlebox-size--1 .article:first-child .article-link__imagecontainer {
  width: calc(50% - 1.4rem);
  height: 100%;
}
@media (max-width: 991.98px) {
  .articlebox-size--1 .article:first-child .article-link__imagecontainer {
    width: 100%;
  }
}
.articlebox-size--1 .article:first-child .article-link__imagecontainer img {
  width: 100%;
  height: 100%;
}
.articlebox-size--1 .article:first-child .article-link__overlay {
  display: none;
}
@media (max-width: 991.98px) {
  .articlebox-size--1 .article:first-child .article-link__overlay {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .articlebox-size--1 .article:first-child .article-link__overlay {
    display: none;
  }
}

.buyandsell {
  display: grid;
  margin: 5rem auto;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 3rem;
  grid-template-rows: [header-text] 29rem [search-add] 18rem [results-count] 8rem [results] minmax(auto, 15.8rem);
  row-gap: 2.2rem;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell {
    grid-template-columns: repeat(8, 1fr);
    column-gap: 0;
    grid-template-rows: minmax(20rem, max-content) 27.5rem 8rem 6rem repeat(6, minmax(11rem, max-content));
    translate: 0 3%;
  }
  .buyandsell > div:nth-child(n) {
    grid-column: 1/-1;
  }
}
.buyandsell.create {
  grid-template-rows: [header-text] 37rem [form-section] 38rem 45rem 45rem 32rem auto;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell.create {
    max-width: 95vw;
    grid-template-rows: 45rem auto;
    margin-top: 31rem;
  }
}
.buyandsell__intro-container {
  grid-column: 1/span 8;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.buyandsell__intro-container.create {
  justify-content: center;
  grid-column: 1/span 7;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__intro-container.create {
    padding: 1rem;
  }
}
.buyandsell__intro-container--header {
  font-family: "NotoSerif-Medium", serif;
  font-size: 3.8rem;
  line-height: 4.8rem;
  color: #000000;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__intro-container--header {
    font-size: 3rem;
    line-height: 3.8rem;
  }
}
.buyandsell__intro-container--text {
  font-family: "Inter-Regular", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #000000;
  padding: 2.5rem 0;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__intro-container--text {
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 1.5rem 0.6rem 1rem 0;
  }
}
.buyandsell__intro-container--text ul {
  display: table;
  margin: 0 0 1.4rem 1.6rem;
}
.buyandsell__intro-container--text li {
  line-height: 3.2rem;
  color: #232326;
  display: table-row;
}
.buyandsell__intro-container--text li::before {
  content: "";
  height: 0.8rem;
  width: 0.8rem;
  display: table-cell;
  background: no-repeat url("/wp-content/themes/tdl-child/assets/img/hexagon.svg");
  background-size: contain;
  position: relative;
  top: 1.1rem;
  right: 1.6rem;
}
.buyandsell__intro-container--text a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.buyandsell__intro-container--text a:hover {
  color: #292929;
  font-family: "Inter-SemiBold", sans-serif;
}
.buyandsell__search-container {
  grid-column: 1/span 5;
  grid-row: 2;
  background-color: #ecf3f5;
}
.buyandsell__search-container .searchform {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 1.5rem 2rem 2.8rem 2.4rem;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__search-container .searchform {
    padding: 1.5rem 2.5rem;
    justify-content: space-evenly;
    gap: 1rem;
  }
  .buyandsell__search-container .searchform__inputs {
    flex-direction: column;
    gap: 1.2rem;
  }
  .buyandsell__search-container .searchform__dropdown {
    width: 100%;
  }
  .buyandsell__search-container .searchform__dropdown > select {
    width: 100% !important;
  }
  .buyandsell__search-container .searchform__text {
    width: 100% !important;
  }
  .buyandsell__search-container .searchform__label {
    font-size: 1.8rem !important;
  }
}
.buyandsell__search-container .searchform__inputs {
  display: flex;
  justify-content: space-between;
}
.buyandsell__search-container .searchform__group {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__search-container .searchform__group {
    width: 100% !important;
  }
}
.buyandsell__search-container .searchform__group:first-child {
  width: 55%;
}
@media only screen and (min-width: 1920px) {
  .buyandsell__search-container .searchform__group:first-child {
    width: 50%;
  }
}
.buyandsell__search-container .searchform__group:nth-child(2) {
  width: 35%;
}
.buyandsell__search-container .searchform__label {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.9rem;
  letter-spacing: 0.51px;
  line-height: 2.2rem;
  padding: 0 0 1.3rem 0.2rem;
}
.buyandsell__search-container .searchform__text {
  width: 23rem;
  height: 4rem;
  padding: 1rem;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.3rem;
  color: #242423;
  box-sizing: border-box;
  border: 1px solid #8f8e8e;
  border-radius: 4px;
  transition: all 0.3s ease;
  width: 100%;
}
.buyandsell__search-container .searchform__text:hover, .buyandsell__search-container .searchform__text:focus {
  transform: scale(1.03);
  color: #292929;
  background-color: rgba(143, 142, 142, 0.8);
  border-color: #575757 !important;
}
.buyandsell__search-container .searchform__text:focus {
  border-color: #242423;
}
.buyandsell__search-container .searchform__text:focus-visible {
  transform: scale(1.03);
  color: #292929;
  background-color: rgba(143, 142, 142, 0.8);
  border-color: #575757 !important;
}
.buyandsell__search-container .searchform__text::placeholder {
  color: #8f8e8e;
}
.buyandsell__search-container .searchform__dropdown {
  position: relative;
}
.buyandsell__search-container .searchform__dropdown::after {
  content: "▼";
  position: absolute;
  color: #8f8e8e;
  font-size: 0.9rem;
  top: 1.2rem;
  right: 1.4rem;
}
.buyandsell__search-container .searchform__dropdown > select {
  appearance: none;
  width: 100%;
  height: 4rem;
  box-sizing: border-box;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.3rem;
  color: #8f8e8e;
  box-sizing: border-box;
  border: 1px solid #3c7c86;
  border-radius: 4px;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.buyandsell__search-container .searchform__dropdown > select:hover, .buyandsell__search-container .searchform__dropdown > select:focus {
  transform: scale(1.03);
  background-color: #8f8e8e;
  color: #242423;
}
.buyandsell__search-container .searchform__submit {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #ffffff;
  background-color: #f34d0f;
  padding: 1rem 3rem;
  margin-top: 0.6rem;
  border-radius: 99px;
  width: 17.6rem;
  height: 4rem;
  transition: all 0.3s ease-in-out;
}
.buyandsell__search-container .searchform__submit:hover {
  background-color: #d5410b;
  filter: brightness(1.1);
  cursor: pointer;
}
.buyandsell__search-container.single {
  grid-row: 1;
  grid-column: 1/9;
}
.buyandsell__search-container.single .searchform {
  flex-direction: row;
  align-items: center;
  padding: 2rem 3rem 3.4rem;
}
@media (max-width: 767.98px) {
  .buyandsell__search-container.single .searchform {
    flex-direction: column;
    padding: 2rem 1rem;
    gap: 1.8rem;
  }
  .buyandsell__search-container.single .searchform__group:first-child {
    width: 100%;
  }
  .buyandsell__search-container.single .searchform__group:nth-child(2) {
    width: 100%;
  }
}
.buyandsell__search-container.single .searchform__inputs {
  width: 75%;
  justify-content: flex-start;
  gap: 2.4rem;
}
@media (max-width: 767.98px) {
  .buyandsell__search-container.single .searchform__inputs {
    width: 100%;
    gap: 2rem;
  }
}
.buyandsell__search-container.single .searchform__label {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #333333;
  padding: 5px 0;
}
.buyandsell__search-container.single .searchform__submit {
  margin-top: 3.5%;
}
.buyandsell__annons-container {
  grid-column: 6/span 3;
  grid-row: 2;
  background-color: #ecf3f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3.1rem;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__annons-container {
    grid-row: 3;
    padding: 0 2.8rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.buyandsell__annons-container > span {
  font-family: "NotoSerif-Bold", serif;
  font-size: 2.6rem;
  letter-spacing: -0.52px;
  line-height: 2rem;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__annons-container > span {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.3px;
  }
}
.buyandsell__annons-container > a {
  width: 4.6rem;
  height: 4.6rem;
  background-color: #f34d0f;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease;
}
.buyandsell__annons-container > a:hover {
  cursor: pointer;
  transform: scale(1.03);
  background-color: #d5410b;
}
.buyandsell__annons-container > a:hover::before {
  transform: rotate(-360deg);
}
.buyandsell__annons-container > a::before {
  content: "";
  display: inline;
  z-index: 10;
  float: center;
  position: absolute;
  background: url("/wp-content/themes/tdl-child/assets/img/plus-icon-white.svg");
  width: 2rem;
  height: 2rem;
  left: 28%;
  top: 28%;
  transition: all 0.4s ease;
}
.buyandsell__resultcount {
  grid-column: 3/span 3;
  grid-row: 3;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__resultcount {
    grid-row: 4;
  }
  .buyandsell__resultcount > p {
    padding-left: 0 !important;
  }
}
.buyandsell__resultcount > p {
  padding: 0 0 0.8rem 3.8rem;
  color: #575757;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0.36px;
  font-family: "BarlowCondensed-Medium", sans-serif;
}
.buyandsell__resultcount > p span {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  color: #292929;
  letter-spacing: 1.08px;
  font-size: 1.9rem;
  padding: 0 0.3rem 0 0.3rem;
}
.buyandsell__results {
  grid-column: 1/span 8;
  background-color: #ecf3f5;
  height: 14.2rem;
  max-height: 15.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding: 0 8rem 0 4rem;
  border: 0px solid #077d69;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__results {
    padding: 1.8rem;
    gap: 0.8rem;
  }
}
.buyandsell__results:first-child {
  grid-row: 4;
}
.buyandsell__results:nth-child(2) {
  grid-row: 5;
}
.buyandsell__results:nth-child(3) {
  grid-row: 6;
}
.buyandsell__results:nth-child(4) {
  grid-row: 7;
}
.buyandsell__results:hover {
  border-bottom: 2px solid #d0e0e2;
  background-color: #f2f2f2;
  transform: translate(0.4px, -0.4px);
  top: -0.4px;
  cursor: pointer;
}
.buyandsell__results:hover > h4 {
  text-decoration: underline;
}
.buyandsell__results--title {
  font-family: "Inter-SemiBold", sans-serif;
  color: #1f2124;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.buyandsell__results--desc {
  font-family: "Inter-Regular", sans-serif;
  color: #232326;
  font-size: 1.3rem;
  line-height: 2rem;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__results--desc {
    visibility: visible;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.buyandsell__results--details {
  display: flex;
  align-items: center;
  max-width: 50%;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__results--details {
    max-width: 110%;
  }
}
.buyandsell__results--details .status {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.3px;
  color: #077d69;
  padding-right: 2rem;
  border-right: 1px solid #c4c4c4;
}
.buyandsell__results--details .date,
.buyandsell__results--details .locale {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #8f8e8e;
  padding: 3px 2rem 2px;
}
.buyandsell__results--details .locale {
  position: relative;
  display: inline-block;
  border-right: 1px solid #c4c4c4;
  padding-left: 3rem;
}
.buyandsell__results--details .locale::before {
  content: "";
  position: absolute;
  background: url("/wp-content/themes/tdl-child/assets/img/map-marker-grey.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.2rem;
  left: 1.8rem;
  top: 0.5rem;
}
.buyandsell__create-form .gform_body {
  background-color: #ecf3f5;
  border: 1px solid rgba(175, 205, 213, 0.4);
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__create-form .gform_body {
    width: unset !important;
  }
}
.buyandsell__create-form_wrapper {
  grid-row: 2/-1;
  grid-column: 1/span 7;
  background-color: #ffffff;
}
.buyandsell__create-form_wrapper .gform_validation_errors {
  padding: 2% 6% !important;
}
.buyandsell__create-form_wrapper .gform_validation_errors .validation_error {
  width: 85%;
  margin: 0 auto;
  padding: 1rem;
  border-color: #747474;
  border-width: 1px;
}
.buyandsell__create-form_wrapper .gform_validation_errors .validation_error > p {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.6px;
}
.buyandsell__create-form_wrapper .gform_validation_errors .validation_error > p::before {
  content: "!";
  height: 2.8rem;
  width: 2.8rem;
  color: #fff9f9;
  background-color: #c02b0a;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  transform: translate(-1.5%, -1.5%);
  left: -5%;
  font-size: 2rem;
  font-family: "NotoSerif-Bold", serif;
  padding-bottom: 0.6rem;
}
.buyandsell__create-form_wrapper .gform_save_link.button {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.3rem;
  color: #e3f1ee !important;
  background-color: #077d69 !important;
  border-radius: 20px;
  margin-top: 0.7rem;
  padding: 0.7rem 1.6rem;
  backdrop-filter: brightness(0.5) blur(1rem);
  filter: brightness(1.35);
  max-height: 75%;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}
.buyandsell__create-form_wrapper .gform_save_link.button:hover {
  transform: scaleX(1.01) scaleY(1.005);
  background-color: #0f8571 !important;
  color: #c7e3de !important;
  filter: brightness(1.25);
}
.buyandsell__create-form_wrapper .gform_save_link.button svg {
  margin: 0.2rem 0.8rem 0 -0.4rem;
  transform: scale(0.875);
}
.buyandsell__create-form_wrapper .gform_save_link.button svg > path {
  fill: #c7e3de;
}
.buyandsell__create-form .gform_fields {
  background-color: #ecf3f5;
  padding: 1.8rem 7.5%;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__create-form .gform_fields {
    padding: 1.8rem 4.5%;
  }
}
.buyandsell__create-form .form-section-gap {
  height: 4.8rem;
  width: 127.5%;
  overflow-x: hidden;
  background: #ffffff;
  margin: 3rem 0 0 -12.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__create-form .form-section-gap {
    margin-left: -1.8rem;
    width: 110%;
  }
}
.buyandsell__create-form .gfield {
  padding-bottom: 0.7rem;
}
.buyandsell__create-form .gfield.gsection {
  border-color: #d0e0e2 !important;
  padding: 0.8rem 0 !important;
}
.buyandsell__create-form .gfield.gsection > h3 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2rem;
  line-height: 2.6rem;
}
.buyandsell__create-form .gfield.gsection > div {
  font-family: "BarlowCondensed-Medium", sans-serif;
  color: #8f8e8e;
  font-size: 1.4rem;
  line-height: 1.7rem;
  padding: 0 !important;
  margin: 0 !important;
}
.buyandsell__create-form .gfield_label {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.4rem !important;
  font-weight: unset !important;
  line-height: 1.7rem;
  color: #333333;
  width: 98.5%;
  margin: 0 2px 5px 3px !important;
}
.buyandsell__create-form .gfield_label.flex-label {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.buyandsell__create-form .gfield_label .gfield_required > span {
  color: #3c7c86;
  font-style: unset;
}
.buyandsell__create-form .gfield input,
.buyandsell__create-form .gfield textarea,
.buyandsell__create-form .gfield select {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.3rem !important;
  color: #8f8e8e;
  border-radius: 4px;
  border: 1px groove #8f8e8e;
  resize: none;
  background-color: #ffffff;
}
.buyandsell__create-form .gfield input:focus-within,
.buyandsell__create-form .gfield textarea:focus-within,
.buyandsell__create-form .gfield select:focus-within {
  color: #000000;
  background-color: #8f8e8e;
}
.buyandsell__create-form .gfield .ginput_counter {
  display: none;
}
.buyandsell__create-form .gfield_description {
  font-family: "BarlowCondensed-Medium", sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: unset !important;
  padding: 0 2px !important;
  color: #8f8e8e !important;
}
.buyandsell__create-form .gfield_description.validation_message {
  color: #575757 !important;
  font-family: "BarlowCondensed-SemiBold", sans-serif !important;
  letter-spacing: 0.2px;
  font-size: 1.4rem !important;
}
.buyandsell__create-form .gfield_radio {
  display: flex;
  gap: 10rem;
  align-items: center;
  padding: 2rem 0;
}
.buyandsell__create-form .gfield .gchoice {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.buyandsell__create-form .gfield .gchoice > label {
  font-family: "Inter-Regular", sans-serif;
  color: #232326;
  font-size: 1.6rem !important;
  display: flex !important;
  flex-direction: column;
  max-width: calc(100% - 2.4rem) !important;
}
.buyandsell__create-form .gfield .gchoice > label .choice-desc {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.4rem !important;
  color: #8f8e8e;
  margin-bottom: 2.2rem;
}
.buyandsell__create-form .gfield_checkbox {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
.buyandsell__create-form .gfield_checkbox .gchoice:nth-child(2) {
  padding-top: 1.8rem;
}
.buyandsell__create-form .gfield_checkbox .gchoice:nth-child(-n+2) {
  align-items: flex-start;
}
.buyandsell__create-form .gfield_checkbox .gchoice:nth-child(-n+2) > input {
  margin-top: 1rem !important;
}
.buyandsell__create-form .gfield_checkbox--subchoices {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-auto-rows: minmax(2rem, auto);
  grid-gap: 1.8rem;
}
.buyandsell__create-form .gfield_checkbox--subchoices .gchoice:nth-child(2) {
  padding: 0;
}
.buyandsell__create-form .gfield_checkbox--subchoices .gchoice:nth-child(-n+2) {
  align-items: center;
}
.buyandsell__create-form .gfield_checkbox--subchoices .gchoice:nth-child(-n+2) > input {
  margin-top: 3px !important;
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload {
  max-width: 31%;
  display: flex;
  flex-direction: column;
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload > span {
  display: none;
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload > input {
  opacity: 0;
  position: absolute;
  z-index: 10;
  margin: -5% -5% -5% -20%;
  padding: 5% 0 5% 25%;
  transform: translate(80%, 40%);
  max-width: 25%;
  cursor: pointer;
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload .upload-overlay {
  width: 16rem;
  background-color: #ffffff;
  color: #8f8e8e;
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-align: center;
  border: 2px solid #8f8e8e;
  border-radius: 6px;
  padding: 1.6rem;
  position: relative;
  transition: 0.2s ease;
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload .upload-overlay.hover {
  transform: scale(1.005);
  border: 3px solid #3c7c86;
  background-color: #8f8e8e;
  color: #747474;
  font-family: "Inter-SemiBold", sans-serif;
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload .upload-overlay.hover:before {
  filter: invert(39%) sepia(69%) saturate(298%) hue-rotate(140deg) brightness(95%) contrast(92%);
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload .upload-overlay:before {
  content: "";
  width: 4rem;
  height: 3.2rem;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-45%, -20%);
  background: url("/wp-content/themes/tdl-child/assets/img/camera-grey.svg") no-repeat;
  background-size: contain;
  transition: 0.2s ease;
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload .upload-overlay.file-selected {
  color: #077d69;
  font-family: "Inter-SemiBold", sans-serif;
  text-decoration: none;
  border-color: #077d69;
}
.buyandsell__create-form .gfield.image-upload .ginput_container_fileupload .upload-overlay.file-selected:before {
  background: url("/wp-content/themes/tdl-child/assets/img/checkmark-success.svg") no-repeat;
}
.buyandsell__create-form .gform_page_footer {
  width: 98%;
  margin: 1rem auto !important;
}
.buyandsell__create-form .gform_page_footer input {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #f34d0f;
  border-radius: 20px;
  border: none;
  padding: 1rem 3rem;
  margin-left: 5%;
  transition: all 0.3s ease-in-out;
}
.buyandsell__create-form .gform_page_footer input:hover {
  cursor: pointer;
  transform: scale(1.02);
  font-size: 1.7rem;
  background-color: #d5410b;
  filter: brightness(1.5);
}
.buyandsell__create-form .gform_page_footer button {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.3rem;
  color: #c7e3de !important;
  background-color: #077d69 !important;
  border-radius: 999px;
  margin: 0;
  padding: 0.7rem 2rem;
  backdrop-filter: brightness(0.5) blur(1rem);
  filter: brightness(1.3);
}
.buyandsell__create-form .gform_page_footer button svg > path {
  fill: #c7e3de;
}
.buyandsell .gform_wrapper {
  grid-row: 2/-1;
  grid-column: 1/span 7;
}
.buyandsell .gform_wrapper .form_saved_message {
  grid-row: 2;
  padding: 5% 4%;
  background-color: #ecf3f5;
  border: 1px solid rgba(175, 205, 213, 0.4);
  filter: drop-shadow(2px 3px 4px rgba(60, 124, 134, 0.2));
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell .gform_wrapper .form_saved_message {
    padding: 5% 7% 5% 4%;
  }
}
.buyandsell .gform_wrapper .form_saved_message > span {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.2rem;
}
.buyandsell .gform_wrapper .form_saved_message > span h2 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2.4rem;
  color: #292929;
  width: 95%;
  margin: 0 0 0.4rem 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #afcdd5;
}
.buyandsell .gform_wrapper .form_saved_message > span p {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.6rem;
  color: #333333;
  margin-left: 2.2rem;
  text-indent: -2rem;
  max-width: 93%;
}
.buyandsell .gform_wrapper .form_saved_message > span p:nth-child(-2n+4)::before {
  content: "➤";
  color: #3c7c86;
  font-size: 1.2rem;
  position: relative;
  margin-right: 0.8rem;
}
.buyandsell .gform_wrapper .form_saved_message > span p b {
  font-family: "Inter-SemiBold", sans-serif;
}
.buyandsell .gform_wrapper .form_saved_message > span a {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.4rem;
  color: #077d69;
  margin: 0.2rem 2rem;
  transition: all 0.4s ease;
  border-bottom: 2px solid transparent;
}
.buyandsell .gform_wrapper .form_saved_message > span a:hover {
  border-color: #0f8571;
  padding: 0.2rem;
  filter: brightness(1.05);
  color: #0f8571;
  transform: scale(1.15);
}
.buyandsell .gform_wrapper .form_saved_message > span .form_saved_message_emailform {
  padding: 1rem 0 0 2rem;
}
.buyandsell .gform_wrapper .form_saved_message > span .gform_resume_email_label {
  font-family: "BarlowCondensed-Medium", sans-serif;
  font-size: 1.4rem;
  color: #3c7c86;
  padding: 0 0.4rem 0.4rem 0.4rem;
}
.buyandsell .gform_wrapper .form_saved_message > span #gform_resume_email {
  width: 70%;
  padding: 0.5rem;
  font-family: "Inter-Regular", sans-serif;
  color: #575757;
  background-color: #f2f2f2;
  border-radius: 4px;
  border: 2px solid #3c7c86;
}
.buyandsell .gform_wrapper .form_saved_message > span #gform_resume_email:focus {
  background-color: #ffffff;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell .gform_wrapper .form_saved_message > span #gform_resume_email {
    width: 97.5%;
  }
}
.buyandsell .gform_wrapper .form_saved_message > span .gform_send_resume {
  margin: 3.2rem 0 0.8rem -0.4rem;
  border: none;
  width: 27.5%;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell .gform_wrapper .form_saved_message > span .gform_send_resume {
    width: 40%;
  }
}
.buyandsell .gform_wrapper .form_saved_message > span .gform_send_resume_button {
  height: 0.1px;
  width: 0.1px;
  padding: 0.8px;
  opacity: 0;
  border-radius: 100%;
}
.buyandsell .gform_wrapper .form_saved_message > span .gform_send_resume_text {
  font-family: "Inter-SemiBold", sans-serif;
  color: #ffffff;
  background-color: #f34d0f;
  font-size: 1.4rem;
  height: 100%;
  width: 100%;
  padding: 1rem 1.2rem 1rem 0.2rem;
  border-radius: 20px;
  border: none;
  transition: color 0.3s, transform 0.3s, transform 0.2s, brightness 0.2s;
  transition-timing-function: ease;
}
.buyandsell .gform_wrapper .form_saved_message > span .gform_send_resume_text:before {
  content: url("/wp-content/themes/tdl-child/assets/img/email.svg");
  display: inline-block;
  position: relative;
  left: 27.5%;
  transform: translate(50%, -95%) scaleX(1.2) scaleY(1.1);
  opacity: 0;
  transition: all 0.3s ease;
}
.buyandsell .gform_wrapper .form_saved_message > span .gform_send_resume_text:hover {
  transform: scale(1.01) translateY(25%);
  color: transparent;
  background-color: #d5410b;
  filter: brightness(1.1);
  cursor: pointer;
}
.buyandsell .gform_wrapper .form_saved_message > span .gform_send_resume_text:hover:before {
  transform: translate(50%, 12%) scaleX(1.5) scaleY(1.3);
  opacity: 1;
}
.buyandsell .page-2 .form-preview {
  background-color: #ffffff;
}
.buyandsell .page-2 .form-preview .preview-form {
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: repeat(8, 1fr);
  row-gap: 2.6rem;
  column-gap: 2rem;
  padding: 5%;
}
.buyandsell .page-2 .form-preview .preview-form__annonstext {
  font-family: "Inter-Regular", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #232326;
  grid-row: 3;
  grid-column: 1/-1;
  white-space: pre-wrap;
}
.buyandsell .page-2 .form-preview .preview-form__rubrik {
  font-family: "NotoSerif-Medium", serif;
  font-size: 4rem;
  color: #000000;
  grid-row: 1;
  grid-column: 1/-1;
}
.buyandsell .page-2 .form-preview .preview-form__details {
  grid-row: 2;
  grid-column: 1/7;
  display: flex;
}
.buyandsell .page-2 .form-preview .preview-form__kategori, .buyandsell .page-2 .form-preview .preview-form__ort, .buyandsell .page-2 .form-preview .preview-form__date {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.3px;
  vertical-align: middle;
}
.buyandsell .page-2 .form-preview .preview-form__kategori {
  color: #077d69;
  border-right: 1px solid #c4c4c4;
  padding-right: 6%;
}
.buyandsell .page-2 .form-preview .preview-form__ort {
  border-right: 1px solid #c4c4c4;
  color: #8f8e8e;
  display: flex;
  align-items: center;
  padding-right: 6%;
  padding-left: 6%;
}
.buyandsell .page-2 .form-preview .preview-form__ort:before {
  display: inline-flex;
  position: relative;
  left: -7%;
  top: 5%;
  content: "";
  height: 70%;
  width: 1rem;
  background: url("/wp-content/themes/tdl-child/assets/img/map-marker-grey.svg") no-repeat;
}
.buyandsell .page-2 .form-preview .preview-form__date {
  color: #8f8e8e;
  text-transform: uppercase;
  padding-left: 4%;
}
.buyandsell .page-2 .form-preview .preview-form__bild {
  grid-row: 4;
  grid-column: 1/-1;
  padding: 3% 0 3%;
}
.buyandsell .page-2 .form-preview .preview-form__bild > img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.1));
}
.buyandsell .page-2 .payment-details {
  padding-top: 5% !important;
}
.buyandsell .page-2 .gfield_total > label,
.buyandsell .page-2 .captcha > label {
  font-size: 1.6rem !important;
  letter-spacing: 0.2px;
}
.buyandsell .page-2 .ginput_container_total {
  width: 35%;
  background-color: #8f8e8e;
  border: 1px solid #0f8571;
  border-radius: 4px;
}
.buyandsell .page-2 .ginput_container_total:focus {
  background-color: #ffffff;
}
.buyandsell .page-2 .ginput_container_total .ginput_total {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 1.5rem !important;
  background-color: #8f8e8e;
  color: #0f8571;
  padding: 0.6rem 1rem;
  border: none;
}
.buyandsell .page-2 .ginput_container_total .ginput_total:focus-within {
  color: #0f8571;
  background-color: #8f8e8e;
}
.buyandsell .page-2 .button-wrapper {
  display: flex;
  width: 80%;
  justify-content: space-around;
  align-items: center;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell .page-2 .button-wrapper {
    flex-direction: column;
    gap: 3.4rem;
    margin: 0 auto !important;
    padding-top: 0 !important;
  }
}
.buyandsell .page-2 .button-wrapper .gform_previous_button.button {
  background-color: #3c7c86;
  color: #8f8e8e;
  transition: all 0.3s ease;
  border-radius: 999px;
}
.buyandsell .page-2 .button-wrapper .gform_previous_button.button:hover {
  animation: none;
  -webkit-animation: none;
  background-color: #285b63;
  transform: scale(1.01);
  filter: brightness(1.07);
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell .page-2 .button-wrapper .gform_previous_button.button {
    margin: 0;
  }
}
.buyandsell .page-2 .button-wrapper .gform_button.button {
  border-radius: 999px;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell .page-2 .button-wrapper .gform_button.button {
    margin: 0;
  }
}
.buyandsell .gform_confirmation_wrapper {
  grid-column: 1/span 8;
  grid-row: 2;
}
.buyandsell .gform_confirmation_message {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2rem;
  color: #3c7c86;
}
.buyandsell .gform_anchor {
  border: none;
}
.buyandsell .steps {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  color: #232326;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.24px;
  text-decoration: underline;
  text-underline-offset: 4px;
  grid-column: 1;
  margin-left: -9rem;
  max-width: 12ch;
}
.buyandsell .steps:nth-of-type(1) {
  grid-row: 2;
}
.buyandsell .steps:nth-of-type(2) {
  grid-row: 3;
}
.buyandsell .steps:nth-of-type(3) {
  grid-row: 5;
}
.buyandsell .steps:nth-of-type(4) {
  grid-row: 6;
}
.buyandsell .steps.hide {
  display: none;
}
.buyandsell .adbox-single-small--1, .buyandsell .adbox-single-small--2, .buyandsell .adbox-single-small--3, .buyandsell .adbox-single-small--4, .buyandsell .adbox-single-small--5 {
  grid-column: 10/13;
  margin: unset;
}
@media only screen and (min-width: 1920px) {
  .buyandsell .adbox-single-small--1, .buyandsell .adbox-single-small--2, .buyandsell .adbox-single-small--3, .buyandsell .adbox-single-small--4, .buyandsell .adbox-single-small--5 {
    margin-left: 2rem !important;
  }
}
.buyandsell .adbox-single-small--1 {
  grid-row: 1/span 3;
  margin: 2rem 0 0 2rem;
}
.buyandsell .adbox-single-small--2 {
  grid-row: 2/span 3;
  margin: 5rem 0 0 2rem;
}
.buyandsell .adbox-single-small--3 {
  grid-row: 4/span 3;
  margin: 10rem 0 0 2rem;
}
.buyandsell .adbox-single-small--4 {
  grid-row: 6/span 3;
  margin: 8rem 0 0 2rem;
}
.buyandsell .adbox-single-small--5 {
  display: none;
}
.buyandsell .adbox-single-small--5.form-section {
  display: flex;
}
.buyandsell .adbox-single-small--1.form-section {
  margin: -1rem 0 0 1rem !important;
  grid-row: 1;
}
@media only screen and (min-width: 1920px) {
  .buyandsell .adbox-single-small--1.form-section {
    margin-left: 10rem !important;
  }
}
.buyandsell .adbox-single-small--2.form-section {
  margin: -6rem 0 0 1rem !important;
  grid-row: 2;
}
@media only screen and (min-width: 1920px) {
  .buyandsell .adbox-single-small--2.form-section {
    margin-left: 10rem !important;
  }
}
.buyandsell .adbox-single-small--3.form-section {
  margin: -12rem 0 0 1rem !important;
  grid-row: 3;
}
@media only screen and (min-width: 1920px) {
  .buyandsell .adbox-single-small--3.form-section {
    margin-left: 10rem !important;
  }
}
.buyandsell .adbox-single-small--4.form-section {
  margin: -25rem 0 0 1rem !important;
  grid-row: 4;
}
@media only screen and (min-width: 1920px) {
  .buyandsell .adbox-single-small--4.form-section {
    margin-left: 10rem !important;
  }
}
.buyandsell .adbox-single-small--5.form-section {
  margin: -37rem 0 0 1rem !important;
  grid-row: 5;
}
@media only screen and (min-width: 1920px) {
  .buyandsell .adbox-single-small--5.form-section {
    margin-left: 10rem !important;
  }
}
.buyandsell__single {
  width: clamp(34.5rem, 85vw, 75%);
  margin: clamp(1rem, 5%, 8rem) auto clamp(2rem, 10%, 22rem);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: minmax(12rem, auto) minmax(min-content, 2.2rem) minmax(min-content, max-content) minmax(auto, 40rem);
  gap: 2rem;
}
@media (max-width: 767.98px) {
  .buyandsell__single {
    grid-template-columns: minmax(min-content, max-content);
  }
}
.buyandsell__single--container {
  grid-row: 3;
  grid-column: 1/9;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.buyandsell__single--title {
  font-family: "NotoSerif-Medium", serif;
  font-size: 4rem;
  line-height: 5rem;
  color: #000000;
  padding: 1.6rem 0;
}
.buyandsell__single--details {
  display: flex;
  max-height: 2.4rem;
  gap: 4rem;
}
.buyandsell__single--details > div {
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.3px;
}
.buyandsell__single--details > div:nth-child(-n+2) {
  height: 100%;
}
.buyandsell__single--details > div:nth-child(-n+2)::after {
  content: "";
  background-color: #c4c4c4;
  height: 2rem;
  width: 1px;
  position: absolute;
  margin: 0 2rem;
}
.buyandsell__single--category {
  color: #077d69;
}
.buyandsell__single--location {
  color: #8f8e8e;
}
.buyandsell__single--location::before {
  content: "";
  display: inline-block;
  background: url("/wp-content/themes/tdl-child/assets/img/map-marker-grey.svg");
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.2rem;
  margin-right: clamp(0.2rem, 6px, 1rem);
}
.buyandsell__single--date {
  color: #8f8e8e;
}
.buyandsell__single--content {
  font-family: "Inter-Regular", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  color: #232326;
  margin-bottom: 3.5%;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__single--content {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.buyandsell__single--image {
  object-fit: contain;
  max-width: 100%;
  margin: 0 auto;
}
.buyandsell__single--post-info {
  grid-row: 2;
  grid-column: 1/9;
  font-family: "BarlowCondensed-SemiBold", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #8f8e8e;
  letter-spacing: 0.3px;
}
.buyandsell__single--contact {
  grid-row: 4;
  grid-column: 1/9;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  background-color: #ecf3f5;
  padding: 4rem;
}
@media only screen and (max-width: 41.4rem) {
  .buyandsell__single--contact {
    padding: 2rem 1rem;
  }
}
.buyandsell__single--contact > h4 {
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 2rem;
  line-height: 2.6rem;
  color: #232326;
}
.buyandsell__single--contact > form {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  max-width: clamp(34.5rem, 75%, 80rem);
  height: 100%;
}
.buyandsell__single--contact > form .user-email,
.buyandsell__single--contact > form .user-message {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #1f2124;
  border: 1px solid #8f8e8e;
  border-radius: 4px;
  padding: 1rem 1.8rem;
  width: 100%;
}
.buyandsell__single--contact > form .user-email::placeholder,
.buyandsell__single--contact > form .user-message::placeholder {
  font-family: "Inter-Regular", sans-serif;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #8f8e8e;
}
.buyandsell__single--contact > form .user-message {
  height: clamp(10rem, 65%, 24rem);
}
.buyandsell__single--contact > form .user-message::placeholder {
  position: absolute;
  height: 2rem;
  translate: -2% 5%;
}
.buyandsell__single--contact > form .contact-submit {
  font-family: "Inter-Bold", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  color: #ffffff;
  background-color: #f34d0f;
  margin-top: 0.6rem;
  border: none;
  border-radius: 99px;
  width: 17.6rem;
  height: 4rem;
  transition: all 0.3s ease-in-out;
  padding: 1rem 0;
}
.buyandsell__single--contact > form .contact-submit:hover {
  transform: scale(1.03);
  background-color: #d5410b;
  font-size: 1.5rem;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .buyandsell__single--contact > form .contact-submit:hover {
    transform: none;
    font-size: 1.4rem;
  }
}
.buyandsell__single--contact .hide-form {
  display: none;
}
.buyandsell__single--contact .form-confirmation {
  display: none;
  width: fit-content;
  align-self: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 2.2rem;
}
.buyandsell__single--contact .form-confirmation.show-message {
  display: block;
}
.buyandsell__single .adbox-small-container {
  grid-column: 10/13;
  grid-row: 1/-1;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 991.98px) {
  .buyandsell__single .adbox-small-container {
    display: none;
  }
}
.buyandsell__single .adbox-small-container .adbox-single-small--1, .buyandsell__single .adbox-small-container .adbox-single-small--2, .buyandsell__single .adbox-small-container .adbox-single-small--3, .buyandsell__single .adbox-small-container .adbox-single-small--4, .buyandsell__single .adbox-small-container .adbox-single-small--5 {
  grid-row: unset;
  grid-column: unset;
  margin: unset;
}

/*# sourceMappingURL=theme.css.map */