.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(https://festpan.com/wp-content/themes/twentytwenty-child/icons/copy.svg);
cursor: pointer;
padding: 0;
text-indent: -9999px;
}
.nf-xml__download {
text-decoration: none;
}
.nf-xml__download::after {
background-image: url(https://festpan.com/wp-content/themes/twentytwenty-child/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;
}
}