body {
    font-family: Garamond, "EB Garamond", serif;
    font-size: 1rem;
}

h1 {
    font-family: Garamond, "EB Garamond", serif;
    font-size: 36px;
    font-weight: bold;
    padding-bottom: 0;
}

/* special case where several appear on a page */
h1.blog {
    font-size: 24px;
    font-weight: bold;
}

/* these are formatted to always line up directly underneath an H1, hence the negative top margin */
h2 {
    font-family: "Cinzel";
    color: #666666;
    font-size: 30px;
    font-weight: normal;
    font-style: italic;
    margin-top: -10px;
    padding-bottom: 15px;
}

h3.card-title {
    font-family: Garamond, "EB Garamond", serif;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 0;
}

.hopeNav {
    background: #203e1b;
}

.wheat {
    color: #c3bb99;
}

.bigQuote {
    color: #6e8642;
    font-size: 28px;
    font-weight: normal;
    font-style: italic;
}

.biggestQuote {
    color: #6e8642;
    font-size: 48px;
    font-weight: normal;
    font-style: italic;
}

.largeText {
    font-size: 32px;
}

.tan {
    color: #aea887;
}


/* Smaller font sizes for mobile device */
@media (max-width: 768px) {
    h1 {
        font-size: 24px;
    }
    
    h2 {
        font-size: 20px;
    }
    
    .bigQuote {
        font-size: 20px;
    }

    .biggestQuote {
        font-size: 36px;
    }

    .largeText {
        font-size: 22px;
    }
}

h3 {
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0.5em;
    text-align: left;
}
/* This gives a more "modern" rounded look, but it's a little distracting
input {
    padding:.25em .25em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px
}
*/

label {
    font-weight: bold;
    font-size: 1.25em;
}

/* Used for radios and checkboxes, these labels do not have styling */
.clickOnly {
    font-weight: normal;
    font-size: 1em;
}


.alt {
    background: #ededed;
}

.data {
    font-size: 0.8em;
    padding: 5px;
    border-bottom: thin solid #cdcdcd;
}

/* standard Bootstrap form groups are appearing jammed right up underneath each other */
.form-group {
    margin-top: 10px;
}


/* Applies to h3s *inside* a paramSet. Plain h3s are used on the index. */
div.paramSet h3 {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-bottom: 0;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
}

/* For a subheading that nestles right underneath a parent heading */
.subHeading {
    margin-top: 0;
    padding-top: 0;
}

a {
    /* this blue matches the Submit button */
    color: #1478c7;
    text-decoration: none;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

/* button colors are also used in the datetimepicker styles
   (meaning that they are copied there, not referenced from this file)
*/
/*
input[type=submit], input[type=button] {
    border: 1px solid #5f6268;
    background: #1478c7;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 6px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}
*/
input[type=submit]:HOVER, input[type=button]:HOVER {
    border: 1px solid #5f6268;
    background: #5da3db;
}

input[type=submit]:ACTIVE, input[type=button]:ACTIVE {
    border: 1px solid #5f6268;
    background: #439740;
}