/*  
    PAGES  
*/

/* 
    Home Page 
*/

/* Section Filters */
.home-page-section {
    grid-column: 1/-1;
}

.home-page-list {
    grid-column: 1/-1;
    display: block;
}

.home-page-list .card-medium {
    margin-bottom: 4rem;
}

.home-page-list .card-medium:last-child {
    margin-bottom: 0;
}

/* Mobile */
@media only screen and (min-width: 36rem) {
    .home-page-list {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 0.5rem;
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .home-page-section {
        grid-column: 4/-1;
    }

    .home-page-list {
        grid-template-columns: repeat(12, 1fr);
        gap: 4rem 0.5rem;
    }
    
    .home-page-list .card-medium {
        margin-bottom: 0;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    main.home-page {
        min-height: 100vh;
    }

    .home-page-section {
        grid-column: 5/-1;
    }
}


/* 
    Post Page 
*/

.post-page-cover.landscape {
    grid-column: 1/-1;
}

.post-page-cover.portrait,
.post-page-cover.square {
    grid-column: 1/-2;
}

/* Desktop */
@media only screen and (min-width: 48rem) {
    .post-page-cover.landscape {
        grid-column: 1/-5;
    }

    .post-page-cover.portrait,
    .post-page-cover.square {
        grid-column: 1/-8;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .post-page-cover.landscape {
        grid-column: 4/-4;
    }

    .post-page-cover.portrait {
        grid-column: 4/-6;
    }

    .post-page-cover.square {
        grid-column: 4 / -5;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .post-page-cover.landscape {
        grid-column: 4/-5;
    }

    .post-page-cover.portrait {
        grid-column: 4/-7;
    }

    .post-page-cover.square {
        grid-column: 4 / -6;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .post-page-cover.landscape {
        grid-column: 5/-12;
    }

    .post-page-cover.portrait,
    .post-page-cover.square {
        grid-column: 5/-16;
    }
}


/* Post Content */
.post-page-title {
    grid-column: 1/-1;
    margin-top: 0.25rem;
}

.post-page-info,
.post-page-blocks {
    grid-column: 1/-1;
}

.post-page-info span {
    padding: 0 0.25rem;
}

/* Desktop */
@media only screen and (min-width: 48rem) {
    .post-page-title {
        grid-column: 1/-5;
    }

    .post-page-info,
    .post-page-blocks {
        grid-column: 1/-4;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .post-page-title,
    .post-page-info,
    .post-page-blocks {
        grid-column: 4/-3;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .post-page-title,
    .post-page-info,
    .post-page-blocks {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .post-page-title,
    .post-page-info,
    .post-page-blocks {
        grid-column: 5/-11;
        padding-right: 0;
    }
}

/* Post Blocks */
.post-page-blocks {
    margin-top: 2.5rem;
}

.post-page-additional-info {
    margin-top: 4rem;
}


/* 
    About Page 
*/

.about-page-blocks {
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .about-page-blocks {
        grid-column: 1/-3;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .about-page-blocks {
        grid-column: 4/-3;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .about-page-blocks {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .about-page-blocks {
        grid-column: 5/-11;
    }
}


/* 
    Teams Page 
*/

.teams-page-blocks {
    grid-column: 1/-1;
}

.teams-page-section {
    grid-column: 1/-1;
    margin-top: 2.5rem;
}

.teams-page-section-list .card-small .card-small-cover-image {
    filter: grayscale(1);
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .teams-page-blocks {
        grid-column: 1/-2;
    }

    .teams-page-section {
        grid-column: 1/-1;
        margin-top: 4rem;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .teams-page-blocks {
        grid-column: 4/-3;
    }

    .teams-page-section {
        grid-column: 4/-2;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .teams-page-blocks {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .teams-page-blocks {
        grid-column: 5/-11;
    }

    .teams-page-section {
        grid-column: 5/-9;
    }
}


/* Team */
.teams-page-section-title {
    grid-column: 1/-1;
    margin-bottom: 1.5rem;
}

.teams-page-section-list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 2rem 0.5rem;
}

.teams-page-list-team:not(:first-child) {
    margin-top: 2.5rem;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .teams-page-list-team:not(:first-child) {
        margin-top: 5.5rem;
    }
}

/* 
    Person Page 
*/

.person-page-cover {
    grid-column: 1/-2;
}

.person-page-cover-image {
    filter: grayscale(1);
}

.person-page-title,
.person-page-subtitle,
.person-page-info,
.person-page-blocks {
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .person-page-cover,
    .person-page-title,
    .person-page-info,
    .person-page-subtitle {
        grid-column: 1/-7;
    }

    .person-page-blocks {
        grid-column: 1/-6;
    }
}


/* Desktop */
@media only screen and (min-width: 64rem) {
    .person-page-cover,
    .person-page-title,
    .person-page-subtitle,
    .person-page-info {
        grid-column: 4/-7;
    }

    .person-page-blocks {
        grid-column: 4/-5;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .person-page-cover,
    .person-page-title,
    .person-page-subtitle {
        grid-column: 5/-16;
    }

    .person-page-blocks {
        grid-column: 5/-11;
    }
}


/* 
    Education Page 
*/

.education-page-blocks {
    grid-column: 1/-1;
}

/* Mobile */
@media only screen and (min-width: 36rem) {
    .education-page-blocks {
        padding-right: 0.5rem;
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .education-page-blocks {
        grid-column: 1/-2;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .education-page-blocks {
        grid-column: 4/-3;
        padding-right: 1.5rem;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .education-page-blocks {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .education-page-blocks {
        grid-column: 5/-11;
        padding-right: 0;
    }
}


/* Courses */
.education-page-courses {
    grid-column: 1/-1;
}

/* Mobile */
@media only screen and (min-width: 36rem) {
    .education-page-courses-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem 0.5rem;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .education-page-courses {
        grid-column: 4/-2;
    }

    .education-page-courses-list {
        grid-template-columns: repeat(8, 1fr);
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .education-page-courses {
        grid-column: 5/-1;
    }
}

/* Talks */
.education-page-talks {
    grid-column: 1/-1;
}

.education-page-talks-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem 0.5rem;
}

/* Mobile */
@media only screen and (min-width: 36rem) {
    .education-page-talks-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem 0.5rem;
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .education-page-talks-list {
        grid-template-columns: repeat(12, 1fr);
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .education-page-talks {
        grid-column: 4/-1;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .education-page-talks {
        grid-column: 5/-1;
    }
}

/* 
    Talk Page 
*/

.talk-page-cover.landscape {
    grid-column: 1/-1;
}

.talk-page-cover.portrait,
.talk-page-cover.square {
    grid-column: 1/-2;
}

.talk-page-title ,
.talk-page-date{
    grid-column: 1/-1;
}

.talk-page-date span {
    padding: 0 0.25rem;
}

.talk-page-category {
    padding-left: 0.25rem;
}

.talk-page-blocks {
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .talk-page-cover.landscape {
        grid-column: 1/-5;
    }
    
    .talk-page-cover.portrait,
    .talk-page-cover.square {
        grid-column: 1/-7;
    }

    .talk-page-title,
    .talk-page-date {
        grid-column: 1/-5;
    }

    .talk-page-blocks {
        grid-column: 1/-4;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .talk-page-cover.landscape {
        grid-column: 4/-5;
    }
    
    .talk-page-cover.portrait,
    .talk-page-cover.square {
        grid-column: 4/-7;
    }

    .talk-page-title,
    .talk-page-date{
        grid-column: 4/-5;
    }

    .talk-page-blocks {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .talk-page-cover.landscape {
        grid-column: 5/-12;
    }
    
    .talk-page-cover.portrait,
    .talk-page-cover.square {
        grid-column: 5/-16;
    }

    .talk-page-title,
    .talk-page-date,
    .talk-page-blocks {
        grid-column: 5/-11;
    }
}


/* 
    Course Page
*/

.course-page-title,
.course-page-description {
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .course-page-title,
    .course-page-description {
        grid-column: 1/-5;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .course-page-title {
        grid-column: 4/-4;
    }

    .course-page-description {
        grid-column: 4/-4;
        padding-right: 3rem;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .course-page-title,
    .course-page-description {
        grid-column: 5/-11;
        padding-right: 0rem;
    }
}


/* Editons */
.course-page-editions {
    grid-column: 1/-1;
}

.course-page-editions-list {
    display: block;
}

.course-page-editions-list-item {
    grid-column: 1/-1;
    padding: 0.188rem 0.375rem 0.125rem 0.375rem;
    height: 14rem;
    width: 100%;
    background-color: #F1F1F1;
    color: black;
    margin: 0 0 1rem 0;
}

/* Mobile */
@media only screen and (min-width: 36rem) {
    .course-page-editions-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem 0.5rem;
    }

    .course-page-editions-list-item {
        grid-column: span 1;
        margin: 0;
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .course-page-editions {
        grid-column: 1/-1;
    }

    .course-page-editions-list {
        grid-template-columns: repeat(12, 1fr);
    }

    .course-page-editions-list-item {
        grid-column: span 6;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .course-page-editions {
        grid-column: 4/-4;
    }

    .course-page-editions-list-item {
        height: 18rem;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .course-page-editions {
        grid-column: 5/-11;
    }

    .course-page-editions-list-item {
        height: 14rem;
    }
}


/* Related Talks */
.course-page-talks {
    grid-column: 1/-1;
}

.course-page-talks-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem 0.5rem;
}

@media only screen and (min-width: 36rem) {
    .course-page-talks-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem 0.5rem;
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .course-page-talks {
        grid-column: 1/-1;
    }

    .course-page-talks-list {
        grid-template-columns: repeat(12, 1fr);
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .course-page-talks {
        grid-column: 4/-1;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .course-page-talks {
        grid-column: 5/-9;
    }
}


/* 
    Research Page
*/

.research-page {
    min-height: 100vh;
}

.research-page-blocks,
.research-page-projects {
    grid-column: 1/-1;
}

.research-page-projects-list {
    display: block;
}

/* Mobile */
@media only screen and (min-width: 36rem) {
    .research-page-projects-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem 0.5rem;
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .research-page-blocks {
        grid-column: 1/-2;
    }

    .research-page-projects {
        grid-column: 1/-1;
    }

    .research-page-projects-list {
        grid-template-columns: repeat(12, 1fr);
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .research-page-blocks {
        grid-column: 4/-3;
    }

    .research-page-projects {
        grid-column: 4/-1;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .research-page-blocks {
        grid-column: 4/-1;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .research-page-blocks {
        grid-column: 5/-11;
    }
    
    .research-page-projects-list {
        grid-template-columns: repeat(12, 1fr);
    }

    .research-page-projects {
        grid-column: 5/-1;
    }
}


/* 
    Project Page
*/

.project-page-title,
.project-page-cover,
.project-page-datasheet {
    grid-column: 1/-1;
}

.project-page-datasheet {
    grid-column: 1/-1;
    margin-top: 2rem;
}

.project-page-team-datasheet  {
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .project-page-title,
    .project-page-cover {
        grid-column: 1/-5;
    }    

    .project-page-datasheet,
    .project-page-team-datasheet  {
        grid-column: 1/-5;
        margin-top: 3.75rem;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .project-page-title {
        grid-column: 4/-4;
    }

    .project-page-cover {
        grid-column: 4/-5;
    }    

    .project-page-datasheet,
    .project-page-team-datasheet  {
        grid-column: 4/-4;
        margin-top: 3rem;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .project-page-title {
        grid-column: 5/-11;
    }

    .project-page-cover.landscape {
        grid-column: 5/-12;
    }

    .project-page-cover.portrait,
    .project-page-cover.square {
        grid-column: 5/-16;
    }    

    .project-page-datasheet,
    .project-page-team-datasheet  {
        grid-column: 5/-11;
    }
}


/* Project Page Blocks */
.project-page-blocks {
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .project-page-blocks {
        grid-column: 1/-4;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .project-page-blocks {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .project-page-blocks {
        grid-column: 5/-11;
    }
}


/* 
    Resources
*/

.resources-page-blocks {
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .resources-page-blocks {
        grid-column: 1/-2;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .resources-page-blocks {
        grid-column: 4/-3;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .resources-page-blocks {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .resources-page-blocks {
        grid-column: 5/-11;
    }
}

/* Publications Section */
.resources-page-publications {
    grid-column: 1/-1;
}

.resources-page-publications-list {
    display: block;
}

/* Mobile */
@media only screen and (min-width: 36rem) {
    .resources-page-publications-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem 0.5rem;
    }

    .resources-page-publications-list.small {
        gap: 1rem 0.5rem;
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .resources-page-publications-list {
        grid-template-columns: repeat(12, 1fr);
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .resources-page-publications {
        grid-column: 4/-1;
    }

    .resources-page-publications-list {
        grid-template-columns: repeat(9, 1fr);
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .resources-page-publications {
        grid-column: 5 / -5;
    }

    .resources-page-publications-list {
        grid-template-columns: repeat(16, 1fr);
    }
}


/* videos */
.resources-page-videos {
    grid-column: 1/-1;
}

.resources-page-videos-list {
    display: block;
}

/* Mobile */
@media only screen and (min-width: 36rem) {
    .resources-page-videos-list {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4rem 0.5rem;
    }
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .resources-page-videos {
        grid-column: 1/-1;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }

    .resources-page-videos-title {
        grid-column: 1/-1;
    }

    .resources-page-videos-list {
        grid-template-columns: repeat(12, 1fr);
    }

    .resources-page-videos-engagement-list {
        grid-column: 1/-5;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .resources-page-videos {
        grid-column: 4/-2;
        grid-template-columns: repeat(8, 1fr);
    }

    .resources-page-videos-list {
        grid-column: 1/-1;
        grid-template-columns: repeat(8, 1fr);
    }

    .resources-page-videos-engagement-list {
        grid-column: 1/-2;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .resources-page-videos {
        grid-column: 5/-5;
    }

    .resources-page-videos-list {
        grid-template-columns: repeat(16, 1fr);
    }

    .resources-page-videos-engagement-list {
        grid-column: 1/-1;
    }
}

/* Resources page: Table */
.resources-page-table {
    grid-column: 1/-1;
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .resources-page-table {
        grid-column: 4/-2;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .resources-page-table {
        grid-column: 5/-9;
    }
}

/* 
    Error Page
*/

.error-page {
    min-height: 100vh;
}

.error-page-content {
    grid-column: 1/-1;
}

/* Tablet */
@media only screen and (min-width: 64rem) {
    .error-page-content {
        grid-column: 1/-3;
    }
}

/* Desktop */
@media only screen and (min-width: 100rem) {
    .error-page-content {
        grid-column: 4/-3;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .error-page-content {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .error-page-content {
        grid-column: 5/-11;
    }
}


/* 
    Default Page
*/

.default-page {
    min-height: 100vh;
}

.default-page-content {
    grid-column: 1/-1;
}

.default-page-content-title,
.default-page-content-blocks {
    height: fit-content;
}

/* Tablet */
@media only screen and (min-width: 48rem) {
    .default-page-content {
        grid-column: 1/-5;
    }
}

/* Desktop */
@media only screen and (min-width: 64rem) {
    .default-page-content {
        grid-column: 4/-3;
    }
}

/* Desktop */
@media only screen and (min-width: 72rem) {
    .default-page-content {
        grid-column: 4/-4;
    }
}

/* Desktop Large */
@media only screen and (min-width: 100rem) {
    .default-page-content {
        grid-column: 5/-11;
    }
}