/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: "Raleway-fallback";
  size-adjust: 104.10000000000005%;
  ascent-override: 82%;
  src: local("Arial"); }

.section-latest-first-row .container .grid, .section-latest-second-row .container .grid {
  margin: -1em 0; }
  @media (min-width: 768px) {
    .section-latest-first-row .container .grid, .section-latest-second-row .container .grid {
      display: flex;
      flex-wrap: wrap;
      gap: .5em; }
      .section-latest-first-row .container .grid article, .section-latest-second-row .container .grid article {
        flex-basis: calc(50% - .25em); } }
  .section-latest-first-row .container .grid .image-wrapper.image-1, .section-latest-second-row .container .grid .image-wrapper.image-1 {
    grid-row-start: row1-end; }
  .section-latest-first-row .container .grid .image-wrapper.image-2, .section-latest-second-row .container .grid .image-wrapper.image-2 {
    grid-row-start: fourth-line; }
  .section-latest-first-row .container .grid .image-wrapper.image-3, .section-latest-second-row .container .grid .image-wrapper.image-3 {
    grid-row-start: sixth-line; }
  .section-latest-first-row .container .grid .image-wrapper.image-4, .section-latest-second-row .container .grid .image-wrapper.image-4 {
    grid-row-start: eighth-line; }
  .section-latest-first-row .container .grid .image-wrapper.image-5, .section-latest-second-row .container .grid .image-wrapper.image-5 {
    grid-row-start: tenth-line; }
  .section-latest-first-row .container .grid > .image-wrapper, .section-latest-second-row .container .grid > .image-wrapper {
    grid-column-start: first;
    grid-column-end: end; }
    .section-latest-first-row .container .grid > .image-wrapper img, .section-latest-second-row .container .grid > .image-wrapper img {
      max-height: 300px;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%; }
  @media (min-width: 981px) {
    .section-latest-first-row .container .grid, .section-latest-second-row .container .grid {
      display: grid;
      gap: 0 2em;
      margin-right: -2em;
      grid-template-rows: [row1-start] auto [row1-end] auto [third-line] auto [fourth-line] auto [fifth-line] auto [sixth-line] auto [seventh-line] auto [eighth-line] auto [ninth-line] auto [tenth-line] auto [last-line];
      grid-template-columns: [first] calc(100% / 3 - 2em) [line2] calc(100% / 3 - 2em) [line3] calc(100% / 3 - 2em) [end]; } }
  .section-latest-first-row .container .grid article, .section-latest-second-row .container .grid article {
    padding: 1em 0; }
    @media (max-width: 980px) {
      .section-latest-first-row .container .grid article, .section-latest-second-row .container .grid article {
        padding-bottom: 0;
        padding-top: .5em;
        margin-bottom: 1.5em; } }
    .section-latest-first-row .container .grid article .image-wrapper, .section-latest-second-row .container .grid article .image-wrapper {
      padding-top: 40%; }
    @media (min-width: 981px) {
      .section-latest-first-row .container .grid article .image-wrapper, .section-latest-second-row .container .grid article .image-wrapper {
        padding-top: 125%; } }
    .section-latest-first-row .container .grid article .content h3, .section-latest-second-row .container .grid article .content h3 {
      padding-top: 0; }
    .section-latest-first-row .container .grid article .content h3 a, .section-latest-first-row .container .grid article .content h2 a, .section-latest-second-row .container .grid article .content h3 a, .section-latest-second-row .container .grid article .content h2 a {
      padding-bottom: 0 !important;
      text-transform: uppercase;
      line-height: 1.4; }
      @media (min-width: 981px) {
        .section-latest-first-row .container .grid article .content h3 a, .section-latest-first-row .container .grid article .content h2 a, .section-latest-second-row .container .grid article .content h3 a, .section-latest-second-row .container .grid article .content h2 a {
          padding-top: 0.5em !important; } }
      .section-latest-first-row .container .grid article .content h3 a:hover, .section-latest-first-row .container .grid article .content h2 a:hover, .section-latest-second-row .container .grid article .content h3 a:hover, .section-latest-second-row .container .grid article .content h2 a:hover {
        text-decoration: none; }
    .section-latest-first-row .container .grid article .content > span, .section-latest-second-row .container .grid article .content > span {
      font-size: 17px !important;
      padding-top: 0;
      color: rgba(57, 61, 64, 0.8);
      display: block; }
      @media (min-width: 981px) {
        .section-latest-first-row .container .grid article .content > span, .section-latest-second-row .container .grid article .content > span {
          padding: .5em;
          padding-top: 0; } }

/*# sourceMappingURL=latest-first-row.css.map */