/*
  media query
  1600px
  1440px
  1125px
  1024px
  900px
  768px
  600px
*/

@media screen and (min-width:1440px){
  :root{
    --cardWidth:450px;
  }
}

@media screen and (max-width:1125px){
  :root{
    --marginLeft:15px;
    --marginTop:15px;
    --cardGap:32px;
    --cardWidth:42vw;
  }

  /* artist */
  #artist-modal{ left:5%; transform:translateY(-50%); }
}

@media screen and (max-width:768px){
  /* archive */
  #archive-search{ width:var(--col4); }
  .archive-table{  }
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(2){ grid-column:span 6; }
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(3),
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(6){ grid-column:span 2; }
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(4),
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(5){ display:none; }

  .archive-table tbody tr.archive-detail-row .archive-detail{  }
  .archive-table tbody tr.archive-detail-row .archive-detail > :nth-child(1){ grid-column:span 6; }
  .archive-table tbody tr.archive-detail-row .archive-detail > :nth-child(2){ grid-column:span 4; }
  .archive-table tbody tr.archive-detail-row .archive-detail > :nth-child(3){ grid-column:span 2; }
}

@media screen and (max-width:600px){
  :root{
    --column:10px;
    --cardWidth:85vw;
  }
  body:is(.home,.post-type-archive-artist,.single-artist) h1#logo{ top:calc(50% - var(--cardGap)); left:50%; transform:translate(-50%,-100%); }
  /* artist */
  #hoverImage{ display:none !important; }

  #bussinessCard{ flex-direction:column; width:100%; }
    #bussinessCard > div{  }
      #bussinessCard > div.back > ul.artist-list{ word-spacing:0.5em; }
        #bussinessCard > div.back > ul.artist-list > li > :is(a,span){ font-size:5vw; }

  #artist-modal{ top:50%; left:50%; width:100%; height:100%; max-width:100%; transform:translate(-50%,-50%); }
    #artist-modal .artist-modal-inner .btnClose{ display:block; }
    .artist-detail > .artist-nav{  }
      .artist-detail > .artist-nav [class*="artist-nav"]{ display:block; width:100%; border-bottom:1px solid; }
  /* open */
  #artist-modal.open{ max-height:100%; }

  /* archive */
  #archive-search{ width:var(--col6); }
  .archive-table{  }
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row){ grid-template-columns:repeat(6, 1fr); }
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(1){ grid-column:span 2; }
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(2){ grid-column:span 3; }
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(3){ display:none; }
  .archive-table :is(tbody,thead) tr:not(.archive-detail-row) :is(th,td):nth-child(6){ grid-column:span 1; }

  .archive-table tbody tr.archive-detail-row .archive-detail{ display:block; }
  .archive-table tbody tr.archive-detail-row .archive-detail > :nth-child(1){  }
  .archive-table tbody tr.archive-detail-row .archive-detail > :nth-child(2){ margin-top:28px; }
  .archive-table tbody tr.archive-detail-row .archive-detail > :nth-child(3){ margin-top:28px; }
  /* open */
  .archive-table tbody tr.archive-detail-row.open .archive-detail{ max-height:100%; }

  #concert-modal .closeBtn{ top:var(--marginTop); right:var(--marginLeft); width:24px; height:24px; }
  #concert-modal > .concert-modal-inner{ width:100%; }

  /* common */
  .swiper:not(.full) .swiper-pagination.swiper-pagination-progressbar{ display:block; }
}

body.ko-lang .lang-en { display:none !important; }
body.en-lang .lang-ko { display:none !important; }