/* 
INFO
*/
#project_p-info {
    min-height: calc(50dvh + 19.875px);
    max-height: calc(50dvh + 19.875px);
}

#project_p-info > * {z-index: 100;}

#project_p-info--button {
    top: 0;
    right: 0;
}

#project_p-info--overlay {
    padding-bottom: 1rem !important;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 80;
}
#project_p-info--overlay[data-status="hide"] {display: none !important;}

#project_p-info--overlay dl {row-gap: 2rem;}
#project_p-info--overlay dt {grid-column: 1/2;}
#project_p-info--overlay dd {grid-column: 2/-1;}
#project_p-info--overlay dd.--full {grid-column: 1/-1;}

@media only screen and (min-width: 768px) {
    #project_p-info--title {
        top: .7rem;
        left: 1rem;
    }

    #project_p-info--description {
        grid-column: 3/-1;
        row-gap: 2rem;
    }
    #project_p-info--description dt {grid-column: 1/2;}
    #project_p-info--description dd {grid-column: 2/-1;}
    #project_p-info--description dd.--full {grid-column: 1/-1;}

    #project_p-info--close {
        top: 0;
        right: 0;
    }
}

@media only screen and (min-width: 1096px) {
    #project_p-info--description {grid-column: 5/-1}
}




/* 
FEED
*/
#project_p-feed {row-gap: .25rem;}

.project_p-feed-row {gap: .25rem;}

.project_p-feed-column {grid-column: 1/-1;}
.project_p-feed-column.--layout-1_4 {grid-column: span 2;}

@media only screen and (min-width: 768px) {
    .project_p-feed-column.--layout-1_1 {grid-column: 1/-1;}
    .project_p-feed-column.--layout-1_2 {grid-column: span 6;}
    .project_p-feed-column.--layout-1_3 {grid-column: span 4;}
    .project_p-feed-column.--layout-3_4 {grid-column: span 9;}
    .project_p-feed-column.--layout-1_4 {grid-column: span 3;}
}




/* 
DETAILS
*/
#project_p-details {
    min-height: calc(50dvh - calc(var(--header-height) * 1.5) - var(--footer-height));
    margin-top: 10rem;
    row-gap: 10rem;
}

#project_p-details > * {grid-column: 1/-1;}

.project_p-list_item {
    width: 100%;
    padding: .7rem 0;
    border-bottom: .5px solid var(--c-gray);
}
.project_p-list_item[data-status="hide"] dd {display: none !important;}

.project_p-list_item img {
    top: 8px;
    right: 0;
    width: auto;
    height: 1.25rem; 
}

@media only screen and (min-width: 768px) {
    #project_p-details--pages {grid-column: 1/3; grid-row: 1;}
    #project_p-details--listings {
        grid-column: 3/-1;
        grid-row: 1; 
        transform: translateY(-.7rem);
    }
}

@media only screen and (min-width: 1096px) {
    #project_p-details--pages {grid-column: 1/4;}
    #project_p-details--listings {grid-column: 5/-1;}

    .project_p-list_item dt {grid-column: 1/2;}
    .project_p-list_item dd {grid-column: 2/-1;}
}




/* 
VIDEO OVERLAY
*/
#video-full_screen {
    background: black;
    z-index: 250;
}
#video-full_screen[data-status="hide"] {display: none !important;}




@media (hover: hover) {
    body[data-transition="false"] #project_p-info--close,
    body[data-transition="false"] #project_p-details--listings button,
    body[data-transition="false"] #project_p-details--pages a {transition: opacity 500ms;}

    #project_p-info--close:hover,
    #project_p-details--listings:hover button,
    #project_p-details--pages a:hover {opacity: .4;}

    #project_p-details--listings button:hover {opacity: 1;}
}