/* Object */
/*{"Maximum Green":"638328","Old Lace":"f7f3e3","Gray X 11 Gray":"b3b6b7","Barn Red":"6f1a07","Bistre":"2b2118"}*/
html, body {
    height: 100vh;
}

body {
    margin: 0;
    color:#2B232F;
    background-color:#f7f3e3;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 4.2em 2em 1fr 2em;
    font-family: "Urbanist", sans-serif;
}

.content-container p {
    font-family: 'Open Sans', sans-serif;
}

.topbar {
    background: #2b2118;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#f7f3e3;
}

.content {
    padding:5vh 15vw;
}

.intro {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6f1a07;
    color:white;
    letter-spacing: 0.05em;
    weight:500;
    text-align: center;
}

.book-listings {
    margin-top:2em;
    display:grid;
    grid-gap: 6rem;
}

.footer {
    padding:0em 2em;
}

.logo-image.small {
    width: 1.3em;
    height: auto;
    vertical-align: -0.4em;
    padding-right:0.2em;
}

h1.press-logo-name {
    margin:0;
    font-size:2.2em;
    padding-right:0.8em;
}

.book {
    display:grid;
    grid-template-columns: 1fr 5fr;
    grid-auto-rows: auto;
    grid-gap: 1rem;
    grid-row-gap:2rem;

    padding:2em;
    padding-left:3em;
    padding-bottom:1em;

    box-sizing: border-box;
    
    background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 25%);
    box-shadow: 12px 12px 25px -12px rgba(71, 41, 52, 0.5); 
    border-top:1px solid white;
}

.book .detail-block {
    grid-column: span 2;
    grid-row:2;
    display:grid;
    grid-gap:0.2rem;
    grid-auto-rows: auto;
    grid-template-columns: 1fr;

    border-top: 1px solid #6f1a07;
    padding-top: 0.3em;
    margin-right: 1em;
}

.book .cover-image {
    margin-top:-4em;
}

.cover-image img {
    position:relative;
    width: 11rem;
    height: auto;
    border: 1px solid #8AA88D;
    box-shadow: 6px 6px 2px -3px  rgba(100,100,100,.1);
    margin-left:-1.5em;
}

.book .information {
    padding-left:0.5em;
    padding-right:1em;
    margin-top:-4.2em;
}

.book .information p {
    margin-block-start: 0em;
    margin-block-end: 0.8em;
}

.book .information .blurb {
    font-size: 1.1em;
}

.book .title {
    font-weight:700;
    font-size: 3.2em;
    padding-bottom:0.2em;
}

.book .distribution {
    text-align:center;
    font-size: 1.4em;
    font-weight:200;
}

.book .distribution a {
    color:#6f1a07;
    line-height:1.5em;
}

.book .distribution a:hover {
    text-shadow: rgba(161, 12, 12, 0.4) 1px 0 10px;
    color:red;
}

.book .details {
    font-weight:200;
    text-align: center;
}