/***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);
    }
    div.site_title {
    	width: calc(var(--simplePanel) - var(--spaceX)*2);
    }
    div.site_subtitle {
    	width: calc((var(--simplePanel)*0.5) - var(--spaceX)*2);
    }
    div.site_title img {
    	width: 100%;
    }
    section.sliders .single_slider .slider_nav .cursor_area .cursor {
      	display: none;
	}
}

/***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) {
	:root {
    	--fontSize: 0.9rem;
        --fontSizeSmall: 0.6rem;
        --fontSizeLarge: 1.2rem;
    }
    /*
    div.site_title {
    	width: calc(var(--simplePanel) - var(--spaceX)*2);
    }
    div.site_subtitle {
    	width: calc((var(--simplePanel)*0.5) - var(--spaceX)*2);
    }
    */
    div.site_subtitle img {
    	width: 100%;
    }
    section.sliders .single_slider .slides,
    section.sliders .single_slider .slider_nav {
    	width: calc(var(--fullPanel) - var(--colWidth));
    	height: 100%;
    	left: calc(var(--colWidth)* 2);
    }
    section.sliders .single_slider .slider_footer {
    	width: calc(var(--colWidth)* 2);
    }
    body#bio section.section_nav > .section_content {
        display: inline-block;
    }
    body#bio section.section_nav > .section_content > .content_bio {
    	margin-bottom: calc(var(--spaceY)*2);
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (min-width: 481px) {
    nav.menu .mobile_header {
        display: none;
    }
}
/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
    :root {
    	--fontSize: 1rem;
        --fontSizeSmall: 0.75rem;
        --fontSizeLarge: 1.5rem;
        --simplePanel: calc(var(--colWidth)* 7);
        --doublePanel: calc(var(--colWidth)* 7);
        --fullPanel: calc(var(--colWidth)* 7);
        --extendedPanel: calc(var(--colWidth)* 7);
        --extendedHalfPanel: calc(var(--colWidth)* 7);
        --mainHeight: 100vh;
        --mainHeight: var(--viewportHeight);
        --eightColsGrid: repeat(3, 1fr);
        --sixColsGrid: repeat(3, 1fr);
        --insetShadow: inset 0 var(--rowGutterSmall) var(--rowGutterSmall) calc(var(--rowGutterSmall)* -1) rgba(0, 0, 0, 0.33);
    }
    div.site_title {
        width: calc(100% - var(--spaceX)*2);
        height: auto;
    }
    div.site_subtitle {
        height: calc(var(--fontSizeLarge)* 0.75);
    }
    nav.menu {
        display: block;
    }
    nav.menu .mobile_header {
        width: 100%;
    }
    nav.menu ul {
        margin-top: var(--rowGutterLarge);
    }
    section.main_nav.behind .site_title,
    section.main_nav.behind nav.menu,
    section.main_nav.behind footer.main_footer {
        opacity: var(--textColor);
        pointer-events: auto !important;
    }
/***CONTENT***/
    main.content {
        height: calc(var(--mainHeight) - (var(--rowGutterLarge)*4));
        top: auto;
        bottom: 0;
        transform: none;
        background: var(--backColor);
        box-shadow: var(--insetShadow);
        transition: transform var(--transitionDuration);
    }
    main.content.hide {
    	transform: translateY(100%);
    }
    .link:hover {
        color: var(--textColor);
    }
    .link.inactive {
        color: var(--textColor);
        opacity: var(--linkOpacity);
    }
    body#index main.content.extended,
    body#bio main.content.extended,
    body#contact main.content.extended {
    	background: var(--backColor);
	}

    /***HOME***/
    body#index main.content {
        background: transparent;
        pointer-events: none !important;
    }
    body#index main.content section {
        background: transparent;
        pointer-events: none;
    }
    body#index main.content section.section_nav,
    body#index main.content .section_content,
    body#index main.content footer.section_footer {
        display: none;
    }

    /***SERIES***/
    body#series main.content section.thumbnails {
        display: none;
    }
    body#series section.section_nav > .section_content .index_serie .sub_index {
        width: calc((var(--colWidth)* 7) - var(--spaceX)*2);
    }
    body#series section.section_nav > .section_content .index_serie .sub_index .sub_item_num {
        grid-column: 1 / 3;
    }
    body#series section.section_nav > .section_content .index_serie .sub_index .sub_item_title {
        grid-column: 3 / 11;
    }
    body#series section.section_nav > .section_content .index_serie .sub_index .sub_item_details {
        display: none;
    }
    body#series section.section_nav > .section_content .index_serie .sub_index .sub_item_year {
        grid-column: 11 / 14;
    }

    /***SLIDERS***/
    section.sliders .single_slider {
        height: calc(var(--mainHeight) - (var(--rowGutterLarge)* 4));
        bottom: auto;
        display: flex;
        flex-direction: column-reverse;
        background: var(--backColor);
        box-shadow: var(--insetShadow);
    }
    section.sliders .single_slider .slider_nav {
        left: 0;
    }
    section.sliders .single_slider .slider_footer {
        width: var(--fullPanel);
        position: static;
        height: auto;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    section.sliders .single_slider .slider_footer .count {
        font-size: var(--fontSizeLarge);
        align-self: end;
        margin-bottom: 0;
    }
    section.sliders .single_slider .slides {
        position: relative;
        left: 0;
    }
    /*
    section.sliders .single_slider .slides .slide {
        
        display: flex;
        justify-content: center;
    }
    section.sliders .single_slider .slides .slide.active {
        display: flex;
        justify-content: center;
    }
    */
    section.sliders .single_slider .slides .slide .slide_img {
        /*
        width: 100% !important;
        height: 100% !important;
        */
        height: calc(100% - var(--spaceY)* 3) !important;
        margin-top: 0 !important;
        transform: translateY(0) !important;
        display: flex;
        justify-content: center;
        align-items: start;
        background-color: transparent;
    }
    section.sliders .single_slider .slides .slide .slide_img img {
    	object-position: center;
    }
    section.sliders .single_slider .slides .slide .slide_img.vertical {
        width: 100% !important;
        /*
        display: flex;
        justify-content: center;
        align-items: start;
        */
        /*
        margin-left: 50%;
        transform: translateX(-50%) !important;
        */
    }
    section.sliders .single_slider .slides .slide .slide_img.vertical img {
        height: auto !important;
    }
    section.sliders .single_slider .slides .slide .slide_data {
        display: none;
    }
    section.sliders .single_slider .slider_footer .close {
        width: calc(var(--colWidth)* 0.65);
    }

    /***EXHIBITIONS AND PUBLICATIONS***/
    body#exhibitions section.section_nav > .section_content .index_exhibition .sub_data > p,
    body#publications section.section_nav > .section_content .index_publication .sub_data > p {
        width: calc(var(--colWidth)* 7);
    }
    /*
    body#exhibitions section.section_nav > .section_content .index_exhibition .sub_data > .sub_img_grid {
        grid-template-columns: var(--eightColsGrid);
    }
    body#exhibitions section.section_nav > .section_content .index_exhibition .sub_data > .sub_img_grid .img_grid_item {
        pointer-events: none;
    }
    body#exhibitions .section.sliders {
        display: none;
    }
    */

    /***TEXTS***/
    body#texts .single_text_slide {
        height: calc(var(--mainHeight) - (var(--rowGutterLarge)* 4));
        top: auto;
        bottom: 0;
        background: var(--backColor);
        box-shadow: var(--insetShadow);
    }
    body#texts .index_text {
        width: calc(100% + var(--spaceX)* 2);
        margin-left: calc(var(--spaceX)* -1);
        padding-inline: var(--spaceX);
    }
    body#texts .index_text:first-child {
        padding-block: 0 var(--spaceY);
    }
    body#texts .index_text:not(:first-child) {
        padding-block: var(--spaceY);
        box-shadow: var(--insetShadow);
    }
    body#texts .text_title {
        font-size: var(--fontSizeLarge);
    }
    body#texts .text_title.uppercase {
        text-transform: none;
    }
    body#texts .single_text_slide:not(.extended) .close {
    	/*
    	opacity: 1;
    	pointer-events: auto !important;
        */
        display: none;
	}
    body#texts .single_text_slide .close {
    	width: calc(var(--colWidth)* 0.65);
        display: none;
    }

    /***BIO***/
    body#bio section.section_nav > .section_content {
        display: inline-block;
    }
    body#bio section.section_nav > .section_content > .content_bio {
    	margin-bottom: calc(var(--spaceY)*2);
    }
    
    /***FOOTER***/
    body:not(#contact) section.section_nav > .section_content {
        min-height: calc(var(--mainHeight) - (var(--rowGutterLarge)* 4) - (var(--footerHeight)*1));
	}
    body#contact section.section_nav > .section_content {
        min-height: calc(var(--mainHeight) - (var(--rowGutterLarge)* 4) - (var(--spaceY)*2) - (var(--rowGutterSmall)*3));
	}
}