/* EventsMain */ 
 


.skin.dark {
    margin-bottom: 20px;
    background: var(--background-top-dark);
    color: #fff;
    a {
      color: #fff;
    }
    > .meta {
      padding: 20px var(--gap-margin);
      .city {
        margin-bottom: 1em;
        span {
          display:block;
        }
        letter-spacing: 0.05em;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 700;
      }
    }
    .arrow {
      padding: 20px var(--gap-width);
    }
    .arrow::before {
      content: url(/images/arrow-light.svg);
    }
}

.skin.dark.wide {
  grid-column: var(--before-left) / var(--after-right);
  @media screen and (max-width: 480px) {
    grid-column: -1/1;
  }
  display: grid;
  grid-template-rows: 72px 1fr;
  grid-template-columns: subgrid;
  h4 {
    font-size: 36px;
    font-weight: 700;
    line-height:120%;
  }
  .type {
    font-size: 36px;
    font-weight: 400;
    line-height:100%;
    margin-top:8px;
  }
  .image {
    grid-column: var(--before-left) / var(--after-left);
    grid-row: 2/3;
  
    img {
      max-width: 100%;
      max-height: 340px;
      width:auto;
      object-fit: contain;
      object-position: bottom right;
    }
  }
  .meta {
    grid-column: var(--after-left) / var(--after-right);
    grid-row: 1/3;
    display:flex;
    flex-flow:column;
    background: var(--background-top);

  }
    @media screen and (max-width: 1024px) {
    display: flex!important;
    flex-direction:column;
  }
}

.skin.dark.left, .skin.dark.right {
  width: 100%;
  display: grid;
  grid-template-areas: "arrow meta" "image meta";

  grid-template-rows: 72px 1fr;
    img {
      display:block;
      max-width: 100%;
      object-fit: contain;
      object-position: bottom left;
    }
  .meta {
    overflow:hidden;
    grid-area: meta;
    background: var(--background-top);
    .type {
      padding-top: 8px;
      line-height:100%;
    }
  }
  .arrow {
    grid-area: arrow;
    padding: 20px var(--gap-width);
  }
  .arrow::before {
    content: url(/images/arrow-light.svg);
  }
  .image {
    grid-area: image;
    position: relative;
    display:flex;
    justify-content: end;
    align-items: start;
    a {
      display: block;
    }
  }
  @media screen and (max-width: 1024px) {
    display: flex!important;
    position:relative;
    flex-direction:column;
  }
}

.skin.dark.left {
  grid-template-columns: calc(4 * var(--column-width) + 4 * var(--gap-width)) calc(3 * var(--column-width) + 2 * var(--gap-width));
}

.skin.dark.right {
  grid-template-areas: "meta arrow" "meta image";
  grid-template-columns:  calc(3 * var(--column-width) + 2 * var(--gap-width)) calc(4 * var(--column-width) + 4 * var(--gap-width));
  .arrow {
    text-align: right;
  }
}


.skin.carousel-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  anchor-name: --my-carousel;
  position:relative;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top:calc(50% - 1rem);
  border: 0;
  font-size: 2rem;
  background: none;
  color: black;
  opacity: 0.7;
  cursor: pointer;
  padding: 0;
  width: var(--gap-width);
  height: var(--gap-width);
  flex-shrink: 0;
  z-index: 10;
  transition: opacity 0.2s;
  
  &:hover {
    opacity: 1;
  }
  
  &:active {
    opacity: 0.5;
  }
}
  .carousel-prev {
    &:before {content:url(/images/caret-left.svg);}
    left: -1.5rem;
  }
  .carousel-next {
    &:before {content:url(/images/caret-right.svg);}
    right: -1.5rem;
  }



.skin.carousel {
  scrollbar-color: transparent transparent;
  scroll-behavior: smooth;
  scrollbar-width: none;
  
  &::-webkit-scrollbar {
    display: none;
  }

  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  flex-flow: row nowrap;
  gap: 13px;
  padding-bottom: 0px;
  scroll-snap-type: x mandatory;
  flex: 1;

  >.skin.carousel-item {
    color: #fff;
    a {
      color:#fff;
    }
    background: var(--background-top);
    scroll-snap-align: start;
    
    margin: 0;
    display: grid;
    
    grid-template-areas: "city" "image" "meta";
    grid-template-rows: 87px 173px 301px;
    grid-template-columns: 173px;
    width: 173px;
    flex: 0 0 auto;

    >.city {
        grid-area: city;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 1em;
        padding: 16px 18px;
        span {
          display: block;
        }
      }
    >.meta {
      grid-area: meta;
      padding: 16px 18px;
      word-break: break-word;

      background: var(--background-top-dark);
      color: #fff;

      .venue,
      .dates,
      .type {
        display: none;
      }
    }

    >.image {
      grid-area: image;
      width: 173px;
      height: 173px;
      a {
        display:contents;
      }
      img {
        background: var(--background-top);
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom left;
      }
    }
  }
}
/* FilterableList */ 
 
._fw {
  display: contents;
}

._fw[class*="filtered-"] {
  display: none;
}

/* Hide the whole group when all its items are filtered */
._fg.group-hidden {
  display: none;
}



.skin.filters {
  overflow-y:auto;
  overflow-x:hidden;
}

/* Master field section */
.master-field-section {
  margin-bottom: 2rem;
}

.master-field-section h2 {
  margin: 0 0 1rem 0;
  font-size: 20px;
}



.clear-all-filters {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  padding: 4px 8px;
  color: #666;
  line-height: 1;
  text-decoration: none;
  
}

.clear-all-filters:hover {
  color: #000;
}

.filter-section {
  h3 {
    border-top: 1px solid #dbdbdb;
    font-size: 18px;
    padding: 12px 0;
    background: var(--background-body);
  }
  .skin.toggles {
    display: flex;
    flex-flow: column;
    gap: 8px;
    label {
      display: flex;
      align-items: flex-start;
      font-size: 18px;
      line-height:130%;
      gap: 12px;
      width: 100%;
      span {
        display:inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      cursor: pointer;
    }
  }
  .value.unavailable {
    opacity: 0.4;
    label {
      cursor: not-allowed;
    }
  }
  .value-all {
    display:none;
  }
}

article {
  min-height:100vh;
}

.skin.sidebar-sticky {
  display:contents;
}

/* Active filters display */
.skin.current-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 0;
  min-height: 32px;
}

.skin.current-filters:empty {
  display: none;
}

.filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: #e8e8e8;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
}

.filter-tag.master-filter-tag {
  background: #d4e8f7;
  font-weight: 500;
}

.filter-tag .remove-filter {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding: 0;
  margin: 0;
  color: #666;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.filter-tag .remove-filter:hover {
  color: #000;
}

/* No results message */
.skin.no-results {
  padding: 16px;
  text-align: center;
  color: #666;
  font-style: italic;
}

::highlight(search-results) {
  background-color: #ffeb3b;
  color: inherit;
}




.skin.master-toggles {
  display: flex;
  flex-direction:column;
  .master-option {
    cursor: pointer;
    font-weight: 400;
    font-size: 20px;
    padding: 12px 0;
    border-bottom: 1px solid #dbdbdb;
    &:first-child {
      border-top: 1px solid #dbdbdb;
    }
    position: relative;
    a {
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
      display:block;
    }
    &.active {
      
    a {
      text-decoration: none;
    }
    a::before {
      content: "";
      position: absolute;
      bottom: 0;
      top: 0px;
      left:-20px;
      
      width: 8px;
      background: #e87373;
    }
  }
}

  
}

/* Footer */ 
 
 @media screen and (max-width: 1024px) {
    body:has(#footer:target) {
      overflow: hidden;
    }
  }

.skin.footer {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  background: var(--background-top-dark);
  padding-bottom: 88px;

  @media screen and (max-width: 1024px) {
    min-height:100vh;
    .skin.close-bar {
        display: flex;
      }
    z-index: 1200;
    &:has(#footer:target) {
      grid-template-columns: 1fr [c2] 400px [c3] 1fr;


      @media screen and (max-width: 480px) {
        column-gap: var(--gap-width);
        grid-template-columns: 1fr [c2] calc(100vw - 96px) [c3] 1fr;
      }

      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1000;
      overflow: auto;
      scrollbar-gutter: stable;

      .skin.close-burger {
        display: block;
      }
      .skin.close-bar {
        display:flex;
      }
    }
  }


  #footer {
    >* {
      border-bottom: solid 2px #000;
    }
    display: grid;
    column-gap: var(--gap-width);
    grid-column: var(--before-left) / var(--after-right);
    font-size: 18px;

    grid-template-columns: subgrid;

    @media screen and (max-width: 1024px) {
      display: flex;
      flex-direction: column;
    }


    .text {
      grid-column: 1/5;
      grid-row: 1/3;
      color: #fff;
      font-size: 18px;
      line-height: 120%;
      padding: 24px 0;
    }

    .links {
      padding: 24px 0;

      grid-column: c7 / c11;
      grid-row: 1/3;

      a {
        /* Organizacije */


        /* u_captions */
        font-family: 'Funnel Display';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        /* or 22px */
        text-decoration-line: underline;
        text-decoration-thickness: 0.1em;
        text-underline-offset: 0.4em;

        color: #FFFFFF;
        padding-left: 32px;

        display: block;
        margin-bottom: 12px;
        position: relative;

        &::before {
          margin-right: 8px;
          content: url('/images/arrow-light-link.svg');
          position: absolute;
          left: 0;
          top: 2px;
        }
      }
    }

    #ljudmila-logo {
      padding: 16px 0;
      grid-column: c11/c14;
      grid-row: 1;
      align-content: center;

      img {
        width: 103px;
      }

      display: block;
    }

    #mk-logo {
      padding: 16px 0;
      grid-row: 2;
      grid-column: c11/c14;
      align-content: center;

      img {
        width: 100%;
      }

      display: block;
    }
  }


  .skin.close-bar {
    display:none;
    .close-burger {
      display: none;
    }
    background: var(--background-top-dark);
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    grid-template-rows: auto;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 21px 0;
    grid-column: var(--before-left) / var(--after-right);
    align-items: center;
    justify-content: space-between;
  }
}

/* Header */ 
 

.skin.top {
  a {
    display: block
  }
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: auto;
  position: sticky;
  top: 0;
  background: var(--background-body);
  z-index: 1000;
  padding-top: 21px;
  padding-bottom: 12px;

  #header {
    height: var(--menu-height);
    position:relative;
    display:flex;
    justify-content: space-between;
    anchor-name: --header;
    
    
    grid-column: var(--column-header);

    @media screen and (max-width: 1024px) {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
  }
}



.skin.logo {
  display:contents;
  img {
    max-width: 100%;
    min-height: 32px;
    max-height: var(--menu-height);
    @media screen and (max-width: 1024px) {
      flex-shrink: 1;
    }
  }
  
}

.skin.menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-content: flex-start;
  font-size: 18px;
  gap: 0 8px;
  z-index: 100;
  flex:1;
  @media screen and (max-width: 1024px) {
    display: none;
  }

  #logo {
    height: 62px;
  }

  #home {
    height: 30px;
    position: relative;
    top: -4px;
  }

  img {
    display: inline-block;
    vertical-align: middle;
  }
  line-height: 1em;
  >* {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
  }

  >.spacer {
    flex-grow: 1;
  }

  >.link {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    position: relative;


    &:before {
      content: "";
      display: inline-block;
      position: absolute;
      top: 10px;
      left: -30px;
      width: 24px;
      height: 2px;
      background: var(--color-text-gray);
      margin-right: 4px;
    }
  }
}



/* ItemEvent */ 
 
.skin.item.event {
  display: grid;
  grid-template-columns: [before-parent] 1fr [before-meta] 1fr 1fr 1fr [after-meta after-parent before-image] 1fr 1fr 1fr [after-image];
  column-gap: var(--gap-width);
  grid-template-rows: auto;
  grid-column: var(--before-left) / var(--after-right);
  row-gap: 12px;

  scroll-snap-align: start;
  &:not(:last-child) {
    border-bottom: 8px solid var(--color-text-gray);
  }

  padding-top: 16px;
  padding-bottom: 12px;

  position: relative;

  &.has-parent::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    width: 8px;
    bottom: 16px;
    background: #dbdbdb;

  }

  >.parent {
    grid-column: before-parent / after-parent;
    font-size: 0.8rem;
    text-transform: uppercase;

    .name {
      font-weight: 700;
    }

    padding-left:24px;
  }

  >.parent-dates {
    grid-column: before-image / after-image;
    font-size: 0.8rem;
    text-transform: uppercase;
  }

  >.meta {
    grid-column: before-meta / after-meta;
    font-size: 20px;

    h4 {
      position: relative;
      font-size: 28px;
      line-height: 120%;
      margin: 8px 0;

      a {
        color: #000;
        text-decoration: underline;
      }

      &::before {
        content: '';
        background: url('/images/arrow-dark.svg');
        background-size: auto 12px;
        background-repeat: no-repeat;
        background-position: top right;
        display: block;
        width: calc(var(--column-width) + var(--gap-width) - 8px);
        position: absolute;
        right: calc(100% + 8px);
        top: 10px;
        height: 24px;
      }

    }

    .venue a:not(:hover) {
      text-decoration: none;
    }

    .dates {
      font-weight: 700;
    }
  }

  >.image {
    position: relative;

    grid-column: before-image / after-image;

    img {
      padding: 4%;
      width: 100%;
      aspect-ratio: 1/1;
      object-fit: contain;
      background-color: #EAECEE;
    }
  }

  @media screen and (max-width: 1024px) {
    display:flex;
    flex-flow: column;
    .meta h4::before {
      display: none;
    }

    &.has-parent {
      padding-left: 24px;

      .parent {
        padding-left: 0;
      }
    }
  }
}

/* ItemNews */ 
 
.skin.item.news {
  .external-link {
    text-transform: uppercase;
    font-size: 16px;
    display:flex;
    &::before {
    content: "";
    background-image:url(/images/icon-external.svg);
    background-size:100%;
    height:1.5em;
    width:1.5em;
    display:inline-block;
    margin-right:0.5em;
  }
    margin-top: 0.5em;
 }
}
/* ItemVideo */ 
 
.skin.item.video {
  .external-link {
    display:flex;
    &::before {
    content: "";
    background-image:url(/images/icon-video.svg);
    background-size:100%;
    height:1.5em;
    width:1.5em;
    display:inline-block;
    margin-right:0.5em;
  }
    margin-top: 0.5em;
 }
}
/* ListOfMedia */ 
 
.skin.item {
  display: grid;
  grid-template-columns: [before-parent before-meta] 1fr 1fr 1fr 1fr [after-meta after-parent before-image] 1fr 1fr 1fr [after-image];
  column-gap: var(--gap-width);
  grid-template-rows: auto;
  grid-column: var(--before-left) / var(--after-right);
  row-gap: 12px;

  scroll-snap-align: start;
  &:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
  }

  padding-top: 16px;
  padding-bottom: 12px;

  position: relative;


  >.parent-dates {
    grid-column: before-image / after-image;
    font-size: 0.8rem;
    text-transform: uppercase;
  }

  >.meta {
    grid-column: before-meta / after-meta;
    font-size: 20px;
    .city {
      text-transform: uppercase;
      font-size:16px;
      font-weight: 700;
      letter-spacing: 0.05em;
      color: var(--color-accent);
    }
    h4 {
      position: relative;
      font-size: 28px;
      line-height: 120%;
      margin: 8px 0;
      a {
        text-decoration: none;
        color: var(--color-text-gray);
      } 
    }
  }

  >.image {
    position: relative;

    grid-column: before-image / after-image;

    img {
      padding: 4%;
      width: 100%;
      aspect-ratio: 1/1;
      object-fit: contain;
      background-color: #EAECEE;
    }
  }

  @media screen and (max-width: 1024px) {
    display:flex;
    flex-flow: column;
    .meta h4::before {
      display: none;
    }

    &.has-parent {
      padding-left: 24px;

      .parent {
        padding-left: 0;
      }
    }
  }
}

/* RenderPagePersons */ 
 
.skin.persons {
  h3 {
    border-bottom: 8px solid var(--color-text-gray);
    font-size:28px;
    font-weight: 400;
    padding-bottom: 6px;
  }
  .person {
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
    ._fw::last-child & {
      border-bottom: 8px solid var(--color-text-gray);
     }
  }
}


/* Sidebar */ 
 

@media screen and (max-width: 1024px) {
    body:has(#sidebar:target) {
      overflow: hidden;
    }
  }


.skin.sidebar {
  display: block;
  grid-template-columns: subgrid;
  grid-template-rows: auto;
  grid-row: before-sidebar / after-sidebar;
  grid-column: var(--column-sidebar);
  position:sticky;
  scroll-snap-type: y;
  top: var(--top-height);
  margin-left: -20px;
  padding-left:20px;
  width: calc(100% + 20px);
  z-index:5;
  max-height:calc(100vh - var(--top-height));
  overflow-y: auto;
  background: var(--background-body);
  h2 {
    border-top: 8px solid var(--color-text-gray);
    border-bottom: 8px solid var(--color-text-gray);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow:-2px 0 0 0 var(--background-body), 2px 0 0 0 var(--background-body);
    margin:0;
    font-family: Funnel Display;
    font-weight: 700;
    font-size: 16px;
    line-height: 40px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: var(--background-body);
    position: sticky;
    top: 0;
    z-index: 100;
    height: 56px;
    scroll-snap-align: start; 
  }

  h3 {
    scroll-snap-align: start; 
    box-shadow:-2px 0 0 0 var(--background-body), 2px 0 0 0 var(--background-body);
    font-family: Funnel Display;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0%;
    position: sticky;
    top: 56px;
    z-index: 100;
  }

  ul {
    margin: 12px 0;
    padding: 0;
  }

  .more-link {
    margin: 16px 0 48px;
    padding: 0;

    @media screen and (min-width: 1025px) {
      &::after {
        margin-left: 8px;
        content: url('/images/arrow-dark.svg');
      }
    }
  }
  .skin.close-button {
    display:none;
  }
  #sidebar {
    anchor-name: --sidebar;
    display:contents;
  }
  @media screen and (max-width: 1024px) {
    display:none!important;
    min-height:100vh;
    .skin.close-button {
        display: flex;
        position: fixed;
        position-anchor: --sidebar;
        margin-top: 12px;
        right: anchor(right);
        top:anchor(top);
        z-index:1300;
        display:flex;
    }
    z-index: 1200;
    &:has(#sidebar:target) {
      grid-template-columns: 1fr [c2] 400px [c3] 1fr;
      display:grid!important;

      @media screen and (max-width: 480px) {
        column-gap: var(--gap-width);
        grid-template-columns: 1fr [c2] calc(100vw - 96px) [c3] 1fr;
      }

      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1000;
      overflow: auto;
      scrollbar-gutter: stable;

      .skin.close-button {
        display: block;
      }

      #sidebar {
        position:relative;
        display:block;
        grid-column: c2/c3;
      }
    }
  }
}
.skin.sidebar-toggle {
  display:none;
  @media screen and (max-width: 1024px) {
    display:block;
  }
}


/* SlotHeader */ 
 

.skin.header {
  background: var(--background-body);
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: auto;
  grid-row: before-header / after-header;
  grid-column: var(--column-fullwidth);
  h1, .subtitle, .parent {
    grid-column: var(--before-left) / span 7;
  }
  .parent {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 20px;
    .name {
      font-weight: 700;
    }
  }
  background: var(--background-body);
  top: var(--top-height);
  z-index:2;
  min-height: 106px;
}

/* SlotTools */ 
 

.skin.tools {
  position:fixed;
  position-anchor: --header;
  right:anchor(right);
  top:4px;
  gap:6px;
  
  display:flex;
  z-index:2000;
  .skin.button {
    right: 0;
    top:0px;
    display: inline-block;
    cursor: pointer;
    text-decoration:none;
    font-size:13px;
    border:solid 1px #ccc;
    line-height: 20px;
    padding: 0 4px 0 6px;
    border-radius: 4px;
    background: #eee;
    color: #333;
    &.edit::after {
      content: '🖉';
      margin-left: 4px;
    }
  }
}

/* PageAbout */ 
 .skin.about {
  dt {
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.05em;

    text-transform: uppercase;
    color: #717171;
    border-top: 1px solid #dbdbdb;
    padding-top: 12px;
  }
}
/* PageArchiveMonth */ 
 
  .archive-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
  }

/* PageIndex */ 
 
.skin.kulturnik-header {
  margin-top:64px;
  position:relative;
  color: #fff;
  padding:16px;
  background: var(--background-top);
  height:147px;
  &::after{
    content: url('/images/arrow-light.svg');
    position:absolute;
    right:24px;
    top:24px;
    z-index:2000;
  }
  h2 {
    font-size:28px;
    margin:0!important;
    padding:0!important;
  }
}
  .skin.intro {
     margin-bottom:32px;
  }


/* PagePerson */ 
 

.skin.roles {
  h3 {
    margin-top:16px;
    font-weight: 400;
  }
  .role-events {
    border-top: solid 8px var(--color-text-gray);
  }
}
.ui.row.media {
  margin-top: 16px;
  border-top: solid 8px var(--color-text-gray);
  h3 {
    font-weight: 400;
    margin-top:12px;
  }
}

/* PageVenues */ 
 
.skin.venues {
  display: grid;
  grid-template-columns: [before-city] 1fr [after-city before-venue] 1fr [after-venue];
  row-gap:0;
  @media screen and (max-width: 1024px) {
    column-gap: var(--gap-width);
    grid-template-columns:[before-city  before-venue] 1fr [after-city after-venue];
  }
 
  ._fg:not(.group-hidden) {
    display: grid;
    border-top: solid 8px var(--color-text-gray);
    grid-template-rows: auto;
    grid-template-columns: subgrid;
    grid-column: before-city/after-venue;

    h3 {
      padding: 12px 0;
      font-weight: 400;
      grid-column: before-city/after-city;
      margin:0;
    }
  
    ._fw {
      > div {
        grid-column: before-venue/after-venue;
        border-bottom: 1px solid #dbdbdb;
        padding: 12px 0;
        ._fw:last-child & {
          border-bottom: none;
        }
      }
     }

    .group-items {

    }
  }
}