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

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

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

/***DESKTOPS (MEDIUM SCREEN)
*****************************************************/
@media (min-width: 1281px) {  
}

/***DESKTOP (NOTEBOOKS and DESKTOPS)
*****************************************************/
@media (min-width: 1025px) and (max-width: 1280px) {
}

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

/***TABLETS (LANDSCAPE)
*****************************************************/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
}

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

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

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

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
	:root {
    	/*--fontSizeMedium: clamp(0.75rem, 0.9vw, 1rem);*/
    	/*--fontSizeLarge: clamp(1.2rem, 2vw, 2.2rem);*/
        --fontSizeMedium: 0.9rem;
    	--fontSizeLarge: 4.3vw;
        --headerHeight: calc(var(--spaceY)*2 + var(--rowGutterMedium)*2);
        --mainTopSpace: calc(var(--headerHeight) + var(--rowGutterMedium)*2);
        --paletteGray: #CCCCCC;
    }
    .desktop_version {
    	display: none;
    }
    .intro {
        height: 100vh;
        height: var(--viewportHeight);
    }
    header,
    header:not(.hide) {
    	z-index: 300;
    }
    header {
    	position: fixed;
        top: 0;
		padding-block: var(--spaceY);
    }
    h1.site_name {
    	grid-column: 1 / 5;
	}
    nav.menu {
    	grid-column: 5 / 12;
	}
    nav.menu ul.menu_section {
    	/*margin-top: calc(var(--spaceY)*0.5);*/
    }
    section.list {
    	display: flex;
        flex-direction: column;
        /*row-gap: calc(var(--spaceY)*0.5);*/
    }
    .list .list_row.prevent_event,
    .list .list_row.prevent_event *,
    .list .list_row.display.prevent_event,
    .list .list_row.display.prevent_event *,
    .list .list_row.display.prevent_event.hover,
    .list .list_row.display.prevent_event.hover *  {
    	pointer-events: auto !important;
    }
    .list .list_row .row_data .toggle_button,
    .list .list_row .row_data .data_main .category,
    .list .list_row .row_data .data_main .location,
    .list .list_row .row_data .more_button {
    	display: none;
    }
    .list .list_row .row_data .data_main {
        grid-column: 1 / 13;
        display: grid;
        grid-template-columns: var(--gridTemplate);
	}
    .list .list_row .row_data .data_main .catalogue {
    	grid-column: 1 / 5;
	}
    .list .list_row .row_data .data_main .title {
    	grid-column: 5 / 11;
	}
    .list .list_row .row_data .data_main .date {
    	grid-column: 11 / 13;
    	text-align: right;
	}
    .list .list_row .row_data .data_content {
    	grid-column: 1 / 13;
    	display: grid;
    	grid-template-columns: var(--gridTemplate);
        /*
        transition:
        	padding-block var(--transitionDurationSlow),
        	grid-template-rows var(--transitionDurationSlow),
            opacity var(--transitionDurationXSlow);
        */
	}
    .list .list_row:not(.active) .row_data .data_content {
        opacity: 0;
    }
    .list .list_row.active .row_data .data_content {
    	grid-template-rows: 1fr; 
        padding-block: 0 var(--rowGutterMedium);
        opacity: 1;
    }
    .list .list_row .row_data .data_content .description {
    	grid-column: 1/13;
        display: initial;
    }
    .list .list_row .row_data .data_content .description .mobile_sheet {
    	padding-top: var(--rowGutterMedium);
    	overflow-y: hidden;
	}
    .list .list_row .row_data .data_content .description .mobile_sheet .sheet_title:after {
    	content: ": ";
	}
    .list .list_row .row_data .data_content .description .object_sheet .sheet_row .row_label {
    	width: calc((var(--colWidth) * 4) + var(--colGutter) * 3);
	}
    .list .list_row .row_media {
    	transition: padding-block var(--transitionDurationSlow)
    }
    .list .list_row:not(.active) .row_media {
    	padding-block: 0;
    }
    .list .list_row.active .row_media {
    	display: flex;
        padding-block: 0 calc(var(--rowGutterMedium)*2);
    }
    .list .list_row .row_media {
    	position: static;
        row-gap: 3px;
        flex-direction: column;
        width: 100%;
        height: auto;
       	scroll-snap-points-y: initial;
    	scroll-snap-type: none;
    	scroll-snap-type: none;
    }
    section.info .info_col_1,
    section.info .info_col_2 {
    	grid-column: 1/13;
    }
    section.info .info_photo:not(.display) {
    	visibility: visible;
    }
    section.info .info_photo {
    	position: static;
        left: auto;
        transform: translateX(0%);
    }
    section.info .info_photo img {
    	aspect-ratio: 3/4;
    }
}