.main-container.main-no-overlap {
  padding-top: 14.8rem; }

.blog-list nav {
  display: flex;
  justify-content: center;
  margin-top: 64px;
  margin-bottom: 64px; }

.blog-filters {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 0 1 80%;
  display: flex;
  justify-content: space-around;
  min-height: 74px;
  background-color: #1D1D1B; }
  .blog-filters li {
    flex: 1 1 auto;
    display: flex;
    justify-content: center; }
  .blog-filters button {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 800;
    font-size: 1.8rem;
    color: white;
    opacity: .5;
    background: none;
    position: relative;
    border: none;
    text-transform: uppercase; }
    .blog-filters button:after {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      top: auto;
      height: 15px;
      background-color: #D70929; }
    .blog-filters button.active-filter:after {
      content: ""; }
    .blog-filters button:hover, .blog-filters button:active, .blog-filters button.active-filter {
      opacity: 1; }

.blog-results-list {
  /*display: grid;
  grid-template-columns: 33.3333% 33.3333% 33.3333%;*/
  /*grid-template-columns: repeat(3, minmax(0, 1fr));*/
  /*    grid-template-rows: auto;
      grid-template-areas: 
          "el1 el1 el2"
          "el3 el3 el2"
          "el4 el5 el5"
          "el4 el6 el6";
      gap: 24px;*/
  padding: 0;
  margin: 0;
  /* grid-auto-flow:dense;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 150px; /* height of one row */ }

.blog-list-elements-block {
  display: grid;
  grid-template-rows: auto;
  grid-auto-flow: dense;
  grid-template-columns: repeat(3, 1fr);
  /*gap: 24px; */
  gap: 0;
  margin-bottom: 34px; }

.blog-list-element {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  aspect-ratio: 2 / 1;
  padding: 0 24px 24px 0;
  /* &:nth-child(6n+2), &:nth-child(6n+5) { grid-area: span 2/span 3; }*/
  /*  &:nth-child(1) { grid-area: el1; }
      &:nth-child(2) { grid-area: el2; }
      &:nth-child(3) { grid-area: el3; }
      &:nth-child(4) { grid-area: el4; }
      &:nth-child(5) { grid-area: el5; }
      &:nth-child(6) { grid-area: el6; }*/ }
  .blog-list-element div {
    flex: 1 1 50%; }
  .blog-list-element .blog-list-element-wrapper {
    overflow: hidden;
    border: 1px solid #808080;
    display: flex;
    flex-flow: row nowrap; }
  .blog-list-element .blog-list-img-container {
    overflow: hidden; }
  .blog-list-element .blog-list-img-container img {
    width: 100%; }
  .blog-list-element .blog-tag {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    margin-left: -86px;
    width: 172px;
    height: 172px; }
  .blog-list-element.pos-1 {
    grid-column: 1/span 2;
    aspect-ratio: 2/1;
    /*background-color: green;*/ }
  .blog-list-element.pos-2 {
    grid-row-end: span 2;
    grid-column-end: 3;
    grid-column-start: 3;
    grid-row-start: 1;
    aspect-ratio: 1/2;
    /*background-color: red;*/ }
  .blog-list-element.pos-3 {
    grid-column: 1/span 2;
    grid-column-start: 1;
    grid-row-start: 2;
    aspect-ratio: 2/1;
    /*background-color: teal;*/ }
  .blog-list-element.pos-4 {
    grid-row-end: span 2;
    grid-column-end: 1;
    grid-column-start: 1;
    grid-row-start: 3;
    aspect-ratio: 1/2;
    /*background-color: orange;*/ }
  .blog-list-element.pos-5 {
    grid-column: 2/span 2;
    aspect-ratio: 2/1;
    padding: 0 0 24px 24px;
    /*background-color: brown;*/ }
  .blog-list-element.pos-6 {
    grid-column: 2/span 2;
    aspect-ratio: 2/1;
    padding: 0 0 24px 24px;
    /*background-color: blueviolet;*/ }
  .blog-list-element.pos-2, .blog-list-element.pos-4 {
    padding: 0 0 24px 0; }
    .blog-list-element.pos-2 .blog-list-element-wrapper, .blog-list-element.pos-4 .blog-list-element-wrapper {
      flex-flow: column nowrap; }
    .blog-list-element.pos-2 .blog-tag, .blog-list-element.pos-4 .blog-tag {
      top: 50%;
      margin-top: -86px; }
    .blog-list-element.pos-2 .blog-list-text, .blog-list-element.pos-4 .blog-list-text {
      padding-top: 124px; }
  .blog-list-element.pos-3 .blog-list-element-wrapper, .blog-list-element.pos-6 .blog-list-element-wrapper {
    flex-flow: row-reverse nowrap; }

/*.blog-list-element {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    border: 1px solid #808080;
    div { flex: 1 1 50% }
    .blog-list-img-container {overflow: hidden;}
    .blog-list-img-container img { width: 100%; }
    .blog-tag { 
        position: absolute; 
        z-index: 1;
        top: 0;
        left: 50%;
        margin-left: -86px;
        width: 172px;
        height: 172px;
    }
    &:nth-child(1) { grid-area: el1; }
    &:nth-child(2) { grid-area: el2; }
    &:nth-child(3) { grid-area: el3; }
    &:nth-child(4) { grid-area: el4; }
    &:nth-child(5) { grid-area: el5; }
    &:nth-child(6) { grid-area: el6; }
    &:nth-child(2), &:nth-child(4) {
        aspect-ratio: auto;
        flex-flow: column nowrap;
        .blog-tag { top: 50%; margin-top: -86px; }
        .blog-list-text { padding-top: 124px; }
    }
    &:nth-child(3), &:nth-child(6) {
        flex-flow: row-reverse nowrap;
    }
}*/
.blog-list-text {
  padding: 230px 25px 65px 25px;
  position: relative; }

.blog-list-text .arrow-link-up-dx {
  position: absolute;
  bottom: 25px; }

.blog-list-data {
  font-weight: 400;
  font-size: 2rem; }

.blog-list-text h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 3.4rem;
  line-height: 3.7rem; }

.blog-load-more {
  display: flex;
  justify-content: center;
  padding-top: 60px;
  padding-bottom: 60px; }

.blog-load-more button {
  background: none;
  border: none;
  color: #D70929;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 28px; }
  .blog-load-more button:hover, .blog-load-more button:active {
    color: #ed1625; }

.blog-evidenza {
  margin-top: 4rem;
  /* height: 624px; */
  overflow: hidden;
  position: relative;
  aspect-ratio: 2/1;
  border: 1px solid #808080; }

.blog-evidenza-img {
  width: 50%; }

.blog-evidenza-text-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  padding: 4rem 4rem 4rem 10rem; }

.blog-evidenza-text {
  background-color: white;
  height: 100%;
  padding: 22.5rem 2.4rem 2.4rem 2.4rem;
  position: relative; }

.blog-tag {
  background-color: #D70929;
  color: white;
  display: flex;
  flex-flow: column wrap;
  font-family: 'Fira Sans';
  font-weight: 800;
  justify-content: center;
  align-content: center;
  text-transform: uppercase; }
  .blog-tag img {
    margin-bottom: 4px; }

.blog-evidenza .blog-tag {
  position: absolute;
  top: 0rem;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  z-index: 2; }

.blog-evidenza-data {
  font-weight: 400;
  font-size: 2rem; }

.blog-evidenza-text h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 4.6rem; }

.blog-evidenza-text .arrow-link-up-dx {
  position: absolute;
  bottom: 2.4rem; }

/* MEDIA QUERY */
@media screen and (max-width: 1393px) {
  .blog-list-element .blog-tag {
    width: 150px;
    height: 150px;
    margin-left: -75px; }

  .blog-list-text {
    padding: 150px 25px 65px 25px; } }
@media screen and (max-width: 1199px) {
  .blog-list-element .blog-tag {
    width: 120px;
    height: 120px;
    margin-left: -60px; }

  .blog-list-text {
    padding: 120px 25px 65px 25px; }

  .blog-list-text h2 {
    line-height: 3rem;
    font-size: 3rem; }

  .blog-evidenza-text .arrow-link-up-dx {
    bottom: 0rem; }

  .blog-evidenza .blog-tag {
    width: 150px;
    height: 150px;
    margin-left: -75px; }

  .blog-evidenza-text {
    padding: 12.5rem 2.4rem 2.4rem 2.4rem; } }
@media screen and (max-width: 991px) {
  .blog-list-elements-block {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    gap: 24px; }
    .blog-list-elements-block .blog-list-element {
      aspect-ratio: 2/1;
      padding: 0;
      width: 100%; }
    .blog-list-elements-block .blog-list-element .blog-tag {
      top: 0;
      margin-top: 0; }
    .blog-list-elements-block .blog-list-element .blog-list-element-wrapper {
      flex-flow: row nowrap; }
    .blog-list-elements-block .blog-list-element .blog-list-text {
      padding: 140px 25px 65px 25px; }

  .blog-evidenza-text {
    padding: 4rem 2.4rem 2.4rem 2.4rem; }

  .blog-evidenza-text h2 {
    font-size: 3.4rem;
    line-height: 3.4rem; }

  .blog-filters {
    flex: 0 1 100%; } }
@media screen and (max-width: 767px) {
  .blog-list-text .arrow-link-up-dx, .blog-evidenza-text .arrow-link-up-dx {
    inset: 2rem 2rem auto auto; }

  .blog-evidenza .blog-tag {
    width: 120px;
    height: 120px;
    margin-left: -60px; }

  .blog-evidenza .blog-evidenza-text {
    padding: 140px 25px 65px 25px; }

  .blog-evidenza-text h2 {
    line-height: 3rem;
    font-size: 3rem; }

  .blog-evidenza-text-wrapper {
    padding: 0; } }
@media screen and (max-width: 576px) {
  .blog-list-elements-block .blog-list-element {
    aspect-ratio: 1/2;
    padding: 0;
    width: 100%; }
  .blog-list-elements-block .blog-list-element .blog-tag {
    top: 50%;
    margin-top: -60px; }
  .blog-list-elements-block .blog-list-element .blog-list-element-wrapper {
    flex-flow: column nowrap; }
  .blog-list-elements-block .blog-list-element .blog-list-text {
    padding: 140px 25px 65px 25px; }

  .blog-list-text .arrow-link-up-dx, .blog-evidenza-text .arrow-link-up-dx {
    inset: auto 1.5rem 1.5rem  auto; }

  .blog-evidenza {
    display: flex;
    flex-flow: column nowrap;
    aspect-ratio: 1/2;
    overflow: unset; }

  .blog-evidenza-img-container {
    flex: 1 1 50%;
    width: 100%;
    overflow: hidden; }

  .blog-evidenza-img {
    width: 100%; }

  .blog-evidenza-text-wrapper {
    position: static; }

  .blog-evidenza .blog-tag {
    top: 50%;
    margin-top: -60px; }

  .blog-filters {
    flex-flow: column nowrap; }

  .blog-filters li {
    border-bottom: 1px solid white; }

  .blog-filters button.active-filter::after {
    content: none; }

  .header-blog h1 {
    font-size: 9.4rem; } }

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