/*
Theme Name: Tema Festpan
Description: A Child Twenty Twenty
Author: Rodrigo T Matioli
Version: 1.0.0
Template: twentytwenty
*/

.nf-xml {
  font-family: "Roboto", Sans-serif;
  font-weight: bold;
  list-style-type: none;
  padding: 0;
}

.nf-xml__item {
  margin: 0 0 2px;
}

.nf-xml__date,
.nf-xml__column {
  padding: 10px;
}

.nf-xml__date {
  background-color: #d9d9d9;
  cursor: pointer;
  line-height: 14px;
}

.nf-xml__column {
  background-color: #e9e9e9;
  padding-bottom: 20px;
  padding-top: 20px;
}

.nf-xml__column:nth-last-of-type(1) {
  background-color: #e0e0e0;
}

.nf-xml__wrapper > .nf-xml__label:not(:nth-of-type(1)) {
  margin-top: 20px;
}

.nf-xml__value {
  font-weight: normal;
}

.nf-xml__copy,
.nf-xml__download::after {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  vertical-align: text-top;
}

.nf-xml__copy {
  appearance: none;
  background-image: url("./icons/copy.svg");
  cursor: pointer;
  padding: 0;
  text-indent: -9999px;
}

.nf-xml__download {
  text-decoration: none;
}

.nf-xml__download::after {
  background-image: url("./icons/download.svg");
  content: "";
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .nf-xml {
    max-width: 100% !important;
  }

  .nf-xml__date,
  .nf-xml__column {
    padding: 20px 30px;
  }

  .nf-xml__item {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }

  .nf-xml__date {
    flex: 0 0 100%;
  }

  .nf-xml__column {
    align-items: center;
    display: flex;
    flex: 0 0 50%;
    min-height: 30vh;
  }
}

@media screen and (min-width: 1024px) {
  .nf-xml__date,
  .nf-xml__column {
    padding: 20px 60px;
  }

  .nf-xml__column {
    min-height: 40vh;
  }
}