/* smallest and default */

* {box-sizing: border-box;}

body {
font-family: 'Newsreader', serif;
color:#797e80;
background:#efe9e2;
}

a:link {color: #293236;}
a:active {color: #293236;}
a:visited {color: #293236;}
a:hover {color: #3f4a4e;}

#wrapper {width:95%;max-width:1400px;margin:auto;margin-top:25px;margin-bottom:25px;}
#top {padding-bottom:60px;}
#top h1 {text-align:center;font-size:13.5vw;margin:100px 0 30px 0;padding:0;font-weight:800;}
#top h1 span {font-weight:400;}
#top p {text-align:center;font-size:.9rem;font-weight:400;width:70%;margin:auto;padding:0;line-height: 1.2rem;width:300px;}

#nav-box {float:right;}

#nav-links, #nav-items {font-size:.85em;font-weight:300;list-style-type:none;margin:20px 0 0 0;padding:0;float:right;}
#nav-links {margin:10px 0 0 0;}
#nav-items {margin:20px 0 0 0;}
#nav-links li, #nav-items li {float:right;margin-left:20px;}
#nav-items li {font-weight:500;}


.embeddable-buttondown-form input {margin: 10px 0;font-family: 'Newsreader', serif;}
.embeddable-buttondown-form input[type=submit] {border:none;border-radius:3px;text-decoration:none;text-transform:uppercase;padding:5px 10px 3px 10px;background:#293236;font-size:.75rem;font-weight:700;color:#efe9e2;} 

#newsletterbar {text-align:left;margin:10px 0 30px 0;width:250px;font-size:.9rem;font-weight:300;float:right;}

#content {display:grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
#content > div {background:#ffffff;border-radius:5px;box-shadow: 0px -1px 5px 1px #e2dbd3;margin:5px;padding:15px;
/* aspect-ratio:1/1; */
}


.release {}
.release2 {display:none;}


.release p, .release2 p {margin:0;padding:0;}
.release ol, .release2 ol, .release ul, .release2 ul, .about ol, .about ul {font-weight:300;margin:30px 0 20px 0;font-size:1rem;line-height:1.2rem;}
.release ol li, .release ul li, .release2 ol li, .release2 ul li {margin:10px 0;}

.release img {display:block;margin:auto;width:80%;max-width:590px;margin-top:50px;margin-bottom:50px; box-shadow:  2px 2px 20px 1px #c3c3c3;}

.release2 > p:first-of-type {margin-top:40px;margin-bottom:40px;}

.release2 iframe {margin-top:30px;margin-bottom:20px;}

.rel-top {display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;}
.rel-top div:last-of-type, .rel-bot div:last-of-type {text-align:right;}
.rel-bot {display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;}

.rel-top div {width:40%;}
.rel-bot div:first-of-type {width:22%;white-space:nowrap;}
.rel-bot div:last-of-type {width:75%;}

.rel-artist {font-size:.9rem;font-weight:600;}
.rel-title {font-size:.9rem;font-style:italic;}
.rel-date {font-size:.8rem;font-weight:600;}
.rel-cat {font-size:.8rem;font-weight:400;}
.rel-time {color:#99a2a6;font-size:.8rem;}
.rel-desc, .about p {padding:0 !important;font-weight:300;font-size:1rem;line-height:1.2rem;}
.rel-desc {margin-top:40px;}
.rel-desc p {margin:20px 0;}

ul.rel-credit {font-size:.8rem;line-height:1rem;list-style:none;margin:0 0 30px 0;padding:0;}
ul.rel-credit li {margin:0;}



.about h3 {margin:0 0 20px 0;}

.btn-buy {border-radius:3px;text-decoration:none;text-transform:uppercase;padding:8px 15px 5px 15px;background:#fa942d;font-size:.9rem;font-weight:900;}
.btn-buy:link {color:#293236;}
.btn-buy:visited {color:#293236;}
.btn-buy:hover {color:#4c5d63;}

.btn-info {border-radius:3px;text-decoration:none;text-transform:uppercase;padding:5px 10px 3px 10px;background:#293236;font-size:.75rem;font-weight:700;color:#efe9e2;}
.btn-info:link {color:#efe9e2;}
.btn-info:visited {color:#efe9e2;}
.btn-info:hover {color:#ffffff;}

.extra-buy {text-align:right;font-size:.8rem;font-weight:500;margin:20px 0 0 0 !important;}

#release-archive {margin-top:50px;}
#release-archive ul {column-count: 1;}
#release-archive ul li {margin-bottom:10px;}
#release-archive span {font-size:.85rem;white-space: nowrap;}


#footer {margin-top:70px;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:25px;font-weight:400;font-size:.85rem;}
#footer * {flex-basis:auto;}



/* small */
@media only screen and (min-width:580px) {

#content {display:grid;grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));}

#newsletterbar {width:350px;}

}

/* medium */
@media only screen and (min-width:700px) {

#nav-links, #nav-links {font-size:.9em;font-weight:200;}
#nav-links li, #nav-links li {margin-left:25px;}

#content {display:grid;grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));}

.release img {margin-top:70px;margin-bottom:70px;}


#release-archive ul {column-count: 2;column-gap: 50px;}


}

/* large */
@media only screen and (min-width:900px) {

#top {padding-bottom:130px;}
#top h1 {margin:130px 0 20px 0;}

#content {display:grid;grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));}

}

/* x-large */
@media only screen and (min-width: 1200px) {

#nav-links, #nav-items {font-size:1em;font-weight:300;}
#nav-links li, #nav-items li {margin-left:25px;}

#top h1 {font-size:10.5rem;}

#content {display:grid;grid-template-columns: repeat(auto-fill, minmax(470px, 1fr));}

#release-archive ul {column-count: 3;}


}

/* x-large */
@media only screen and (min-width: 1350px) {

#top {padding-bottom:150px;}
#top h1 {font-size:12rem;margin:150px 0 20px 0;}


}