/***GLOBAL VARIABLES
*****************************************************/
:root {
    /***TEXT***/
    --fontSize: 1.25rem;
    --fontSizeLarge: 2.75rem;
    --fontSizeSmall: 0.75rem;
    --fontWeight: 400;
    --letterSpacing: .025em;
    --wordSpacing: 0em;
    --lineHeight: 1.2;
    --lineHeightLow: 0.8;

    /***SPACES***/
    --spaceY: calc(var(--fontSize) * var(--lineHeight));
    --spaceX: calc(var(--fontSize) * var(--lineHeight));
    --bodySpaces: 0;
    --rowGutter: calc(var(--fontSize) * var(--lineHeight));
    --rowGutterSmall: calc(var(--fontSizeSmall) * var(--lineHeight));
    --rowGutterLarge: calc(var(--fontSizeLarge) * var(--lineHeight));
    --colGutter: calc(var(--fontSize) * 0.5);
    --mainTopSpace: calc(var(--rowGutter) * 2);
    --mainBottomSpace: calc(var(--rowGutter) * 3);

    /***SIZES***/
    --headerHeight: calc(var(--spaceY)*2 + var(--rowGutter));
  	--mainWidth: 100%;
  	--mainHeight: 100vh;
  	--colWidth: calc(100vw / 26);
  	--siteNameWidth: var(--colWidth);
  	--mainMenuWidth: calc(var(--colWidth)*6);
  	--sectionNavWidth: calc(var(--colWidth)*9.5);
    --sectionContentWidth: calc(var(--colWidth)*9.5);
  	/*--open_sectionMenuWidth: calc(var(--colWidth)*12);*/
  	--contentMainWidth: calc(100vw - var(--siteNameWidth) - var(--mainMenuWidth));
    --compressed_contentWidth: calc(100vw - var(--siteNameWidth) - var(--mainMenuWidth) - var(--sectionNavWidth));
    --expanded_contentWidth: calc(var(--sectionNavWidth) + var(--mainMenuWidth));
    --full_contentWidth: calc(100vw - var(--siteNameWidth) + var(--borderWidth));

    /***GRIDS***/
    --oneColGrid: repeat(1, 1fr);
    --twoColsGrid: repeat(2, 1fr);
    --threeColsGrid: repeat(3, 1fr);
    --fourColsGrid: repeat(4, 1fr);
    --fiveColsGrid: repeat(5, 1fr);
    --gridGap: var(--colGutter) var(--colGutter);

    /***COLOR***/
    --paletteWhite: #FDFDFD;
    --paletteGray: #999999;
    --paletteBlack: #000000; 
    --paletteAlpha: transparent;
    --backColor: var(--paletteWhite);
    --textColor: var(--paletteBlack);
    --linkColor: var(--paletteBlack);
    --hoverColor: var(--paletteGray);

    /***DECORATION***/
    --linkDeco: underline;
    --borderWidth: 1px;
    --borderLine: var(--borderWidth) solid var(--textColor);

    /***TRANSITION***/
    --transitionDuration: 0.35s;
    --transitionDurationSlow: 1.4s;
}
  
/***FONTS
*****************************************************/
* {
	-webkit-font-smoothing: smooth;
	-moz-font-smoothing: smooth;
    -ms-font-smoothing: smooth;
    -o-font-smoothing: smooth;
    font-smoothing: smooth;
	text-rendering: geometricPrecision;
}
* {
  	-webkit-text-size-adjust: 100%;
  	-moz-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
@font-face {
  	font-family: Diatype;
  	src: url("fonts/ABCDiatypePlusVariable.woff");
}
@font-face {
  	font-family: Cormorant;
  	src: url("fonts/CormorantRegular.woff");
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize !important;
}
.lowercase {
  	text-transform: lowercase;
}
.font_size {
	font-family: "Cormorant";
    font-size: var(--fontSize);
}
.font_size_L {
	font-family: "Cormorant";
    font-size: var(--fontSizeLarge);
}
.font_size_S {
	font-family: 'Diatype', Helvetica, sans-serif;
    font-size: var(--fontSizeSmall);
    letter-spacing: var(--letterSpacing);
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.same_line {
    white-space: nowrap;
}
* {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/***RESET
*****************************************************/
::-webkit-scrollbar {
	display: none;
    /*width: 3px;*/
}
::-webkit-scrollbar-thumb {
	background: transparent;
    /*
    background: transparent var(--textColor);
    border-left: var(--borderLine);
    height: 50px;
    */
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-moz-scrollbar {
	display: none;
    /*width: 3px;*/
}
::-moz-scrollbar-thumb {
	background: transparent;
    /*
    background: transparent var(--textColor);
    border-left: var(--borderLine);
    height: 50px;
    */
}
::-moz-scrollbar-track {
	background: transparent;
}
::selection {
    color: var(--backColor);
    background-color: var(--textColor);
}
::-moz-selection {
    color: var(--backColor);
    background-color: var(--textColor);
}
*,
*::before,
*::after {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
  	height: var(--mainHeight);
  	position: relative;
  	margin: var(--bodySpaces);
  	color: var(--textColor);
  	background: var(--backColor);
    font-family: "Cormorant";
  	font-size: var(--fontSize);
    line-height: var(--lineHeight);
}
ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}
li {
  display: block;
}
a {	
    color: var(--linkColor);
    text-decoration: none;
}
a:not(.external_link):hover {	
    text-decoration: none;
}
a.external_link:hover {	
    text-decoration: var(--linkDeco);
}
h1, h2, h3 {
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding: 0;
    font-size: var(--fontSize);
    font-style: normal;
    font-weight: 400;
}
p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
}
span {
    display: inline;
}
img, video {
    vertical-align: middle;
}
img.lazy {
    opacity: 0;
    transition: opacity var(--transitionDuration);
}
img.lazy.loaded {
    opacity: 1;
}
img.grayscale {
	-webkit-filter: 100%;
  	-moz-filter: 100%;
  	-ms-filter: 100%;
    filter: grayscale(100%);
}
form, input, textarea, submit,
iframe, embed, audio {
    margin: 0;
    padding: 0;
    color: var(--textColor);
    background: transparent;
    border: 0;
    outline: none;
    font: inherit;
    font-size: inherit;
}
input:focus, textarea:focus {
    outline: none;
}
input[name="submit"] {
	cursor: pointer;
}
::placeholder {
	/*chrome, firefox, opera, safari*/
    color: var(--textColor);
}
:-ms-input-placeholder {
	/*internet explorer*/
	color: var(--textColor);
}
::-ms-input-placeholder {
	/*microsoft edge*/
    color: var(--textColor);
}

/***GENERAL
*****************************************************/


/***HEADER AND MENU
*****************************************************/
nav.site_name {
  	width: var(--siteNameWidth);
  	height: 100%;
    padding: var(--spaceY) 0;
  	position: fixed;
  	top: 0;
  	left: 0;
    z-index: 150;
    display: grid;
	justify-content: center;
    background: var(--backColor);
  	border-right: var(--borderLine);
    cursor: pointer;
}
nav.site_name span {
  	width: 1.5rem;
}
nav.site_name span img {
  	width: 100%;
}
nav.site_name span:nth-child(1) {
  	align-self: start;
}
nav.site_name span:nth-child(2) {
  	align-self: center;
}
nav.site_name span:nth-child(3) {
  	align-self: end;
}
nav.menu {
    width: var(--mainMenuWidth);
    height: 100%;
    padding: var(--spaceY) var(--spaceX);
    position: fixed;
    top: 0;
    left: var(--colWidth);
    z-index: 100;
    border-right: var(--borderLine);
    background: var(--backColor);
}
nav.menu.desktop {
    display: flex;
    flex-direction: column;
}
nav.menu ul {
	height: 100%;
}
nav.menu li.menu_item {
    display: inherit;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
}
nav.menu li.menu_item.active {
    padding-left: var(--spaceX);
}
nav.menu li.menu_item:not(.active) a {	
  transition-property: padding-left;
  transition-duration: var(--transitionDuration);
}
nav.menu li.menu_item:not(.active) a:hover {	
  padding-left: var(--spaceX);
}
header.header_root {
	margin-left: var(--spaceX);
	padding-bottom: var(--spaceY);
}
nav.menu .menu_footer {
	padding: calc(var(--rowGutter)*2) var(--spaceX) 0;
}
nav.menu .menu_footer .lang_switcher span.active,
nav.menu .menu_footer .lang_switcher a:hover{
	text-decoration: var(--linkDeco);
}
.close_button,
.open_button {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 0;
    cursor: pointer;
    transition: rotate var(--transitionDuration), opacity var(--transitionDuration);
}
nav.menu.desktop .close_button,
section.section_content .open_button {
    padding: calc(var(--rowGutterSmall)*.75) var(--colGutter);
}
section.section_nav .close_button a {
	display: inline-block;
    padding: calc(var(--rowGutterSmall)*.75) var(--colGutter);
}
.close_button_fixed {
	padding: calc(var(--rowGutterSmall)*.75) var(--colGutter);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    line-height: 0;
    cursor: pointer;
    transition: rotate var(--transitionDuration), opacity 3s;
}
/*
main.content.expanded section.section_content:not(.full) .open_button {
    opacity: 1;
}
*/
.close_button svg.cross_icon,
.close_button_fixed svg.cross_icon {
	width: calc(var(--fontSizeSmall)*0.9);
	fill: none;
	stroke: var(--textColor);
	stroke-width: var(--borderWidth);
	cursor: pointer;
}
.close_button svg.cross_icon line,
.open_button svg.cross_icon line,
.close_button_fixed svg.cross_icon line {	
	vector-effect: non-scaling-stroke;
}

.open_button svg.plus_icon {
	width: calc(var(--fontSizeSmall)*1.1);
	fill: none;
	stroke: var(--textColor);
	stroke-width: var(--borderWidth);
	cursor: pointer;
}
.open_button svg.plus_icon line {	
	vector-effect: non-scaling-stroke;
}

/***CONTENT
*****************************************************/
main.content {
    height: 100%;
    position: fixed;
    right: 0;
    /*left: cacl(var(--siteNameWidth) + var(--mainMenuWidth));*/
    overflow-y: hidden;
    /*transition: width var(--transitionDuration);*/
}
section.section_nav,
section.section_content {
	height: 100%;
    overflow-y: scroll;
    scroll-behavior: smooth;
}
/*
body.about main.content.compressed section.section_content {
	height: calc(100% + var(--spaceY));
}
*/
/***SECTION NAV***/
section.section_nav {
    position: relative;
	padding: var(--spaceY) var(--spaceX);
    z-index: 75;
    background: var(--backColor);
}
.section_nav .nav_article {
    position: relative;
}
body:not(.publications) .section_nav .nav_article {
    padding: calc(var(--spaceY) * 1) 0 var(--spaceY) 0;
    border-top: var(--borderLine);
}
body.publications .section_nav .nav_article {
    margin-bottom: var(--rowGutterSmall);
}
body.exhibitions .nav_article a .article_title,
body.fairs .nav_article a .article_title,
body.publications .nav_article a .article_title {
	transition: padding-left var(--transitionDuration);
}
body.exhibitions .nav_article a:hover .article_title,
body.fairs .nav_article a:hover .article_title,
body.publications .nav_article a:hover .article_title {
	padding-left: var(--spaceX);
}
section.section_nav .article_subtitle {
    padding-left: var(--spaceX);
}
section.section_nav .article_subtitle.inner_link {
    transition: padding-left var(--transitionDuration);
}
section.section_nav .article_subtitle.inner_link:hover {
    padding-left: 0;
}
section.section_nav .article_artists span:not(:last-child):after {
    content: ", ";
}

/***SECTION CONTENT***/
section.section_content {
	/*
	position: absolute;
    top: 0;
    right: 0;
    */
    overflow-y: scroll;
    z-index: 50;
    background: var(--backColor);
}
/***THUMBNAIL GRID***/


/***MINI THUMBNAIL GRID***/


/***MEDIA GRID***/
.section_content > .media_grid .media_item {
	position: relative;
}
.section_content > .media_grid:not(.media_news) .media_item {
	cursor: pointer;
}
.media_grid .media_item .item_img img {
	width: 100%;
}
.media_grid .media_item .item_data {
	margin-top: var(--rowGutterSmall);
}
.media_grid .media_item .anchor {
	position: absolute;
    top: calc(var(--rowGutter) * -1);
}

/***NEWS INDEX
*****************************************************/
body.news_index .nav_article {
	text-align: center;
}
body.news_index .nav_article .article_date {
    /*position: absolute;*/
    display: block;
    top: var(--spaceY);
    left: 0;
    padding: 0 var(--spaceX);
    text-align: left;
}
body.news_index .nav_article .article_thumbs {
    margin-top: var(--rowGutterSmall);
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: var(--colGutter);
    overflow: hidden;
    opacity: 0;
    transition: opacity var(--transitionDuration);
    transition-delay: 0;
}
body.news_index .nav_article a:hover .article_thumbs {
	opacity: 1;
	transition-delay: var(--transitionDuration);
}
body.news_index .nav_article a .article_thumbs img {
	max-height: 0;
	height: 100%;
    object-fit: contain;
    transition: max-height var(--transitionDuration);
    /*transition-delay: 0;*/
}
body.news_index .nav_article a:hover .article_thumbs img {
	max-height: calc(var(--rowGutterLarge)*3);
    /*transition-delay: 0;*/
}

/***ARTISTS
*****************************************************/
body.artists section.section_nav {
	overflow-y: scroll;
}
body.artists .thumbnail_grid {
    display: grid;
    grid-gap: var(--gridGap);
    margin-top: var(--rowGutter);
}
body.artists .thumbnail_grid .thumb_media {
    position: relative;
}
body.artists .thumbnail_grid .single_thumb .thumb_media img {
    width: 100%;
    height: 100%;
}
body.artists .thumbnail_grid .single_thumb .thumb_media img {
    object-fit: cover;
    /*object-position: top;*/
}
body.artists .thumbnail_grid .single_thumb .thumb_media img.hover_img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity var(--transitionDuration);
}
body.artists .thumbnail_grid .single_thumb:hover .thumb_media img.hover_img {
	opacity: 1;
}
body.artists .thumbnail_grid .thumb_data {
    padding: calc(var(--rowGutterSmall)*0.33) 0; 
}

/***PUBLICATIONS
*****************************************************/
body.publications main.content {
	display: flex;
}
body.publications section.section_nav {
    width: var(--sectionNavWidth);
    border-right: var(--borderLine);
}
body.publications section.section_content {
    width: var(--sectionContentWidth);
}
body.publications .thumbnail_grid {
    display: flex;
    flex-direction: column;
}
body.publications .thumbnail_grid .single_thumb {
    width: 100%;
}
body.publications .thumbnail_grid .single_thumb:not(:first-child) {
    border-top: var(--borderLine);
}
body.publications .thumbnail_grid .single_thumb .thumb_media {
    position: relative;
}
body.publications .thumbnail_grid .single_thumb .thumb_media img {
    width: 100%;
    height: 100%;
}
body.publications .thumbnail_grid .single_thumb .thumb_data {
    margin-top: var(--rowGutterSmall);
    margin-bottom: var(--rowGutter);
    padding-left: var(--spaceX);
}
body.publications span.authorship:not(:last-child):after {
	content: ", ";
}

/***SINGLE ARTICLES
*****************************************************/
body.artist main.content,
body.exhibition main.content,
body.fair main.content,
body.publication main.content,
body.news main.content {
	display: flex;
}
body.artist section.section_nav,
body.exhibition section.section_nav,
body.fair section.section_nav,
body.publication section.section_nav,
body.news section.section_nav {
    width: var(--sectionNavWidth);
    display: flex;
    flex-direction: column;
    border-right: var(--borderLine);
}
section.section_nav .article_header {
    height: 100%;
}
/*
body.artist section.section_content,
body.exhibition section.section_content,
body.fair section.section_content,
body.publication section.section_content,
body.news section.section_content {
    width: var(--sectionContentWidth);
}
*/
section.section_content {
    width: var(--sectionContentWidth);
}
/*
section.section_content:after {
    content: "";
    width: var(--borderWidth);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    backgroud: var(--textColor);
}
*/
body.artist main.content section.section_content .media_grid,
body.publication main.content section.section_content .media_grid,
body.news main.content section.section_content .media_grid {
	margin-top: calc(var(--rowGutter)*2);
}
body.exhibition .mini_thumbnail_grid {
    display: grid;
    grid-template-columns: var(--fiveColsGrid);
    grid-gap: var(--gridGap);
    margin-top: var(--rowGutter);
}
body.exhibition .mini_thumbnail_grid .single_thumb .thumb_media img {
    width: 100%;
    height: 100%;
}

/***ABOUT
*****************************************************/
body.about main.content {
	display: flex;
}
body.about section.section_nav {
	width: var(--sectionNavWidth);
    display: flex;
    flex-direction: column;
    border-right: var(--borderLine);
}
body.about section.section_content {
    width: var(--sectionNavWidth);
}
body.about main.content section.section_content .media_grid {
	margin-top: calc(var(--rowGutter)*2);
}
body.about main.content section.section_content .media_grid .media_item.img_65 {
	width: calc(65% - var(--colGutter)*1.2);
}
body.about .slider {
	position: relative;
	margin-top: calc(var(--rowGutter)*2);
    /*transition: width var(--transitionDuration);*/
}
body.about .slider .slides {
	/*
	width: 100%;
	height: 100%;
    */
	position: relative;
}
body.about main.content.compressed .slider,
body.about main.content.expanded .slider {
	width: calc(var(--sectionNavWidth) - var(--spaceX)*2);
}
body.about main.content.compressed .slider .slides,
body.about main.content.expanded .slider .slides {
    height: calc(var(--sectionNavWidth) * 0.66);
}
body.about .slider .slides .slide {
	width: 100%;
	height: 100%;
	position: absolute;
	/*display: none;*/
    opacity: 0;
	transition: opacity var(--transitionDuration);
}
body.about .slider .slides .slide.active {
	opacity: 1;
}
body.about .slider .slides .slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/*object-position: left;*/
}
body.about .slider .slider_nav {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: space-between;
}
body.about .slider .slider_nav .prev,
body.about .slider .slider_nav .next {
	width: 50%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
body.about .slider .slider_footer {
	width: 100%;
    display: flex;
	margin-top: var(--rowGutterSmall);
}
body.about .slider .slider_footer .captions {
	width: 80%;
    text-align: left;
}
body.about .slider .slider_footer .count {
	width: 20%;
    text-align: right;
}

/***EXPAND, COMPRESS, CLOSE
*****************************************************/
nav.menu {
    transition: transform var(--transitionDuration);
}
nav.menu.closed {
    transform: translateX(calc(-100% - var(--borderWidth)));
}
main.content.animate {
    transition: width var(--transitionDuration);
}
main.content.compressed {
	width: var(--contentMainWidth);
}
main.content.expanded {
	width: var(--full_contentWidth);
}
section.section_nav,
section.section_content {
	transform: translateX(0);
    transition: transform var(--transitionDuration);
}
section.section_nav.closed {
    transform: translateX(calc(-100% - var(--borderWidth)));
}
section.section_content.closed {
    transform: translateX(calc(-100% - var(--sectionNavWidth) - var(--borderWidth)));
    border-right: var(--borderLine);
}
section.section_content.animate {
    transition-property: width, padding, transform;
    transition-duration: var(--transitionDuration);
}
body:not(.publications) section.section_content {
	padding: var(--spaceY) var(--spaceX);  
}
main.content.expanded section.section_content {
	width: var(--expanded_contentWidth);
}
main.content section.section_content .article_text p:not(:first-child) {
    text-indent: calc(var(--spaceX)*2);
}
main.content section.section_content .media_grid {
	display: flex;
    flex-flow: wrap;
    gap: calc(var(--rowGutter)*1) calc(var(--spaceX)*1);
	transition: opacity var(--transitionDuration);
	/*
    transition: margin-top var(--transitionDuration), grid-gap var(--transitionDuration);
    */
}
main.content.compressed section.section_content .media_grid .media_item {
	width: 100%;
}
main.content:not(.compressed) section.section_content .media_grid .media_item:not(.img_100):not(.img_65):not(.img_50):not(.img_35) {
	width: 100%;
}
main.content.expanded section.section_content .media_grid .media_item.img_100 {
	width: 100%;
}
main.content.expanded section.section_content .media_grid .media_item.img_65 {
	width: calc(65% - var(--colGutter)*1.2);
}
main.content.expanded section.section_content .media_grid .media_item.img_50 {
	width: calc(50% - var(--colGutter)*1.2);
}
main.content.expanded section.section_content .media_grid .media_item.img_35 {
	width: calc(35% - var(--colGutter)*1.2);
}
body.artists main.content.compressed .thumbnail_grid {
    grid-template-columns: var(--threeColsGrid);
}
body.artists main.content.expanded .thumbnail_grid {
    grid-template-columns: var(--fourColsGrid);
}

/***FULL DISPLAY***/
main.content.expanded.full_display section.section_nav {
	/*display: none;*/
}
main.content.expanded.full_display section.section_content {
	width: var(--sectionContentWidth);
	/*display: none;*/
}

/***MEDIA REEL***/
section.media_reel {
	width: var(--full_contentWidth);
	height: 100%;
    position: fixed;
    top: 0;
    left: var(--siteNameWidth);
	margin-top: 0;
    grid-gap: 0 0;
	overflow-x: hidden;
    transition: opacity var(--transitionDuration);
}
section.media_reel .media_item {
	position: relative;
}
section.media_reel .media_item:not(:last-child):after {
	content: "";
    width: var(--borderWidth);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50;
    background: var(--paletteBlack);
}
section.media_reel .media_item:last-child:after {
	content: "";
    width: var(--borderWidth);
    height: 100%;
    position: absolute;
    top: 0;
    right: -1px;
    z-index: 50;
    background: var(--paletteBlack);
}
section.media_reel .media_item .item_img {
	width: calc(var(--full_contentWidth)/3);
    transition: width var(--transitionDuration);
}
section.media_reel .media_item.zoom .item_img {
	width: calc(var(--full_contentWidth)/1.5);
}
section.media_reel .media_item .item_img img {
	width: 100%;
	max-height: calc(100vh - var(--rowGutterSmall)*9);
    cursor: pointer;
    object-fit: cover;
    transition-property: width, height, max-height, object-fit;
    transition-duration: var(--transitionDuration);
}
section.media_reel .media_item.zoom .item_img img {
	height: 100vh;
	max-height: 100vh;
    object-fit: cover;
}
section.media_reel .item_data {
	margin-top: var(--rowGutterSmall);
	margin-left: var(--spaceX);
}
main.content:not(.full_display) section.media_reel {
	display: none;
}
main.content.full_display section.media_reel {
	display: flex;
}
main.content section.media_reel:not(.fade)  {
    opacity: 0;
}
main.content section.media_reel.fade  {
    opacity: 1;
}

/***TEXT SCREEN (PUBLICATION)***/
section.data_screen {
	position: fixed;
    top: 0;
    left: var(--siteNameWidth);
	padding: var(--spaceY) var(--spaceX);
    transition: opacity var(--transitionDuration);
}
main.content:not(.full_display) section.data_screen {
	display: none;
}
main.content section.data_screen:not(.fade) {
	opacity: 0;
}
main.content section.data_screen.fade {
	opacity: 1;
}
main.content.full_display section.data_screen > .article_header .header_root,
main.content.full_display section.data_screen > .article_header .article_title,
main.content.full_display section.data_screen > .article_header .article_subtitle {
	max-width: var(--sectionNavWidth);
}
main.content.full_display .data_screen > .article_body  {
	margin-top: calc(var(--rowGutter)*2);
	display: flex;
}
main.content.full_display .data_screen > .article_body .article_text {
	width: var(--expanded_contentWidth);
}
main.content.full_display .data_screen > .article_body .media_grid {
    width: calc(50% - var(--colGutter)*1.2);
    display: flex;
	justify-content: end;
}
main.content.full_display .data_screen > .article_body .media_grid .media_item.img_50 {
    width: calc(50% - var(--colGutter)*1.2);
}

/***FOOTERS
*****************************************************/
.article_footer,
.about_footer {
	/*
	position: absolute;
    bottom: 0;
    padding: var(--spaceY) 0 var(--spaceY) var(--spaceX);
    */
    padding-left: var(--spaceX);
	margin-top: calc(var(--rowGutter)*2);
}
.article_footer .footer_title {
    margin-left: var(--spaceX);
}
.about_footer {
	display: grid;
    grid-template-columns: var(--twoColsGrid);
    gap: var(--spaceY) var(--spaceX);
    /*width: 100%;*/
}
.about_footer .about_contact,
.about_footer .about_team {
    display: flex;
    flex-flow: column;
    gap: var(--rowGutterSmall) 0;
}
.about_footer .about_contact {
	grid-column: 1/2;
}
.about_footer .about_team {
	grid-column: 2/3;
}
.about_footer form.subscription_form {
	width: 100%;
	display: flex;
}
.about_footer form.subscription_form input[type="text"] {
	width: 100%;
	border-bottom: var(--borderLine);
}
.about_footer form.subscription_form input[name="submit"] {
	text-align: left;
}
body.about .credits {
	grid-column: 1/3;
	color: var(--paletteGray);
}
body.about .credits a {
	color: var(--paletteGray);
}
body.about .credits a:hover {
	text-decoration: var(--linkDeco);
}