/* from -md- brakpoint */
@media screen and (min-width: 560px) {
  .node .field--type-image {
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .splide__arrow {
    position: absolute;
    top: 3rem;
    left: auto;
  }

  .splide__arrow.splide__arrow--prev {
    left: auto;
    right: 5.5rem;
  }

  .splide__arrow.splide__arrow--next {
    left: auto;
    right: 2.5rem;
  }

  .newsletter_form_wrapper {
    flex-direction: row;
    padding-right: 0;
  }

  .node--type-progetto.node--view-mode-teaser .teaser_content,
  .node--type-bando.node--view-mode-teaser .teaser_content,
  .node--type-article.node--view-mode-teaser .teaser_content {
    padding: 1rem;
  }

  .section_item {
    padding: 2rem;
  }
}

@media screen and (min-width: 851px) {
  .site-footer__top .region:last-child {
    width: 100%;
    padding: 0;
  }
}

/* from -lg- brakpoint */
@media screen and (min-width: 992px) {
  .paragraph--type--slide .slide_wrapper .slide_text h2 {
    margin-bottom: 1.5rem;
  }

  .slide_wrapper .row .text_wrapper .slide_text p {
    max-width: 80%;
  }

  .section_item .section_title {
    position: sticky;
    top: 200px;
  }

  .paragraph--type--text-and-image .paragraph_tai.img50-txt50 .col-tai-img {
    padding-right: 0.75rem;
  }
}

/* from -iPadPro- brakpoint */
@media screen and (min-width: 1024px) {}

/* from -xl- brakpoint */
@media screen and (min-width: 1200px) {
  .navbar-expand-xl .offcanvas .offcanvas-body {
    justify-content: flex-end;
  }

  #header .block-menu.menu--main li.nav-item {
    margin-bottom: 0;
  }

  #header li.nav-item a.nav-link {
    padding: 0 1rem;
  }

  #header li.nav-item a.btn-sostieni {
    margin-left: 1rem;
  }

  #block-fcc-main-menu ul.nav {
    align-items: center;
  }

  .item_persona{
    width: 48%;
    float: left;
    margin-right: 1rem;
  }
}

/* from -xxl- brakpoint */
@media screen and (min-width: 1400px) {
  #header {
    max-width: none;
    padding-left: var(--positiveMarginX);
    padding-right: var(--positiveMarginX);
  }

  body,
  .node__content {
    font-size: 1.25rem;
  }

  .paragraph--type--slide .slide_wrapper .slide_text h2 {
    font-size: 3rem;
  }

  .paragraph--type--slide .slide_wrapper .slide_text.with_svg {
    max-width: 100%;
  }

  .paragraph--type--banner .field_text {
    max-width: 50%;
    margin: auto;
  }

  .paragraph--type--slide .slide_wrapper .slide_field_image {
    min-height: 33vh;
  }

  .card_person .card-body .card-text {
    font-size: 85%;
  }

  .item_persona{
    width: 30%;
    float: left;
    margin-right: 1rem;
  }
}
