/*!

    This XWord Info CSS file (c) 2022-2024 by Jim Horne.
    All rights reserved.

*/

/*
    DOWNLOAD.CSS

    Styles for Wordlist home page
*/


body {
    font-size: 12pt;
}

h2 {
    margin-top: 45px;
}

#photoblurb {
    display: flex;
    flex-flow: row wrap;
    column-gap: 20px;
    row-gap: 16px;
    align-items: flex-start;
    justify-content: space-between;
    margin: 50px 0;
    max-width: 700px;
}

.photo img {
    width: 300px;
    height: 214px;
}

.cap {
    text-align: center;
}

.quote {
    font-size: 11pt;
    font-weight: bold;
    width: 320px;
    line-height: 24px;
    padding: 6px 12px;
    background-color: var(--xDarken);
    box-shadow: var(--xBoxShadow);
    border-radius: 8px;
}

.quote .credit {
    font-weight: normal;
    font-size: 10.5pt;
    font-style: italic;
    margin-top: 8px;
    margin-left: 6px;
}

.blurb {
    max-width: 700px;
}

.blurb a {
    font-weight: bold;
    white-space: nowrap;
}

.info {
    border: 2px solid gray;
    padding: 2px 20px;
    border-radius: 8px;
    margin-top: 40px;
    max-width: 700px;
    line-height: 150%;
}

.info p {
    margin: 6px 0;
}

.info a {
    font-weight: bold;
}

.deny {
    border: 2px solid var(--xRed);
    background-color: #fff5f5;
}

.allow {
    border: 2px solid darkgreen;
    background-color: #f0fff0;
}

.admin {
    border: 2px solid var(--xRed);
    font-weight: bold;
    text-align: center;
    background-color: #eee;
    max-width: 650px;
}

.ui-button {
    font-size: 11pt;
    margin: 8px;
}

a.aspNetDisabled:hover {
    color: gray !important;
}

.downloading {
    color: lightgray !important;
}

@media (max-width: 700px) {
    body {
        font-size: 11pt;
    }
}