.main-content .detail-page {

    margin-top: 0;

}


#results {
    margin: 100px;
}

span.highlighted {
    backdrop-filter: invert(1);
    background-color: white;
    background-image: radial-gradient(#ff0000 20%, transparent 20%), radial-gradient(#ff0000 20%, transparent 20%);
    background-position: 0 0, 2px 2px;
    background-size: 4px 4px;
    line-height: 100%;
    display: inline-block;
}

.search-cell {

    padding: 0vw 2%;
}

.result-container {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin: 3rem;
}

.result-container .number {
    min-width: 3rem;
}

.main-content .content {
    width: 100%;
}

.semtype:not(:last-child):after {
    content: ',';
}

span.formats {
    display: inline-block;
}

body > header {
    position: static;
}

body {
    margin: auto;
}

.formats a{
    background: black;
    color: white;
    padding: .5rem;
    font-size: x-small;
}

@media (min-width: 1367px) {
    .main-content {
        margin: 4rem auto;
    }
}

.main-content {
    margin: 4rem auto;
}

.formats{
    margin: 1rem auto;
    text-align: right;
    width: 96%;
}

.page-title-cell {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 10% 40px 10%;
    width: 100%;
    flex-flow: inherit;
}


/* RESPONSIVE ARROWS */
[class^=arr-]{
    border:       solid currentColor;
    border-width: 0 .1em .1em 0;
    display:      inline-block;
    padding:      .20em;
    font-size:      5rem;
}
.arr-right {transform:rotate(-45deg);  -webkit-transform:rotate(-45deg);}
.arr-left  {transform:rotate(135deg);  -webkit-transform:rotate(135deg);}
.arr-up    {transform:rotate(-135deg); -webkit-transform:rotate(-135deg);}
.arr-down  {transform:rotate(45deg);   -webkit-transform:rotate(45deg);}


a.property-name:after {
    content: '';
    background: url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iNzY4IiBoZWlnaHQ9IjEwMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMSIgZD0ibTY0MCw3NjhsLTUxMiwwbDAsLTUxMC4wOTRsMTI4LC0xLjkwNmwwLC0xMjhsLTI1NiwwbDAsNzY4bDc2OCwwbDAsLTMyMGwtMTI4LDBsMCwxOTJ6bS0yNTYsLTY0MGwxMjgsMTI4bC0xOTIsMTkybDEyOCwxMjhsMTkyLC0xOTJsMTI4LDEyOGwwLC0zODRsLTM4NCwweiIvPgogPC9nPgo8L3N2Zz4=);
    background-size: cover;
    display: inline-block;
    width: .6em;
    height: .75em;
    top: .05em;
    position: relative;
    left: .2em;
    margin-right: .2em;
    opacity: .15;
    margin-left: .25rem;
}

.title-property-name a.property-name:after {
    opacity: .15;

}
a.property-name:hover:after {
    opacity: .75;
}
