/***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; /* Fallback */
        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) {
}

/*** NOT MOBILE
*****************************************************/
@media (min-width: 768px) {
	.mobile,
    .mobile ul {
    	display: none !important;
    }
}

/***SMALL TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (max-width: 767px) {
	.mobile {
    	display: inline-block;
    }
    header {
   		mix-blend-mode: normal !important;
    }
    header a,
    header a span {
   		color: var(--textColor) !important;
    }
    h1.site_name {
    	width: 125px;
	  	grid-column: none;
	  	top: 15px;
      	left: 15px;
    	z-index: 100;
	}
    body:not(#artworks) h1.site_name img {
    	filter: invert(0) !important;
	}
    nav.menu {
    	width: 100vw;
        height: 100vh;
        height: var(--viewportHeight);
        position: fixed;
        left: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: white;
        color: black;
        pointer-events: auto;
        transition: opacity var(--transitionDuration);
    }
    nav.menu:not(.active) {
    	opacity: 0;
        pointer-events: none;
    }
    nav.menu.active {
    	opacity: 1;
        pointer-events: auto;
    }
    nav.menu ul {
    	display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .menu_button {
    	position: fixed;
        top: var(--spaceY);
        right: var(--spaceX);
    }
    body:not(#artworks) .menu_button span {
        color: var(--textColor) !important;
    }
    nav.lang_switch {
    	display: none;
    }
    body:not(#serie) section.container {
    	grid-column: 1 / 31;
    	margin-inline: var(--spaceX);
    }
    section.thumb_grid .thumb:hover .thumb_media {
    	opacity: 0;
    }
    section.thumb_grid .thumb .thumb_data {
    	display: none;
    }
    body#serie main.content, body#collab main.content {
		margin-top: calc(var(--headerHeight) + var(--rowGutter)* 1.5);
    }
    body#serie .index_row,
    body#collab .index_row {
		grid-column: 1 / 31;
    	margin-inline: var(--spaceX);
        margin-bottom: calc(var(--rowGutter)*1) !important;
    }
    body#serie .menu_button.mobile,
    body#collab .menu_button.mobile {
    	display: none;
    }
    body#serie .index_row .title,
    body#collab .index_row .title {
    	grid-column: 1 / 16;
    }
    body#serie .index_row .read_more,
    body#collab .index_row .read_more {
    	grid-column: 1 / 11;
    }
    body#serie .index_row .close_button,
    body#collab .index_row .close_button {
    	grid-column: 16 / 20;
        position: absolute;
        right: 0;
		/*bottom: calc(var(--rowGutter)* 4.5);*/
    }
    body#serie .slider .slider_nav .cursor_area.prev,
    body#collab .slider .slider_nav .cursor_area.prev {
    	grid-column: 1 / 15;
    }
    body#serie .slider .slider_nav .cursor_area.zoom,
    body#collab .slider .slider_nav .cursor_area.zoom {
    	display: none;
    }
    body#serie .slider .slider_nav .cursor_area.next,
    body#collab .slider .slider_nav .cursor_area.next {
    	grid-column: 15 / 29;
    }
    .cursor {
    	display: none;
    }
    body#serie .slider .slides .slide_data,
    body#collab .slider .slides .slide_data {
    	width: 150%;
    }
    .texts .text {
		column-count: 1;
    }
    .texts .text, .texts .related_texts {
		grid-column: 1 / 29;
    }
    body#exhibs .index_row .title,
    body#publications .index_row .title,
    body#collabs .index_row .title {
		grid-column: 1 / 15;
    }
    body#exhibs .index_row .date {
    	grid-column: 15 / 18;
    	text-align: right;
    }
    body#publications .index_row .date,
    body#collabs .index_row .date {
    	grid-column: 17 / 20;
    	text-align: right;
    }
    body#exhibs .index_row .link,
    body#publications .index_row .pdf,
    body#collabs .index_row .link {
    	grid-column: 18 / 20;
    	text-align: right;
    }
    section.about {
    	grid-column: 7 / 25;
	}
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
    h1.site_name {
	  width: 125px;
	  grid-column: none;
	  top: 15px;
      left: 15px;
	}
    body#exhibs .index_row {
    	margin-bottom: calc(var(--rowGutter)*1);
    }
    body#series .index_row,
    body#publications .index_row,
    body#collabs .index_row {
    	margin-bottom: calc(var(--rowGutter)*2);
    }
    body#series .index_row .title {
    	grid-column: 1 / 15;
	}
    body#publications .index_row .text_indent,
    body#collabs .index_row .text_indent {
    	padding-left: 0;
        width: 134.5%;
    }
    body#publications .index_row .pdf,
    body#collabs .index_row .link {
		grid-column: 1 / 20;
        text-align: left;
    }
    .index_row .date {
    	grid-column: 15 / 20;
    	text-align: right;
	}
    .index_row .exhibs {
    	grid-column: 1 / 20;
        display: none;
	}
    .index_row .thumb {
        position: static;
        width: 100%;
        top: inherit;
        left: inherit;
        margin-top: calc(var(--rowGutter)* .15);
        transform: none;
        opacity: 1;
        pointer-events: auto;
        z-index: 1;
        grid-column: 1 / 20;
	}
    section.thumb_grid {
    	column-count: 2;
    }
    body#serie .slider,
    body#collab .slider {
    	height: calc(100vh - var(--rowGutter)* 8);
        margin: auto;
    }
    body#serie .slider .slides,
    body#collab .slider .slides {
    	grid-column: 1 / 29;
    }
    section.about {
    	grid-column: 1 / 31;
        margin-inline: var(--spaceX);
	}
}