/*
 *    General styles
 */

body {
    background-color: #f9f7f7;
    color: #262626;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-top: 70px;
}

h2 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.ct-logo {
    margin-bottom: 3rem;
}

.ct-tagline {
    font-size: 4rem;
    line-height: 0.8;
}

.ct-tagline small {
    font-size: 2.5rem;
}


/*
 *    Bootstrap objects
 */

.navbar {
    background-color: #f9f7f7;
}

.navbar-brand {
    text-transform: uppercase;
}


/*
 *    Lists
 */

.ct-list-coin {
    line-height: 1.2;
    margin-bottom: 1rem;
}


/*
 *    Forms and form elements
 */

div.ct-form-login {
    display: grid;
    /* grid-template-columns: max-content 1fr; */
    grid-template-columns: max-content max-content;
    grid-column-gap: 0.8rem;
    grid-row-gap: 0.5rem;
}

/* used for (fa) icons that are displayed in forms (e.g. the "day-only" calendar icon) */
.ct-form-icon {
    line-height: 1.5;
}

div.ct-form-addcoin {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 10px;
}

div.ct-form-addcoin-field-plus {
    display: grid;
    grid-template-columns: max-content max-content;
}

.ct-btn-single-fa {
    font-size: 2rem;
}

button.ct-btn-repeat {
     background: none;
     color: #007bff;
}


/*
 *    Cointray objects
 */

.ct-coin {
    margin-bottom: 0.2rem;
    background-color: #fffefe;
    border: 1px solid rgba(0,0,0,.125);
}

.ct-rep-detail {
    margin-bottom: 0.2rem;
    background-color: #fffefe;
    border: 1px solid rgba(0,0,0,.125);
}

/*
.ct-coin-date {
    font-family: 'Arvo', serif;
}
*/

.ct-rep-detail-delta {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}


/*
 *    Cointray documentation
 */

.ct-doc-box {
    margin-bottom: 0.2rem;
    background-color: #fffefe;
    border: 1px solid rgba(0,0,0,.125);
}

.ct-doc-box h2 {
    margin-top: 0.5rem;
}

.ct-cli-inline {
    background-color: #fffefe;
    border: 1px solid rgba(0,0,0,.125);
    font-family: monospace;
    font-size: larger;
    padding: 0 0.2rem;
    white-space: pre;
}

.ct-cli-block {
    background-color: #fffefe;
    border: 1px solid rgba(0,0,0,.125);
    border-left: 3px solid #007bff;
    font-family: monospace;
    font-size: larger;
    white-space: pre;
}