/***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) {
}
@media (max-width: 1280px) {
	.site_name {
		width: 90px;
	}
	.site_name span.logo_letters {
		width: 0;
    	opacity: 0;
	}
    nav.secondary_menu {
    	width: 90px;
    }
    
}

/***FROM TABLETS TO MOBILES (LANDSCAPE and PORTRAIT)
*****************************************************/
@media (max-width: 1024px) {
    /***VIEWPORT HEIGHT***/
    :root {
    	--spaceX: calc(var(--fontSizeSmall)*1);
        --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) {
	header .menu_button_mobile,
	header.open .menu_button_mobile {
        display: none;
	}
}

/***SMALL TABLETS, MOBILES (LANDSCAPE)
*****************************************************/
@media (min-width: 481px) and (max-width: 767px) {
}
@media (max-width: 767px) {
	:root {
    	/***TEXT***/
        /*--fontSize: clamp(1rem, 1.25vw, 1.5rem);*/
        --fontSizeSmall: 0.9rem;
        --fontSizeMedium: 1.25rem;
        --fontSizeLarge: 1.75rem;
        --fontSizeXLarge: 1.75rem;
        --fontWeight: 400;
        --letterSpacing: -0.025em;
        --wordSpacing: 0em;
        --lineHeight: 1.1;
        --lineHeightLow: 0.9;
	}
	header {
    	width: 100%;
    	position: fixed;
    }
    header > * {
    	flex: 1;
    }
    header .site_name {
    	width: auto !important;
        pointer-events: none;
    }
    header .main_menu {
    	width: 100%;
    }
    header nav.main_menu {
    	position: fixed;
        top: var(--mainTopSpace);
        left: 0;
        /*
    	opacity: 0;
        pointer-events: none;
        */
        display: none;
	}
    header.open nav.main_menu {
    	/*
    	opacity: 1;
        pointer-events: auto;
        */
        display: inline-block;
	}
    header.open nav.main_menu ul {
    	/*flex-direction: column;*/
	}
    .tags_blocks:not(.hide) {
    	opacity: 1;
        pointer-envents: auto;
    }
    .tags_blocks.hide {
    	opacity: 0;
        pointer-envents: none;
    }
    header nav.main_menu ul,
    header nav.secondary_menu ul,
    footer nav.social ul {
    	flex-wrap: wrap;
    	overflow: auto;
	}
    header nav.main_menu li.menu_item,
    header nav.secondary_menu li.menu_item:not(.tag_button),
    footer nav.social li.social_item {
    	overflow: auto;
	}
    header .menu_button_mobile {
    	display: flex;
    	justify-content: center;
    }
    header .menu_button_mobile span {
        display: inline-block;
        padding: var(--buttonsPadding);
        background: var(--buttonColor);
    	border-radius: var(--borderRadius);
        transition-property: color, background;
        transition-duration: var(--transitionDuration);
        z-index: 200;
	}
    .marquee {
    	display: none;
    }
    main.content {
    	margin-top: var(--mainTopSpace);
    }   
    section article .multimedia.cover .cover_header {
    	width: auto;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
    .program_sheet .sheet_row,
    .program_sheet a.sheet_link {
    	display: inherit;
    }
    .index_sheet .sheet_row,
    .index_sheet a.sheet_link {
    	display: inherit;
    }
    .program_sheet .sheet_row > *,
    .index_sheet .sheet_row > * {
        white-space: normal;
        overflow: auto;
        text-overflow: initial;
	}
    body#public_art .sheet_row .sheet_thumb {
        width: auto;
        height: auto;
        left: auto;
        transform: none;
        position: static;
        top: auto;
        margin-bottom: var(--innerBlockGutter);
        z-index: 50;
        opacity: 1;
        pointer-events: auto;
	}
    
    .program_sheet .sheet_tags,
    .index_sheet .sheet_tags {
        text-align: left;
	}
    article.single .media,
    article.single .data,
    .article_header {
    	grid-column: 1 / 6;
    }
    .article_header {
    	margin-bottom: var(--rowGutterSmall);
    }
    article.single .data .annex {
    	display: initial;
    }
}