/***DESKTOPS (X-LARGE SCREEN)
*****************************************************/
@media (min-width: 1920px) {  
}

/***DESKTOPS (LARGE SCREEN)
*****************************************************/
@media (min-width: 1600px) {
}

/***NOTEBOOKS (MEDIUM SCREEN)
*****************************************************/
@media (min-width: 1024px) and (max-width: 1599px) {
}

/***FROM TABLETS TO MOBILES
*****************************************************/
@media (max-width: 1023px) {
    :root {
        /***VIEWPORT HEIGHT***/
        --viewportHeight: calc(var(--vh, 1vh) * 100);
    }
    body {
        height: 100vh; /* Fallback */
        height: var(--viewportHeight);
    }
}

/***TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 1023px)   {
}

/***TABLETS (PORTRAIT)
*****************************************************/
@media (min-width: 768px) and (max-width: 1023px) {
}

/***SMALL TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 767px) {
}

/***TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px)  {
    .mobile {
    	display: none;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
    :root {
        --fontSize: 0.7rem;
        --spaceY: calc(var(--fontSize) * 0.75);
    	--spaceX: calc(var(--fontSize) * 1);
        --rowGutter: calc(var(--fontSize) * 1.2);
        --colGutter: calc(var(--spaceX) * 1);
        --rowGutterBetweenSections: calc(var(--rowGutter) * 3);
        --gridGap: var(--rowGutter) var(--colGutter);
    }
    .desktop {
    	display: none;
    }
    .site_name {
    	height: calc(var(--fontSize) * 1.2);
	}
    main.content {
    	margin-block: 0 var(--mainBottomSpace);
    }
    .slider {
    	margin-top: 0;
    }
    .slider .slider_media {
    	aspect-ratio: 3/2;
        height: auto;
    }
    .grid:not(.archive) .grid_item {
    	/*grid-column: span 12;*/
        width: calc(var(--colWidth)*12 + var(--colGutter)*11);
	}
    .grid.archive .grid_item {
    	/*grid-column: span 6;*/
        width: calc(var(--colWidth)*6 + var(--colGutter)*5);
	}
    /*
    .grid:not(.archive) .grid_item .item_link {
    	display: flex;
    	flex-direction: column-reverse;
	}
    */
    .grid .grid_item .item_data {
    	position: static;
        width: auto;
        height: auto;
        padding: 0;
        opacity: 1;
    }
    .grid:not(.archive) .grid_item .item_data {
        flex: 1;
    }
    .grid:not(.archive) .grid_item .item_media {
    	flex: 3;
    }
    .grid.archive .grid_item {
    	grid-column: span 6;
	}
    .archive_nav {
        margin-top: var(--mainTopSpace);
        /*
        display: grid;
        grid-template-columns: var(--listTemplate);
        */
        column-gap: calc(var(--spaceX)*2);
    }
    .archive_nav .nav_item {
        grid-column: span 3;
    }
    .list.archive .list_media {
    	display: none;
    }
    .list.archive .list_data {
    	grid-column: 1 / 13;
        row-gap: calc(var(--rowGutter) * 0.5);
    }
    .list_data .data_row .row_item.type_2,
    .list_data .data_row .row_item.status {
    	display: none;
    }
    .list_data .data_row .row_item.location {
    	grid-column: 4 / 7;
	}
    .list_data .data_row .row_item.type_1 {
    	grid-column: 7 / 11;
    }
    .list_data .data_row .row_item.date {
    	grid-column: 11 / 13;
	}
    .grid.archive .grid_item .item_data {
    	background: transparent;
    }
    .grid.archive .grid_item .item_data > * {
    	color: var(--paletteBlack);
	}
    .grid.archive .grid_item .item_data .data_footer > span:not(.title) {
    	display: none;
    }
    .data .data_row {
    	grid-gap: calc(var(--rowGutter)*0.5) var(--colGutter);
        margin-bottom: var(--rowGutter);
    }
    .data .data_row .row_item.title {
    	order: 1;
        grid-column: 1 / 4;
    }
    .data .data_row .row_item.location {
    	order: 2;
        grid-column: 4 / 10;
    }
    .data .data_row .row_item.type_1 {
    	order: 4;
        grid-column: 1 / 4;
    }
    .data .data_row .row_item.type_2 {
    	order: 5;
        grid-column: 4 / 10;
    }
    .data .data_row .row_item.status {
    	order: 3;
        grid-column: 10 / 13;
        text-align: right;
    }
    .data .data_row .row_item.date {
    	order: 6;
        grid-column: 10 / 13;
        text-align: right;
    }
    body#project main.content {
    	margin-block: var(--rowGutterBetweenSections) var(--mainBottomSpace) !important;
    }
    .info .info_media {
    	position: static
    }
    .info .info_data {
    	grid-column: 1 / 13;
    }
    .info .info_data .data_item.office {
    	display: flex;
        column-gap: var(--colGutter);
    }
    .info .info_data .data_item.office > * {
    	flex: 1;
        min-width: 0;
    }
    .info .info_data .data_item.office > .item_media.mobile img {
    	width: 100%;
    }
    .info .info_data .data_item.office .office_stack {
    	flex-direction: column;
        justify-content: start;
    }
    .info .info_data .data_item.office .office_stack > div:nth-child(1) {
        flex: auto;
        order: 2;
        flex-grow: 0;
    }
    .info .info_data .data_item.office .office_stack > div:nth-child(1) br {
    	display: none;
    }
    .info .info_data .data_item.office .office_stack > div:nth-child(2) {
        flex: auto;
        order: 3;
        flex-grow: 0;
    }
    .info .info_data .data_item.office .office_stack > div:nth-child(3) {
        flex: auto;
        order: 1;
    }
}