/***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);
        --mainHeight: calc(100vh - var(--siteNameHeight)); /* fallback */
        --mainHeight: calc(var(--viewportHeight) - var(--siteNameHeight));
    }
    body {
        height: 100vh; /* fallback */
        height: var(--viewportHeight);
    }
    .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 {
    	--fontSizeSmall: 1rem;
    	--fontSizeMedium: 1rem;
    }
    
    /***NEWS POP UP***/
    .news .news_popup {
        min-width: calc(100vw / 2);
    	max-width: calc(100vw / 1.25);
        padding: calc(var(--spaceY)*1) calc(var(--spaceX)*1) calc(var(--spaceY)*1.5);
	}
}

/***NOT MOBILES (PORTRAIT)
*****************************************************/
@media (min-width: 481px) {
    .site_name.marquee .marquee_item span.menu_button {
		display: none;
        border-bottom: 0;
    }
    .mobile_menu {
    	display: none;
    }
    .mobile {
    	display: none;
    } 
}
@media (max-width: 481px) {
	.not_mobile {
    	display: none;
    }
}
@media (max-width: 361px) {
	.not_mobile {
    	display: none;
    }
}

/***MOBILES (PORTRAIT)
*****************************************************/
@media (max-width: 480px) {
	:root {
    	--fontSizeSmall: 1rem;
    	--fontSizeMedium: 1rem;
    	--fontSizeLarge: 3rem;
    }
    .mobile {
    	display: inline-block;
    }
    
    /***MOBILE MENU***/
    .site_name.marquee {
    	border-bottom: 0;
    }
    .site_name.marquee:after {
    	content: "";
        width: 100%;
        height: var(--borderWidth);
        position: fixed;
        top: var(--siteNameHeight);
        background: var(--textColor);
    }
    .site_name.marquee .marquee_item {
    	padding-top: calc(var(--spaceY)*0.025);
    }
    .site_name.marquee .marquee_item span.work_button,
    .site_name.marquee .marquee_item span.prints_button {
		display: none;
    }
    .mobile_menu {
    	position: fixed;
        top: var(--siteNameHeight);
        left: 0;
        z-index: 150;
        width: 100vw;
        height: auto;
        /*
    	min-height: calc(100vh - var(--siteNameHeight));
        min-height: calc(var(--viewportHeight) - var(--siteNameHeight));
        */
    	display: inline-block;
        padding: 0 var(--spaceX) calc(var(--rowGutterSmall)*0.25);
        border-bottom: var(--borderLine);
        background: var(--backColor);
        transform: translateY(-100%);
        transition: transform var(--transitionDuration);
    }
    .mobile_menu.open {
        transform: translateY(0);
    }
    .mobile_menu ul.menu_sections {
    	font-family: MonumentGrotesk Medium;
        line-height: var(--lineHeightLow);
        text-align: center;
    }
    .mobile_menu ul.menu_sections li.menu_item a {
        color: transparent;
    	-webkit-text-stroke: var(--borderWidth) var(--textColor);
    	text-stroke: var(--borderWidth) var(--textColor);
    }
    .mobile_menu ul.menu_sections li.menu_item a:hover,
    .mobile_menu ul.menu_sections li.menu_item a.active {
    	color: var(--textColor);
    	-webkit-text-stroke: 0 transparent;
    	text-stroke: 0 transparent;
        text-decoration: none;
	}
    .mobile_menu ul.menu_footer {
    	font-family: MonumentGrotesk Regular;
    }
    
    /***SECTION MARQUEE***/
    .anchor {
		position: absolute;
        top: calc((var(--headerHeight) - var(--rowGutterSmall))* -1);
        height: calc(var(--headerHeight) - var(--rowGutterSmall));
        z-index: -1;
        pointer-events: none;
    }
    .marquee.mobile {
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: var(--siteNameHeight);
        padding-bottom: var(--borderWidth);
        overflow: hidden;
        display: flex;
        color: var(--textColor);
        background: var(--backColor);
        border-top: var(--borderLine);
        border-bottom: var(--borderLine);
        z-index: 100;
        font-family: MonumentGrotesk Regular, Helvetica, Arial, sans-serif;
    }
    .marquee.mobile .marquee_item {
        white-space: nowrap;
    }
    .marquee.mobile .marquee_item span {
        margin: 0 calc(var(--fontSizeSmall)*0.25);
        /*
        color: transparent;
        -webkit-text-stroke: var(--borderWidth) var(--textColor);
        text-stroke: var(--borderWidth) var(--textColor);
        transition-property: color;
        */
    }
    
    /***MOBILE COLUMNS***/
	.column_grid {
    	position: static;
        display: inline-block;
    }
    .column_grid section.column {
    	width: 100vw !important;
    	border-right: 0 !important;
        transform: none !important;
	}
    .column_grid section.column.about_col article.about,
    .column_grid section.column.work_col .col_content,
    .column_grid section.column.prints_col .col_content{
        border-right: 0 !important;
        border-left: 0 !important;
    }
    .column_grid section.column.about_col article.about {
    	margin-bottom: calc(var(--siteNameHeight) + var(--borderWidth)*2);
    }
    .column_grid section.column.work_col .col_content,
    .column_grid section.column.prints_col .col_content {
        margin-bottom: 0;
    }
    .column_grid section.column,
    .column_grid section.column.expanded,
    .column_grid section.column.compressed {
    	width: 100vw;
    	height: auto;
    	overflow-y: visible;
	}
    article.post:last-child {
    	border-bottom: 0;
    }
    a.anchor_link {
    	display: none;
    }
    
    /***NEWS POP UP***/
    .news .news_popup {
        min-width: 100%;
        max-width: 100%;
        padding: calc(var(--spaceY)*1) calc(var(--spaceX)*1) calc(var(--spaceY)*1.5);
	}
    /***SLIDERS***/
    article.post .post_media .slider .slider_nav .prev,
    article.post .post_media .slider .slider_nav .next {
        width: 50%;
        height: 100%;
        position: relative;
        display: flex;
        /*justify-content: center;*/
        align-items: center;
        cursor: pointer;
        opacity: 1;
        /*transition: opacity var(--transitionDuration);*/
    }
    .column_grid section.column:not(.expanded) .post_media {
    	pointer-events: auto;
    }
}