@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; } .xarxaprod-card-each { .entry-title,h6 { border-bottom: 1px solid $color__black; margin: 0; padding: 0.5rem 0; } p { padding: 0.5rem 0; margin:0; } } .xarxaprod-fund-info-fields, .xarxaprod-fund-info-contact-fields { display: grid; .xarxaprod-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; } } .xarxaprod-fund-info-contact-fields { .xarxaprod-fund-info-field { margin: 0; } } .xarxaprod-fund-info-fields { .xarxaprod-fund-info-field { margin: 1rem 0 0.5rem 0; } } .xarxarprod-label { } .xarxaprod-funder-name, .xarxaprod-fund-contact-name, .xarxaprod-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; } } // .page-template-funds-search { .xarxaprod-filtered-funds { display:grid; grid-template-columns: 1fr 1fr; } .xarxaprod-fund-filter { display: grid; grid-template-columns: repeat(1 , 1fr); gap: $grid__gap; } .archive-posts { grid-template-columns: repeat(1 , 1fr); } //} } @media screen and (max-width: 48em) { //only smaller than 48em } @media screen and (min-width: 48em) { //only bigger than 48em //.page-template-funds-search { .xarxaprod-filtered-funds { grid-template-columns: 1fr 2fr; } .xarxaprod-fund-filter { } .archive-posts { grid-template-columns: repeat(2 , 1fr); } //} } @media screen and (min-width: 80em) { //only bigger than 80rem //.page-template-funds-search { .xarxaprod-filtered-funds { grid-template-columns: 1fr 3fr; } .xarxaprod-fund-filter { } .archive-posts { grid-template-columns: repeat(3 , 1fr); } //} }