/***MEDIA QUERIES
*****************************************************/

/***TABLETS (PORTRAIT)***/
@media (min-width: 769px) and (max-width: 1024px) {
	:root {
    	--titleSize: var(--fontSize);
    	--viewportHeight: calc(var(--vh, 1vh) * 100);
       	--mainHeight: calc(100vh - var(--mainTopSpace) - var(--mainBottomSpace));
		--mainHeight: calc(var(--viewportHeight) - var(--mainTopSpace) - var(--mainBottomSpace));
    }
    /*
    body {
  		height: 100vh;
  		height: var(--viewportHeight);
        overflow-x: hidden;
	}
    */
    .w_logo {
    	height: calc(100vh - var(--headerHeight) + var(--spaceY));
        height: calc(var(--viewportHeight) - var(--headerHeight) + var(--spaceY));
        display: inherit;
    }
    /*
    body.index main.content,
    body.artworks_index main.content,
    body.artist_index main.content,
    body.exhibitions main.content {
        margin: var(--mainTopSpace) 0 0;
    }
    main.content {
    	min-height: calc(100vh - var(--headerHeight) + var(--spaceY));
    	min-height: calc(var(--viewportHeight) - var(--headerHeight) + var(--spaceY));
	}
    */
	section.thumb_grid {
    	column-count: 4;
        height: calc(var(--viewportHeight) - var(--mainTopSpace) - var(--mainBottomSpace));
	}
    section.thumb_grid.scroll_x {
    	overflow-x: scroll;
    }
}
/***TABLETS (LANDSCAPE)***/
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	:root {
    	--titleSize: var(--fontSize);
    	--viewportHeight: calc(var(--vh, 1vh) * 100);
       	--mainHeight: calc(100vh - var(--mainTopSpace) - var(--mainBottomSpace));
		--mainHeight: calc(var(--viewportHeight) - var(--mainTopSpace) - var(--mainBottomSpace));
    }
    /*
    body {
  		height: 100vh;
  		height: var(--viewportHeight);
        overflow-x: hidden;
	}
    */
    .w_logo {
    	height: calc(100vh - var(--headerHeight) + var(--spaceY));
        height: calc(var(--viewportHeight) - var(--headerHeight) + var(--spaceY));
        display: inherit;
    }
    body.index main.content,
    body.artworks_index main.content,
    body.artist_index main.content,
    body.exhibitions main.content {
        margin: var(--mainTopSpace) 0 0;
    }
    main.content {
    	min-height: calc(100vh - var(--headerHeight) + var(--spaceY));
    	min-height: calc(var(--viewportHeight) - var(--headerHeight) + var(--spaceY));
	}
	section.thumb_grid {
    	column-count: 4;
        height: calc(var(--viewportHeight) - var(--mainTopSpace) - var(--mainBottomSpace));
	}
    section.thumb_grid.scroll_x {
    	overflow-x: scroll;
    }
}

/***SMALL TABLETS, MOBILES (LANDSCAPE)***/
@media (min-width: 481px) and (max-width: 768px) {
	:root {
    	--titleSize: var(--fontSize);
    	--viewportHeight: calc(var(--vh, 1vh) * 100);
       	--mainHeight: calc(100vh - var(--mainTopSpace) - var(--mainBottomSpace));
		--mainHeight: calc(var(--viewportHeight) - var(--mainTopSpace) - var(--mainBottomSpace));
    }
    /*
    body {
  		height: 100vh;
  		height: var(--viewportHeight);
        overflow-x: hidden;
	}
    */
    
    /*** W LOGO ***/
    .w_logo {
    	height: calc(100vh - var(--headerHeight) + var(--spaceY));
        height: calc(var(--viewportHeight) - var(--headerHeight) + var(--spaceY));
        display: inherit;
    }
    
    /*** HEADER AND MENU ***/
    header {
    	background: var(--backColor);
    }
    nav.menu {
    	display: inherit;
    	grid-column: 3 / 9;
    }
    
    /*** MAIN CONTENT ***/
    body.index main.content,
    body.artworks_index main.content,
    body.artist_index main.content,
    body.exhibitions main.content {
        margin: var(--mainTopSpace) 0 0;
    }
    main.content {
    	min-height: calc(100vh - var(--headerHeight) + var(--spaceY));
    	min-height: calc(var(--viewportHeight) - var(--headerHeight) + var(--spaceY));
	}
    
    /*** THUMB (TEXT) GRID ***/
	section.thumb_grid {
    	column-count: 4;
        height: calc(var(--viewportHeight) - var(--mainTopSpace) - var(--mainBottomSpace));
	}
    section.thumb_grid.scroll_x {
    	overflow-x: scroll;
    }
    body.index article.thumb .thumb_media,
    body.artworks_index article.thumb .thumb_media,
    body.artist_index article.thumb .thumb_media {
    	height: calc(100vh - var(--headerHeight)*2);
        height: calc(var(--viewportHeight) - var(--headerHeight)*2);
    }
    body.index article.thumb .thumb_media img,
    body.artworks_index article.thumb .thumb_media img,
    body.artist_index article.thumb .thumb_media img {
    	width: 100%;
    	max-height: calc(100vh - var(--headerHeight)*2);
        max-height: calc(var(--viewportHeight) - var(--headerHeight)*2);
    }
    
    /*** ARTICLE (ARTISTS FILES AND EXHIBITIONS) ***/
    article.article_grid {
    	height: auto;
        margin-bottom: var(--mainBottomSpace);
    }
    article.article_grid .main_data {
    	grid-column: 1 / 4;
    }
    body.artist_file article.article_grid .article_media {
        height: 50vh;
        grid-column: 2 / 8;
	}
    body.artist_file .article_media .slider_nav .prev,
    body.artist_file .article_media .slider_nav .next {
   	 grid-template-columns: var(--threeColsGrid);
	}
    body.artist_file .article_media .slider_nav .prev span {
    	grid-column: 1 / 2;
	}
    body.artist_file .article_media .slider_nav .next span {
    	grid-column: 3 / 4;
	}
    body.artist_file article.article_grid .secondary_data {
    	grid-column: 1 / 4;
	}
    body.artist_file article.article_grid .related_data {
    	grid-column: 5 / 8;
    }
    body.edition article.article_grid .secondary_data {
    	grid-column: 5 / 7;
	}
    body.edition article.article_grid .related_data {
    	grid-column: 7 / 9;
    }
    
    /*** PUBLICATIONS ***/
    article.publications_grid .publications_list {
    	display: none;
    }
    article.publications_grid .publications_covers {
    	grid-column: 1 / 9;
    }
    article.publications_grid .publications_covers .cover_item {
    	margin-bottom: calc(var(--rowGutter)*3);
        pointer-events: none;
    }
    .publications_covers .cover_item img {
    	margin-bottom: calc(var(--rowGutter)*1);
    }
    .publication_cover_data {
    	display: inline !important;
    }
    article.publications_grid .publication_cover {
    	display: none;
    }
    article.publications_grid .publication_data {
    	display: none;
    }
    
    /*** INFO ***/
    article.info_grid {
    	height: auto;
    }
    article.info_grid .info_artists {
    	grid-column: 1 / 3;
    }
    article.info_grid .info_about {
    	grid-column: 3 / 7;
    }
    article.info_grid .info_contact {
    	grid-column: 7 / 9;
    }
    article.info_grid .info_images {
    	display: none;
    }
    .form_container {
    	width: 100%;
    	position: static;
        margin-bottom: var(--mainBottomSpace);
    }
}

/***MOBILES (PORTRAIT)***/
@media (max-width: 480px) {
	:root {
    	--titleSize: var(--fontSize);
    	--viewportHeight: calc(var(--vh, 1vh) * 100);
       	--mainHeight: calc(100vh - var(--mainTopSpace) - var(--mainBottomSpace));
		--mainHeight: calc(var(--viewportHeight) - var(--mainTopSpace) - var(--mainBottomSpace));
        --mainBottomSpace: calc(var(--spaceY)*2 + var(--rowGutter)*3);
    }
    .w_logo {
    	/*
    	height: calc(100vh - var(--headerHeight) + var(--spaceY));
        height: calc(var(--viewportHeight) - var(--headerHeight) + var(--spaceY));
        */
        display: inherit;
    }
    /*** HEADER AND MENU ***/
    header {
    	background: var(--backColor);
    }
    nav.menu {
    	grid-column: 1 / 9;
    }
    
    /*** MAIN CONTENT ***/
    body.index main.content,
    body.artworks_index main.content,
    body.artist_index main.content,
    body.exhibitions main.content {
        margin: var(--mainTopSpace) 0 0;
    }
    main.content {
    	min-height: calc(100vh - var(--headerHeight) + var(--spaceY));
    	min-height: calc(var(--viewportHeight) - var(--headerHeight) + var(--spaceY));
	}
    
    /*** THUMB (TEXT) GRID ***/
	section.thumb_grid {
    	column-count: 2;
        height: calc(var(--viewportHeight) - var(--mainTopSpace) - var(--mainBottomSpace));
	}
    section.thumb_grid.scroll_x {
    	overflow-x: scroll;
    }
    body.index article.thumb .thumb_media,
    body.artworks_index article.thumb .thumb_media,
    body.artist_index article.thumb .thumb_media {
    	height: calc(100vh - var(--headerHeight)*2);
        height: calc(var(--viewportHeight) - var(--headerHeight)*2);
    }
    body.index article.thumb .thumb_media img,
    body.artworks_index article.thumb .thumb_media img,
    body.artist_index article.thumb .thumb_media img {
    	width: 100%;
    	max-height: calc(100vh - var(--headerHeight)*2);
        max-height: calc(var(--viewportHeight) - var(--headerHeight)*2);
    }
    
    /*** ARTICLE (ARTISTS FILES AND EXHIBITIONS) ***/
    article.article_grid {
    	height: auto;
        margin-bottom: var(--mainBottomSpace);
    }
    article.article_grid .main_data {
    	grid-column: 1 / 5;
    }
    body.artist_file article.article_grid .article_media {
        height: 50vh;
        grid-column: 2 / 8;
	}
    body.artist_file .article_media .slider_nav .prev,
    body.artist_file .article_media .slider_nav .next {
   	 grid-template-columns: var(--threeColsGrid);
	}
    body.artist_file .article_media .slider_nav .prev span {
    	grid-column: 1 / 2;
	}
    body.artist_file .article_media .slider_nav .next span {
    	grid-column: 3 / 4;
	}
    body.edition .article_media .slider_nav .prev span {
    	grid-column: 1 / 2;
	}
    body.edition .article_media .slider_nav .next span {
    	grid-column: 4 / 5;
	}
    body.artist_file article.article_grid .secondary_data {
    	grid-column: 1 / 5;
	}
    body.artist_file article.article_grid .related_data {
    	grid-column: 5 / 9;
    }
    body.edition article.article_grid .secondary_data {
    	grid-column: 5 / 9;
	}
    body.edition article.article_grid .related_data {
    	grid-column: 5 / 9;
    }
    
    /*** PUBLICATIONS ***/
    article.publications_grid .publications_list {
    	display: none;
    }
    article.publications_grid .publications_covers {
    	grid-column: 1 / 9;
        grid-template-columns: var(--twoColsGrid);
        padding-bottom: var(--mainBottomSpace);
    }
    article.publications_grid .publications_covers .cover_item {
    	margin-bottom: calc(var(--rowGutter)*3);
        pointer-events: none;
    }
    .publications_covers .cover_item img {
    	margin-bottom: calc(var(--rowGutter)*1);
    }
    .publication_cover_data {
    	display: inline !important;
    }
    article.publications_grid .publication_cover {
    	display: none;
    }
    article.publications_grid .publication_data {
    	display: none;
    }
    /*** INFO ***/
    article.info_grid {
    	height: auto;
        margin-bottom: calc(var(--rowGutter)*3);
    }
    article.info_grid .info_artists {
    	grid-column: 1 / 9;
    }
    article.info_grid .info_about {
    	grid-column: 1 / 9;
    }
    article.info_grid .info_contact {
    	grid-column: 1 / 9;
        position: static;
    }
    article.info_grid .info_images {
    	display: none;
    }
    .form_container {
    	width: 100%;
    	position: static;
        margin-bottom: var(--mainBottomSpace);
    }
}