/* Fonts */
.pages .item.page .catcher {
    font-family: 'MediaSans-Bold';
    font-size: 13px;
    letter-spacing: 1.5px;
}

@media only screen and (min-width: 1024px) {
    .pages .item.page .name {
        font-size: 15px;
    }
    .pages .item.page .catcher {
        font-size: 12px;
    }
}


/* Page item */
.pages {
    padding: 0 var(--default-gap);
}
.pages .item.page {
    border-top: 1px solid var(--grey1);
    padding-top: 10px;
    margin-bottom: 50px;
}
.item.page .thumbnail {
    padding-top: 62.5%;
}

/* Layout */
body.links #header,
body.folder #header {
    background: rgba(255,255,255, 0);
    transition: 0.5s;
}
body.links.menu_expanded #header,
body.links.scrolling #header,
body.folder.menu_expanded #header,
body.folder.scrolling #header {
    background: rgba(255,255,255, 1);
    transition: 0.5s;
}
body.links #halo,
body.folder #halo {
    display: block;
}
body.links #content,
body.links #content > section,
body.folder #content,
body.folder #content > section  {
    padding-top: 0;
}
#folder .cover {
    height: 75vh;
}
#folder > header {
    padding: 20px var(--default-gap) 50px var(--default-gap) !important;
}
#folder > header .introductory {
    max-width: 900px;
}
#folder .highlighted .item {
    margin-bottom: 40px;
}
#folder .highlighted .item .details {
    padding: 0 var(--default-gap);
}
@media only screen and (min-width: 1024px) {
    .pages {
        padding: 0;
    }
    #folder .results {
        padding: 0 var(--default-gap);
    }
    #folder .highlighted .item .details {
        padding: 0;
    }
    #folder .highlighted .grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media only screen and (min-width: 1280px) {
    #folder .highlighted .grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}