@media screen {                                                       
  .sticky {
    display: block;
  }

  .post,
  .page {
    margin: 0 0 1.5em;
  }

  .updated:not(.published) {
    display: none;
  }

  .page-content,
  .entry-content,
  .entry-summary {
    margin: 1.5em 0 0;
  }

  .page-links {
    clear: both;
    margin: 0 0 1.5em;
  }

  /* used in 
   * ./template-parts/section-eachpost.php 
   * */
  .ofisuport-card-each {
    .entry-title,h6 {
      border-bottom: 1px solid $color__black;
      margin: 0;
      padding: 0.5rem 0;
    }
    p {
      padding: 0.5rem 0;
      margin:0;
    }
  } 
  /* used in 
   * ./template-parts/content-ofisuport-ajut.php 
   * ./template-parts/section-eachpost.php 
   * */
  .ofisuport-fund-info-fields, 
  .ofisuport-fund-info-contact-fields {
    display: grid;
    .ofisuport-fund-info-field {
      padding-bottom: 1rem;
      border-bottom: 1px solid $color__black;
    }
    h6 {
      font-size: 2.4rem;
      font-variant: all-petite-caps;
    }
    p {
      margin: 0.5rem 0 0 0;
    }
    li {
      font-size: 1.3rem;
    }
  }
  .ofisuport-fund-info-contact-fields {
    .ofisuport-fund-info-field {
      margin: 0;
    }
  }
  .ofisuport-fund-info-fields {
    .ofisuport-fund-info-field {
      margin: 1rem 0 0.5rem 0;
    }
  }
  .ofisuport-funder-name,
  .ofisuport-fund-contact-name,
  .ofisuport-fund-web {
    display: flex;
    margin:0;
    padding: 0;
    font-variant: all-petite-caps;
    font-size: 1.1rem;
    line-height: 0.9;
    align-items: center;
    a {
      text-decoration: none;
      font-size: 0.8rem;
    }
  }
  /* filters form custom fields
   */
  .ofisuport-filtered-funds {
    display:grid;
    grid: 1fr;
  }
  .ofisuport-fund-filter {
    display: grid;
    grid-template-columns: repeat(1 , 1fr);
    gap: $grid__gap;
  }
  .archive-posts {
    grid-template-columns: repeat(1 , 1fr);
  }

  .oficinasuport-titol-opcions {
    /* applied in forms and contactforms */
    display: inline-block;
    width: 100%;
    margin-bottom: 1rem;
    padding: 0.6em 1em 0.4em;
    clear: both;
    font-family: $font__black;
    font-size: $font__size-body*0.9;
    border: 1px solid $color__border-button;
    text-transform: uppercase;
  }
  /* contact forms styles used in wp backend with CF7
   *  add class constactform-WHATEVER to apply
   */
  //.contactform {
  //  margin-bottom: 1rem;
  //  br {
  //    display: none;
  //  }
  //  p {
  //    display: block;
  //    break-inside: avoid-column;
  //    margin-top: 0;
  //  }
  //  .break-after-column, .saltar-columna{
  //    break-after:column;
  //  }
  //}
  //.contactform-consultoria {
  //  .contactform-name, .contactform-email {
  //    max-width: 40%;
  //    display: inline-block;
  //  }
  //  .contactform-name {
  //    float: left;
  //  }
  //  .contactform-email {
  //    float:right;
  //    margin-bottom: 1rem;
  //  }
  //  .contactform-message {
  //  }
  //}
  //.contactform-acceptance {
  //  display: flex;
  //  align-items: center;
  //  justify-content: end;
  //}
  //.contactform-fund-info {
  //  display: inline-block;
  //  column-count: 2;
  //  .contactform-descripcio textarea {
  //    display: inline-block;
  //    min-height: 19rem;
  //  }
  //}
  //.contactform-fund-options {
  //  column-count: 4;
  //  p{
  //    display: inline-block;
  //  }
  //  .wpcf7-list-item {
  //    display:block;
  //    label {
  //      display: flex;
  //      flex-direction: row-reverse;
  //      justify-content: left;
  //    }
  //  }
  //}
}

@media screen and (max-width: 48em) {
  //only smaller than 48em

  .ofisuport-filters {
    section {
      display: inline-block;
      margin: 0.5em 0;
      h5 {
        display: inline-block;
        width: 100%;
      }
      .filter {
        display: inline-block;
        width: 45%;
        margin-right: 0.3em;
        float: left;
      }
    }
  }
}
@media screen and (min-width: 48em) {
  //only bigger than 48em
  //.page-template-funds-search {
    .ofisuport-filtered-funds {
      grid-template-columns: 1fr 2fr;
    }
    .ofisuport-fund-filter {
    }
    .archive-posts {
      grid-template-columns: repeat(2 , 1fr);
    }                                                                                                  
  //} 
}
@media screen and (min-width: 80em) {
  //only bigger than 80rem
  //.page-template-funds-search {
    .ofisuport-filtered-funds {
      grid-template-columns: 1fr 3fr;
    }
    .ofisuport-fund-filter {
    }
    .archive-posts {
      grid-template-columns: repeat(3 , 1fr);
    }

  //}
}