/* Search, stats, members, compare, places, map and contribute pages.
   Same colours, font and shapes as style.css. */

.site-nav {
flex-wrap:wrap;
margin-bottom:12px;
}

.site-tab {
border:0;
cursor:pointer;
font-family:inherit;
}

.site-sr {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip-path:inset(100%);
}

.site-search {
display:flex;
justify-content:center;
gap:1px;
margin:0 auto 18px;
padding:0 16px;
font-family:Futura Std, Futura, Helvetica, Sans Serif;
}

.site-input {
box-sizing:border-box;
width:min(520px, 70vw);
min-height:36px;
padding:0 18px;
border:0;
border-radius:0;
background:#1d1d1d;
color:#f2aba8;
font-family:inherit;
font-size:14px;
}

.site-input::placeholder {
color:#888;
}

.site-input:focus {
outline:1px solid #b46f2a;
background:#242424;
}

.site-page {
margin:0 auto 70px;
width:min(1120px, 90vw);
font-family:Futura Std, Futura, Helvetica, Sans Serif;
}

.site-note, .site-empty {
color:#888;
font-size:13px;
text-align:center;
line-height:1.5;
margin:0 auto 18px;
padding:0 16px;
font-family:Futura Std, Futura, Helvetica, Sans Serif;
}

.site-empty {
font-size:14px;
padding:40px 16px;
}

.site-note a, .site-empty a, a.site-link {
color:#29dec9;
font-size:inherit;
}

.site-row {
display:grid;
grid-template-columns:minmax(120px, 240px) minmax(0, 1fr) 92px;
gap:14px;
align-items:center;
min-height:30px;
font-size:14px;
text-decoration:none;
}

.site-row:hover {
background:#111;
}

.site-row-label {
color:#f2aba8;
}

.site-row-value {
color:#b46f2a;
text-align:right;
font-size:13px;
}

.site-track {
display:block;
height:12px;
background:#1d1d1d;
}

.site-fill {
display:block;
height:100%;
background:#b46f2a;
}

.site-chart {
display:flex;
align-items:flex-end;
gap:2px;
height:210px;
overflow-x:auto;
}

.site-col {
flex:1 0 16px;
min-width:16px;
display:flex;
flex-direction:column;
justify-content:flex-end;
height:100%;
}

.site-col-bar {
background:#3474f4;
width:100%;
}

.site-col-label {
color:#888;
font-size:11px;
height:18px;
line-height:18px;
white-space:nowrap;
}

.site-compare {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:1px;
background:#111;
margin-top:18px;
}

.site-compare-col {
background:#1d1d1d;
padding:24px 28px;
}

.site-compare-col h2 {
color:#b46f2a;
font-size:20px;
line-height:1.2;
font-weight:400;
margin:0 0 4px;
}

.site-compare-col p {
color:#3474f4;
font-size:13px;
margin:0 0 14px;
}

.site-compare-col li {
color:#f2aba8;
font-size:14px;
line-height:1.55;
}

.site-compare-col li.is-common {
color:#23ce88;
}

.site-compare-select {
width:min(320px, 42vw);
}

.site-map {
height:560px;
background:#1d1d1d;
}

.site-map .leaflet-popup-content-wrapper, .site-map .leaflet-popup-tip {
background:#1d1d1d;
color:#f2aba8;
border-radius:0;
}

.site-map .leaflet-popup-content {
font-family:Futura Std, Futura, Helvetica, Sans Serif;
font-size:14px;
line-height:1.4;
}

.site-map .leaflet-popup-content a {
color:#3474f4;
font-size:14px;
}

.site-map .leaflet-container a.leaflet-popup-close-button {
color:#f2aba8;
}

.site-form {
display:grid;
gap:14px;
max-width:640px;
margin:0 auto;
}

.site-form label {
display:grid;
gap:6px;
color:#f2aba8;
font-size:14px;
}

.site-form .site-input {
width:100%;
}

.site-form textarea.site-input {
min-height:140px;
padding-top:10px;
line-height:1.4;
}

.site-form .site-send {
justify-self:center;
}

.site-form .site-trap {
position:absolute;
left:-9999px;
}

.site-message {
color:#23ce88;
font-size:15px;
text-align:center;
margin:0 auto 18px;
font-family:Futura Std, Futura, Helvetica, Sans Serif;
}

.site-message.is-error {
color:#f2aba8;
}

.home-mail-bottom {
display:none;
}

@media screen and (max-width:900px) {
.site-compare {
grid-template-columns:minmax(0, 1fr);
}
}

@media screen and (max-width:560px) {
.home-page .themembers.home-mail {
display:none;
}

.home-mail-bottom {
display:block;
color:#3474f4;
font-size:14px;
text-align:center;
padding:24px 16px;
line-height:1.5;
font-family:Futura Std, Futura, Helvetica, Sans Serif;
}

.home-mail-bottom a {
color:#29dec9;
font-size:14px;
}

.home-page .TitleHome {
font-size:26px;
text-align:center;
padding-top:24px;
}

.home-page .expo1 li {
width:50%;
height:112px;
padding-top:30px;
box-sizing:content-box;
}

.home-page .mybox span {
font-size:24px;
}

.home-page .mybox p, .home-page .mybox a {
font-size:14px;
}

.home-page .expo1 span.datemonthstar {
display:none;
}

.site-input {
min-height:44px;
font-size:16px;
}

.site-search {
flex-wrap:wrap;
}

.site-search .site-input {
flex:1 1 100%;
width:100%;
}

.site-search .songs-sort-link {
flex:1 1 40%;
}

.songs-sort-link {
min-width:0;
min-height:44px;
padding:0 13px;
}

.site-row {
grid-template-columns:minmax(0, 1fr) 84px;
gap:4px 10px;
padding:6px 0;
}

.site-row .site-track {
grid-column:1 / -1;
grid-row:2;
}

.site-map {
height:420px;
}

.site-compare-select {
width:100%;
}

.site-search.site-compare-form {
flex-direction:column;
}
}