/*--- grid ---*/
.grid-container {
  max-width: 1408px !important;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-column-gap: 2rem;
  padding: 0 4rem;
  box-sizing: content-box;
  margin: 0 auto !important;
    grid-template-rows: max-content;
    grid-row-gap: inherit;
}

/* Layout tablet */
@media (max-width: 1279px) and (min-width: 600px) {
    .grid-container {
		padding: 0 2rem;
        grid-template-columns: repeat(8, minmax(0, 1fr));
		grid-column-gap: 2rem;
    }
}

/* Layout mobile */
@media (max-width: 599px) {
    .grid-container {
		padding: 0 1rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 1rem;
    }
}

/* breadcrumb */
.breadcrumb ul {
  color: var(--wp--preset--color--custom-base);
}

.breadcrumb li a {
  color: var(--wp--preset--color--custom-base);
}

/* section 1 */
#section-1 .istituto-page-title {
  grid-column: 1 / 11;
  margin: 4rem 0 3rem;
}

.show-mobile {
  display: none;
}

#section-1 .istituto-page-logo {
  grid-column: 11 / 13;
    align-self: end;
    margin-bottom: 4rem;
}

hr {
    grid-column: 1 / 13;
    width: 100%;
    height: 1px;
    border: none;
    background-color: var(--wp--preset--color--custom-base);
}

#section-1 .paragrafo-1, #section-1 .paragrafo-2 {
  grid-column: 1 / 8;
}

#section-1 .paragrafo-3 {
  grid-column: 8 / 13;
  grid-row: 5;
  width: 100%;
}

#section-1 .paragrafo-4 {
  grid-column: 5 / 13;
  grid-row: 6;
  width: 100%;
}

#section-1 .mad-carousel {
  grid-column: 1 / 13;
  max-width: unset;
}

#section-1 .mad-track-wrapper, #section-1 .mad-slide {
  aspect-ratio: 2 / 1;
}

#section-1 .mad-indicators {
  justify-content: center;
    padding-bottom: 1rem;
}

/* section 2 */
#section-2 .team-title {
  grid-column: 1 / 7;
}

#section-2 .paragrafo-1 {
  grid-column: 1 / 8;
}

#section-2 .simonetta {
  grid-column: 1 / 5;
}

#section-2 .simone {
  grid-column: 5 / 9;
}

#section-2 .marco {
  grid-column: 9 / 13;
}

#section-2 .alessandra {
  grid-column: 3 / 7;
}

#section-2 .paola {
  grid-column: 7 / 11;
}

#section-2 .wp-element-caption {
  font-size: var(--wp--preset--font-size--medium) !important;
  /*font-family: var(--wp--preset--font-family--dm-sans);*/
    text-align: center;
    margin: 3rem 0 5rem 0;
}

/* section 3 */
#section-3 .work-title {
  grid-column: 1 / 7;
  grid-row: 1;
}

#section-3 .work-sub-title {
  grid-column: 7 / 13;
  grid-row: 1;
}

#section-3 .paragrafo-1 {
  grid-column: 7 / 13;
  grid-row: 2;
}

#section-3 .work-cta {
  grid-column: 1 / 7;
  width: 100%;
  grid-row: 2;
  align-items: flex-end;
}

/* query loop */
#section-4 .news-title {
  grid-column: 1 / 13;
}

#section-4 .news-sub-title {
  grid-column: 1 / 6;
}

#section-4 .paideia-filter-block-container {
  margin-bottom: 7.5rem;
}

#section-4 .news-ql {
  grid-column: 1 / 13;
}

   #section-4 .paideia-filter-block-container::before {
  display: none;
}

#section-4 .filter-buttons-wrapper::before {
  content: 'Filtra per categorie:';
  display: flex;
  align-items: center;
  font-size: var(--wp--preset--font-size--medium) !important;
  color: var(--wp--preset--color--custom-blu) !important;
  font-weight: 700;
}

#section-4 .filter-buttons-wrapper {
  display: flex;
  column-gap: 0.5rem;
  flex-wrap: wrap;
  row-gap: 2rem;
}

#section-4 .paideia-filter-block-container .filter-button {
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #104257;
  border: 1px solid #104257;
  border-radius: 3rem;
  cursor: pointer;
  transition: all 0.3s ease;
  width: max-content;
  font-size: 1rem;
  font-weight: 700;
  font-family: var(--wp--preset--font-family--dm-sans);
}

#section-4 .paideia-filter-block-container .filter-button.active,
#section-4 .paideia-filter-block-container .filter-button:hover {
  color: #104257;
  background-color: var(--wp--preset--color--custom-azzurro) !important;
}

/* masonry */
/*#section-4 .news-ql ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(40% - 1rem), 1fr));
  grid-auto-rows: 1px;
  grid-column-gap: calc(20% + 2rem);
  width: 100%;
  grid-row-gap: unset;
  height: max-content;
}

.wp-block-query ul {
    opacity: 0;
    transition: opacity 1s ease;
}

.wp-block-query ul.masonry-ready {
    opacity: 1;
}

#section-4 .news-ql li {
  box-sizing: border-box;
  grid-row: span var(--height);
  position: relative;
  height: fit-content;
  overflow: hidden;
}*/

/* --- Media Query per dispositivi mobili (schermi < 599px) --- */
/*@media screen and (max-width: 599px) {
    #section-4 .news-ql ul {
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        grid-auto-rows: unset;
    }
    
    .wp-block-query ul {
        opacity: 1;
    }
}*/

/* end masonry */

#section-4 .news-ql time::before {
  content: '/ ';
  font-size: var(--wp--preset--font-size--medium) !important;
  font-weight: 700;
  color: var(--wp--preset--color--custom-blu) !important;
}

#section-4 .news-ql figure img {
  border-radius: 1.5rem;
  border: 1px solid #104257;
  max-width: 17rem;
  min-width: 15rem;
}

#section-4 .news-ql-content .wp-block-heading {
  font-size: var(--wp--preset--font-size--large) !important;
  font-weight: 700;
  margin: 2rem 0;
}

#section-4 .news-ql-content p {
  font-size: var(--wp--preset--font-size--medium) !important;
  margin-bottom: 2rem;
}


footer.wp-block-template-part {
  background-color: #fff;
}

/* MEDIA QUERYS */
/* tablet */
@media (max-width: 1279px) and (min-width: 600px) {

/* breadcrumb */
/* section 1 */
 #section-1 .istituto-page-title {
  grid-column: 1 / 7;
}

#section-1 .istituto-page-logo {
    grid-column: 7 / 9;
    width: 100%;
    height: auto;
  }

    hr {
  grid-column: 1 / 9;
}

    #section-1 .paragrafo-1, #section-1 .paragrafo-2 {
  grid-column: 1 / 7;
}

    #section-1 .paragrafo-3 {
  grid-column: 4 / 9;
}

    #section-1 .paragrafo-4 {
  grid-column: 2 / 9;
}

    #section-1 .mad-carousel {
  grid-column: 1 / 9;
}
    
    /* section 2 */
    #section-2 .team-title {
  grid-column: 1 / 9;
}
    
    #section-2 .paragrafo-1 {
  grid-column: 1 / 8;
}

    #section-2 .simonetta, #section-2 .marco {
  grid-column: 1 / 5;
}

    #section-2 .simone, #section-2 .alessandra {
  grid-column: 5 / 9;
}
    #section-2 .paola {
  grid-column: 3 / 7;
}
    
    /* section 3 */
    #section-3 .work-title {
  grid-column: 1 / 9;
}

    #section-3 .work-sub-title {
  grid-column: 1 / 9;
        grid-row: 2;
}

    #section-3 .paragrafo-1 {
  grid-column: 1 / 8;
        grid-row: 3;
}

    #section-3 .work-cta {
  grid-column: 1 / 9;
        grid-row: 4;
}

    /* section 4 */
    #section-4 .news-title {
  grid-column: 1 / 9;
}

    #section-4 .news-sub-title {
  grid-column: 1 / 6;
}

   #section-4 .paideia-filter-block-container::before {
  content: 'Filtra per categorie:';
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 1.25rem;
  font-size: var(--wp--preset--font-size--medium) !important;
  color: var(--wp--preset--color--custom-blu) !important;
  font-weight: 700;
}

    #section-4 .filter-buttons-wrapper::before {
  display: none;
}

    #section-4 .news-ql {
  grid-column: 1 / 9;
}

    #section-4 .news-ql ul {
  grid-column-gap: 2rem;
}

}

/* smartphone */
@media (max-width: 599px) {
/* section 1 */
#section-1 .istituto-page-title {
  grid-column: 1 / 4;
}

 #section-1 .istituto-page-logo {
        grid-column: 4 / 5;
        width: 100%;
        height: auto;
    }

#section-1 hr {
  grid-column: 1 / 5;
}

    #section-1 .paragrafo-1, #section-1 .paragrafo-2 {
  grid-column: 1 / 5;
}

    #section-1 .paragrafo-3 {
  grid-column: 2 / 5;
}

    #section-1 .paragrafo-4 {
  grid-column: 1 / 5;
}

    #section-1 .mad-carousel {
  grid-column: 1 / 5;
  max-width: unset;
}
    
    /* section 2 */
    #section-2 .team-title {
  grid-column: 1 / 4;
}

    #section-2 .paragrafo-1 {
  grid-column: 1 / 5;
}
    
    #section-2 .simonetta, #section-2 .simone, #section-2 .marco, #section-2 .alessandra, #section-2 .paola {
  grid-column: 1 / 5;
}

    #section-3 .work-title, #section-3 .work-sub-title, #section-3 .work-cta {
  grid-column: 1 / 4;
}

    /* section 3 */
    #section-3 .work-title  {
  grid-row: 1;
}

    #section-3 .work-sub-title  {
  grid-row: 2;
}

    #section-3 .paragrafo-1 {
  grid-column: 1 / 5;
  grid-row: 3;
}

    #section-3 .work-cta  {
  grid-row: 4;
}

    /* section 4 */
    #section-4 .news-title {
  grid-column: 1 / 5;
}

    #section-4 .news-sub-title {
  grid-column: 1 / 5;
}

       #section-4 .paideia-filter-block-container::before {
  content: 'Filtra per categorie:';
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 1.25rem;
  font-size: var(--wp--preset--font-size--medium) !important;
  color: var(--wp--preset--color--custom-blu) !important;
  font-weight: 700;
}

    #section-4 .filter-buttons-wrapper::before {
  display: none;
}

    #section-4 .news-ql {
        grid-column: 1 / 5;
    }
}