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

  /***SPACES***/
  --spaceY: calc(var(--fontSize) * 1);
  --spaceX: calc(var(--fontSize) * 1.2);
  --bodySpaces: 0;
  --rowGutter: calc(var(--fontSize) * var(--lineHeight));
  --rowGutterSmall: calc(var(--fontSize) * 0.75);
  --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);
  --sectionMenuWidth: calc(var(--colWidth)*9.5);
  --open_sectionMenuWidth: calc(var(--colWidth)*12);
  --contentWidth: calc(100vw - var(--siteNameWidth) - var(--mainMenuWidth));
  --expanded_contentWidth: calc(100vw - var(--siteNameWidth));
  --compressed_contentWidth: calc(100vw - var(--siteNameWidth) - var(--mainMenuWidth) - var(--sectionMenuWidth));
  --semi_compressed_contentWidth: calc(100vw - var(--siteNameWidth) - var(--open_sectionMenuWidth));

  /***GRIDS***/
  --oneColGrid: repeat(1, 1fr);
  --threeColsGrid: repeat(3, 1fr);
  --fourColsGrid: repeat(4, 1fr);
  --sixColsGrid: repeat(6, 1fr);
  --twelveColsGrid: repeat(12, 1fr);
  --gridGap: var(--rowGutterSmall) var(--colGutter);

  /***COLOR***/
  --paletteWhite: #FDFDFD;
  --paletteGray: #CCCCCC;
  --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.3s;
}

/***RESET
*****************************************************/
::-webkit-scrollbar {
  display: none;
}
::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: inline;
}
a {	
  color: var(--linkColor);
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transitionDuration);
}
a:hover {	
  text-decoration: none;
  transition-property: color;
  transition-duration: var(--transitionDuration);
}
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;
}
form, input, textarea, submit,
iframe, embed, audio {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: inherit;
}
input:focus, textarea:focus {
  outline: none;
}
::placeholder {
	/*chrome, firefox, opera, safari*/
  color: var(--textColor);
}
:-ms-input-placeholder {
	/*internet explorer*/
	color: var(--textColor);
}
::-ms-input-placeholder {
	/*microsoft edge*/
  color: var(--textColor);
}

/***FONTS
*****************************************************/
* {
	-webkit-font-smoothing: smooth;
	-moz-osx-font-smoothing: smooth;
    font-smoothing: smooth;
	text-rendering: geometricPrecision;
}
@font-face {
  font-family: Diatype;
  src: url("ABCDiatypePlusVariable.woff");
}
@font-face {
  font-family: Cormorant;
  src: url("CormorantRegular.woff");
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
* {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/***GENERAL SPACES
*****************************************************/
header.site_name,
nav.menu,
body:not(.artist):not(.exhib):not(.fair):not(.about) main.content {
  padding: var(--spaceY) var(--spaceX);
}

/***TITLE AND MENU
*****************************************************/
header.site_name,
nav.menu ul {
  font-size: var(--fontSize_L);
}
nav.menu ul {
  padding-top: calc(var(--spaceY)*0.75);
}
header.site_name {
  width: var(--siteNameWidth);
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--backColor);
  z-index: 100;
  
  /* IMPORTANTE: COMENTO ESTO PARA
  PODER TRABAJAR EN EL MAIN!
  NO ESTÁ TERMINADO */
  
  /* display: grid; */
  display: none;
  
  /* ----- */
  
  justify-content: center;
  text-transform: uppercase;
  border-right: var(--borderLine);
}
header.site_name span{
  width: 1.5rem;
}
header.site_name span img{
  width: 100%;
}
header.site_name span:nth-child(1) {
  align-self: start;
}
header.site_name span:nth-child(2) {
  align-self: center;
}
header.site_name span:nth-child(3) {
  align-self: end;
}
nav.menu {
  width: var(--mainMenuWidth);
  height: 100%;
  position: fixed;
  top: 0;
  left: var(--colWidth);
  border-right: var(--borderLine);
  
  /* IMPORTANTE: COMENTO ESTO PARA
  PODER TRABAJAR EN EL MAIN!
  NO ESTÁ TERMINADO */
  
  display: none;
  
  /* ----- */
  
}
nav.menu > .menu-root {
  font-family: 'Diatype', Helvetica, sans-serif;
  font-size: var(--fontSize_S);
  letter-spacing: var(--letterSpacing);
  margin-bottom: var(--spaceY);
  padding-left: var(--spaceX);
}
nav.menu ul {
  display: inherit;
}
nav.menu li.menu_item {
  display: inherit;
}
nav.menu li.menu_item a {	
  transition-property: padding-left;
  transition-duration: var(--transitionDuration);
}
nav.menu li.menu_item a:hover {	
  padding-left: var(--spaceX);
}
nav.menu .menu_footer {
    position: absolute;
    bottom: 0;
    padding: var(--spaceX);
    font-family: 'Diatype', Helvetica, sans-serif;
    font-size: var(--fontSize_S);
}
.language-switch-container {
    display: none;
}

/***WPADMINBAR
LE PONGO POSITION FIXED PORQUE MOLESTA EN MOBILE */

#wpadminbar {
    position: fixed;
}

/***MAIN CONTENT
*****************************************************/
main.content {

    /* IMPORTANTE: COMENTO ESTO PARA
  PODER TRABAJAR EN EL MAIN!
  NO ESTÁ TERMINADO */
    
    width: 100%;
    
  /* width: var(--contentWidth); */
  
  /* ------- */
  
  height: 100%;
  position: fixed;
  overflow-y: scroll;
  right: 0;
}

.header-root {
    display: grid;
    grid-template-columns: 1fr;
    padding-left: var(--spaceX);
    margin-top: 5px;
    margin-bottom: var(--spaceY);
}

.header-root > .breadcrumb {
  font-family: 'Diatype', Helvetica, sans-serif;
  font-size: var(--fontSize_S);
  letter-spacing: var(--letterSpacing);
}

.header-root > .page-title {
  display: none;
}

/***THUMBNAIL GRID***/
section.thumb_grid {
  display: flex;
}
article.thumb .thumb_media {
  display: flex;
  justify-content: center;
  align-items: center;
}
article.thumb .thumb_media img {
  width: 100%;
  max-height: auto;
  object-fit: contain;
  object-position: center;
}
article.thumb .thumb_data {
  margin-top: calc(var(--rowGutter)*0.25);
}

/***NEWS STYLES
*****************************************************/
section.menu,
main.content {
  transition-property: width;
  transition-duration: var(--transitionDuration);
}

/***

ESTILOS NACHO

***/

/***NEWS
*****************************************************/
#news > .news-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: calc(var(--spaceY) * 1.8);
    margin-bottom: var(--spaceY);
    border-top: var(--borderLine);
    position: relative;
}

#news > .news-container > .news-info-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#news > .news-container > .news-date {
    /*font-size: var(--fontSize_S);*/
    position: absolute;
    top: var(--spaceY);
    padding-left: var(--spaceX);
}

#news > .news-container > .news-info-container > .news-title {
    font-size: var(--fontSize_L);
    line-height: var(--lineHeightLow);
}

#news > .news-container > .news-info-container > .news-location {
    font-size: var(--fontSize_L);
}

#news > .news-container > .news-info-container > .news-artists {
    font-size: var(--fontSize);
    margin-top: calc(var(--spaceY)*0.33);
}

#news > .news-container > .news-info-container > .news-thumbnails {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: var(--colGutter);
    margin-top: var(--rowGutterSmall);
}

/***ARTISTS
*****************************************************/

#artists > .header-container > .breadcrumb {
  font-family: 'Diatype', sans-serif;
  font-size: var(--fontSize_S);
}

#artists > .artists-list-container {
    display: grid;
    grid-template-columns: var(--threeColsGrid);
    grid-gap: var(--gridGap);
    margin-top: var(--rowGutter);
    /*
    display: flex;
    justify-content: center;
    flex-direction: column;
    */
}
main.content.menu-closed #artists > .artists-list-container {
    grid-template-columns: var(--fourColsGrid);
}

/*
#artists > .artists-list-container > .artist-container {
    display: flex;
    flex-direction: column;
}
*/
#artists > .artists-list-container > .artist-container > .image-container {
    aspect-ratio: 1 / 1;
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    */
    overflow: hidden;
}

#artists > .artists-list-container > .artist-container > .image-container > img {
    width: 100%;
    height: auto;
}

#artists > .artists-list-container > .artist-container > .artist-link {
    font-size: var(--fontSize);
    text-transform: uppercase;
}

/***ARTIST
*****************************************************/

#artist > .title-exhibition-container > .header-root > .breadcrumb {
  font-family: 'Diatype', sans-serif;
  font-size: var(--fontSize_S);
}

#artist > .title-exhibition-container .artist-name {
    font-size: var(--fontSize_L);
}

#artist > .title-exhibition-container .desktop-exhibitions {
    position: absolute;
    bottom: 0;
    padding: var(--spaceX);
    font-family: 'Diatype', Helvetica, sans-serif;
    font-size: var(--fontSize_S);
}

#artist > .bio-works-container > .work-image-caption-container {
    margin-top: calc(var(--spaceY)*2);
}

#artist > .bio-works-container > .work-image-caption-container > .work-image {
    width: 100%;
}

#artist > .bio-works-container > .work-image-caption-container > .work-caption {
    font-family: 'Diatype', sans-serif;
    font-size: var(--fontSize_S);
    margin-top: calc(var(--spaceY)*0.5);
}

#artist > .bio-works-container > .mobile-exhibitions {
    font-family: 'Diatype', sans-serif;
    font-size: var(--fontSize_S);
}

/***EXHIBITIONS
*****************************************************/

#exhibitions > .header-container > .breadcrumb {
    font-family: 'Diatype', sans-serif;
    font-size: var(--fontSize_S);
}
#exhibitions > .exhibition-container {
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    */
    padding-top: calc(var(--spaceY) * 1.4);
    margin-bottom: calc(var(--spaceY) * 1.4);
    border-top: var(--borderLine);
    position: relative;
}
#exhibitions > .exhibition-container > .exhibition-link {
    line-height: var(--lineHeightLow);
    transition: var(--transitionDuration);
}
#exhibitions > .exhibition-container > .exhibition-link:hover {
    padding-left: var(--spaceX);
}
#exhibitions > .exhibition-container > .mobile-exhibition-title-date {
    font-size: var(--fontSize_L);
}

#exhibitions > .exhibition-container > .mobile-exhibition-location {
    font-size: var(--fontSize_L);
}

#exhibitions > .exhibition-container > .desktop-exhibition-title, #exhibitions > .exhibition-container > .desktop-exhibition-date-location {
    display: none;
}

#exhibitions > .exhibition-container > .exhibition-artists {
    font-size: var(--fontSize);
}

/***EXHIBITION
*****************************************************/

#exhibition > .title-thumbnails-description-container > .header-container > .breadcrumb {
    font-family: 'Diatype', sans-serif;
    font-size: var(--fontSize_S);
}

#exhibition > .title-thumbnails-description-container > .exhibition-name {
    font-size: var(--fontSize_L);
}

#exhibition > .title-thumbnails-description-container > .works-thumbnails-container {
    margin-top: var(--rowGutter);
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: var(--colGutter);
}

#exhibition > .title-thumbnails-description-container > .works-thumbnails-container img.exhibition-image-thumbnail {
    width: 100%;
}

#exhibition > .title-thumbnails-description-container > .exhibition-description {
    position: absolute;
    bottom: 0;
    padding: 0 var(--spaceX) var(--spaceY) 0;
    display: block;
    font-family: 'Diatype', sans-serif;
    font-size: var(--fontSize_S);
}
#exhibition > .works-container > .work-image-caption-container:not(:last-child) {
    margin-bottom: calc(var(--spaceY)*2);
}
#exhibition > .works-container > .work-image-caption-container > .work-image {
    width: 100%;
}

#exhibition > .works-container > .work-image-caption-container > .work-caption {
    font-family: 'Diatype', sans-serif;
    font-size: var(--fontSize_S);
    margin-top: calc(var(--spaceY)*0.5);
}


/***FAIRS
*****************************************************/
#fairs > .header-container > .breadcrumb {
  font-family: 'Diatype', sans-serif;
  font-size: var(--fontSize_S);
}
#fairs > .fair-container {
    /*
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    */
    padding-top: calc(var(--spaceY) * 1.4);
    margin-bottom: calc(var(--spaceY) * 1.4);
    border-top: var(--borderLine);
    position: relative;
}
#fairs > .fair-container > .fair-link {
    line-height: var(--lineHeightLow);
    transition: var(--transitionDuration);
}
#fairs > .fair-container > .fair-link:hover {
    padding-left: var(--spaceX);
}
#fairs > .fair-container > .mobile-title-date {
    font-size: var(--fontSize_L);
}
#fairs > .fair-container > .mobile-location {
    font-size: var(--fontSize_L);
}
#fairs > .fair-container > .desktop-fair-title, #fairs > .fair-container > .desktop-date-location {
    display: none;
}

/***FAIR
*****************************************************/
#fair > .fair-title-artists-description-container > .title-location-container {
    font-size: var(--fontSize_L);
}

#fair > .fair-title-artists-description-container > .artist-headline {
    font-size: var(--fontSize_L);
    padding-left: var(--spaceX);
}

#fair > .fair-title-artists-description-container > .fair-description {
    position: absolute;
    bottom: 0;
    padding: var(--spaceX);
    font-family: 'Diatype', Helvetica, sans-serif;
    font-size: var(--fontSize_S);
}
#fair > .fair-works-container > .work-image-caption-container:not(:last-child) {
    margin-bottom: calc(var(--spaceY)*2);
}
#fair > .fair-works-container > .work-image-caption-container > .work-image {
    width: 100%;
}

#fair > .fair-works-container > .work-image-caption-container > .work-caption {
    font-family: 'Diatype', sans-serif;
    font-size: var(--fontSize_S);
    margin-top: calc(var(--spaceY)*0.5);
}

/***ABOUT
*****************************************************/

#about > .title-contact-container > .header-root > .breadcrumb {
  font-family: 'Diatype', sans-serif;
  font-size: var(--fontSize_S);
}

#about > .title-contact-container > .about-nvs-headline {
  font-size: var(--fontSize_L);
}

#about > .title-contact-container > .contact-credits-container-desktop {
    display: none;
}
/*
#about > .text-image-container > .header-root > .breadcrumb {
    display: none;
}
*/
#about > .text-image-container > .image-caption-container > img {
    width: 100%;
}

#about > .text-image-container > .image-caption-container > .caption {
    display: none;
}

#about > .text-image-container > .contact-credits-container-mobile {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#about > .text-image-container > .contact-credits-container-mobile > .contact-container, #about > .text-image-container > .contact-credits-container-mobile > .credits-container {
    font-family: 'Diatype', sans-serif;
}

/***PANEL STYLES
*****************************************************/

div > .left-panel > #close-left-panel {
    display: none;
}

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

/***SMALL DEVICES***/
@media (max-width: 320px) {
}
@media (min-width: 576px) {
}
@media (min-width: 600px) {
}

/***MEDIUM DEVICES***/
@media (min-width: 768px) {
    
/* IMPORTANTE: COMENTO ESTO PARA
  PODER TRABAJAR EN EL MAIN!
  NO ESTÁ TERMINADO */
  
  header.site_name {
      display: grid;
      cursor: pointer;
  }
  
  nav.menu {
      display: block;
      overflow: hidden;
      transition: transform var(--transitionDuration) ease;
  }
  
  nav.menu.closed {
      /*
      width: 0;
      padding: 0;
      left: 0;
      */
      transform: translateX(-100%);
  }
  
  nav.menu > div#close-icon {
    font-family: 'Diatype', sans-serif;
    font-size: var(--fontSize);
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
  }
  
  main.content {
       width: var(--contentWidth);
  }
  
  main.content.menu-closed {
      width: calc(100% - var(--siteNameWidth));
  }
  
  /* ----- */
  
  /***NEWS***/
    
    #news > .header-container {
        grid-template-columns: 1fr 1fr;
    }
    
    #news > .header-container > .page-title {
      display: block;
    }
    
    #news > .news-container {
        width: 100%;
        align-items: flex-start;
    }
    
    #news > .news-container > .news-info-container {
        width: 100%;
    }
    
    #news > .news-container > .news-info-container > .news-thumbnails {
        flex-direction: row;
        overflow: hidden;
        max-height: 0px;
        transition: max-height var(--transitionDuration) ease;
    }
    #news > .news-container > .news-info-container > .news-thumbnails img {
        max-height: 150px;
        object-fit: contain;
    }
    #news > .news-container:hover > .news-info-container > .news-thumbnails {
        max-height: 150px;
    }
    
    
    /***ARTISTS***/
    
    #artists > .artists-list-container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: start;
    }
    /*
    #artists > .artists-list-container > .artist-container {
        width: 30%;
    }
    */
    
    /***ARTIST***/
    
    #artist {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    #artist > .title-exhibition-container {
        /*position: relative;*/
        transition: var(--transitionDuration) ease;
    }
    
    #artist > .title-exhibition-container .desktop-exhibitions {
        display: block;
        font-family: 'Diatype', sans-serif;
        font-size: var(--fontSize_S);
    }
    
    #artist > .title-exhibition-container .desktop-exhibitions .sub-title {
        padding-left: var(--spaceX);
    }
    
    #artist > .bio-works-container > .mobile-exhibitions {
        display: none;
    }
    
    #artist.left-panel-closed > .bio-works-container > .artist-bio {
        display: none;
    }
    
    /***EXHIBITIONS***/

    #exhibitions > .exhibition-container > .mobile-exhibition-title-date, #exhibitions > .exhibition-container > .mobile-exhibition-location {
        display: none;
    }
    
    
    #exhibitions > .exhibition-container > .desktop-exhibition-title {
        font-size: var(--fontSize_L);
        display: inline-block;
    }
    
    #exhibitions > .exhibition-container > .desktop-exhibition-date-location {
        font-size: var(--fontSize_L);
        display: block;
    }

    /***EXHIBITION***/
    
    #exhibition {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    /*
    #exhibition > .title-thumbnails-description-container {
        position: relative;
    }
    */
    
    /***FAIRS***/
    
    #fairs > .fair-container > .mobile-title-date, #fairs > .fair-container > .mobile-location {
        display: none;
    }
    
    #fairs > .fair-container > .desktop-fair-title {
        display: block;
        font-size: var(--fontSize_L);
    }
    
    #fairs > .fair-container > .desktop-date-location {
        display: block;
        font-size: var(--fontSize_L);
    }
    
    /***EXHIBITION***/
    
    #fair {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    /*
    #fair > .fair-title-artists-description-container {
        position: relative;
    }
    */

    /***ABOUT***/
    
    #about {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    #about > .title-contact-container > .header-container > .about-nvs-headline {
        display: block;
    }
    
    #about > .title-contact-container > .contact-credits-container-desktop {
        display: flex;
        position: absolute;
        bottom: 0;
        padding: var(--spaceX);
        font-family: 'Diatype', sans-serif;
        font-size: var(--fontSize_S);
        gap: var(--colGutter);
        width: calc(100% - var(--spaceX));
    }
    #about > .title-contact-container > .contact-credits-container-desktop div {
        flex: 1;
        display: inline;
    }
    
    #about > .title-contact-container > .contact-credits-container-desktop > .contact-container, #about > .title-contact-container > .contact-credits-container-desktop > .credits-container {
        font-family: 'Diatype', sans-serif;
    }
    
    #about > .text-image-container > .header-container > .breadcrumb {
        display: block;
        font-family: 'Diatype', sans-serif;
        font-size: var(--fontSize_S);
    }
    
    #about > .text-image-container > .image-caption-container > .caption {
        display: block;
        font-family: 'Diatype', sans-serif;
        font-size: var(--fontSize_S);
        margin-top: calc(var(--spaceY)*0.5);
    }
    
    #about > .text-image-container > .contact-credits-container-mobile {
        display: none;
    }
    
    /*** PANEL STYLES ***/
    main.content .left-panel,
    main.content .right-panel {
        /*height: 100vh;*/
        padding: var(--spaceY) var(--spaceX);
    }
    main.content .left-panel {
        position: sticky;
        top: 0;
        align-self: start;
        height: 100vh;
        border-right: var(--borderLine);
        
    }
    main.content .right-panel {
        overflow-y: scroll;
    }
    main.content > .left-panel-closed {
        grid-template-columns: 1fr !important;
    }
    
    main.content > div > .left-panel > #close-left-panel {
        display: block;
        font-family: 'Diatype', sans-serif;
        font-size: var(--fontSize);
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }
    
     main.content > div > .left-panel > #close-left-panel {
        display: none;
    }
    
    .left-panel-closed > .left-panel > #close-left-panel {
        display: none !important;
    }
    
    .left-panel-closed > .left-panel {
        display: none;
    }
    
    .left-panel-closed > .right-panel {
        display: grid;
        grid-template-columns: var(--threeColsGrid);
    }
    
}

/***LARGE DEVICES***/
@media (min-width: 992px) {
}
@media (min-width: 1024px) {
}

/***X-LARGE DEVICES***/
@media (min-width: 1200px) {
}

/***XX-LARGE DEVICES***/
@media (min-width: 1440px) {
}

/***XXX-LARGE DEVICES***/
@media (min-width: 1920px) {
}