html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #E9E9E9 !important; /* LINEN */
    background-color: #EFEFEF; /* NEUTRAL */
    background-color: #D9D9D9; /* ALUMINUM */
}

.thick-hr {
    border: none; /* Remove default border */
    height: .2em; /* Set desired thickness */
    background-color: #333; /* Set desired color */
}

.home {
    font-size: 1.25rem;
}

.vr-container {
    background-color: #CAEBF2; /* SKY */
    border-radius: 12px;
    margin-top: 1rem !important;
}

.vr-section {
    padding: 2rem 1.5rem;
    min-height: 400px;
}

.vr-email {
    padding: 2rem 1.5rem;
    background-color: white;
}

.vr-light {
    color: black !important;
}

.vr-dark {
    background-color: #565656 !important; /* BLACKBOARD */
    background-color: black !important;
    color: whitesmoke !important;
}

table.vr-dark {
    /*background-color: black !important;*/
    /*background-color: #565656 !important;*/ /* BLACKBOARD */
    color: whitesmoke !important;
    width: 95%;
    margin: 1rem;
    vertical-align: top;
}

.vr-dark td {
    padding: .5rem;
}

.vr-dark > tbody > tr:nth-of-type(odd) > * {
    background-color: #9099A2 !important; /* OVERCAST */
}

.vr-light > tbody > tr:nth-of-type(odd) > * {
    background-color: #E9E9E9 !important; /* LINEN */
}

.vr-table > tbody > tr:nth-of-type(odd) > * {
    background-color: #E9E9E9; /* LINEN */
    background-color: #CAEBF2 !important; /* SKY */
}

.vr-header {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 1rem !important;
}

.vr-padding {
    padding: .25rem;
}

.bg-navbar {
    background-color: #FFFF99; /* LIGHT YELLOW */
    font-size: 1.25rem;
}

.vr-warning {
    white-space: wrap;
    line-height: 1.5;
    font-style: italic !important;
    color: #E37222; /* TANGERINE */
}

.vr-error {
    color: red;
    white-space: wrap;
    line-height: 1.5;
    font-style: italic !important;
}

.footer {
    background-color: #4484CE !important; /* CERULEAN */
    color: whitesmoke !important;
    margin-top: auto;
    font-size: 1em;
    line-height: 1.5em !important;
    text-align: center;
}

a, a:visited {
    color: #2F2FB9; /* DEEP BLUE */
    text-decoration: none;
}

.vr-link {
    color: royalblue;
}

.vr-link-black {
    color: black !important;
}

.vr-link-white {
    color: white !important;
}

a:hover, .vr-link:hover, .vr-link-black:hover, .vr-link-white:hover {
    text-decoration: underline;
}

.btn-primary {
    background-color: #083C5D; /* PRUSSIAN BLUE */
    border-color: #083C5D; /* PRUSSIAN BLUE */
    color: #FFFFFF !important; /* WHITE */
    text-decoration: none !important;
}

.btn-primary:hover {
    background-color: #4484CE; /* CERULEAN */
}

.quote {
    font-size: larger;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.bg-offwhite {
    background-color: antiquewhite !important;
    border: 5px solid thick navy;
}

.bg-blue {
    background-color: deepskyblue !important;
}

.bg-red {
    background-color: tomato !important;
}

.bg-black {
    background-color: black !important;
    color: whitesmoke !important;
}

.multiline {
    white-space: pre-line;
}

.offset-0 {
    margin-left: 4%;
}

.vr-col-right {
    flex: 0 0 auto;
    width: 8.33333333%;
    text-align: right;
}

.w-33 {
    width: 33.33333333% !important;
}

.w-67 {
    width: 66.66666667% !important;
}

.w-83 {
    width: 83.33333333% !important;
}

.w-90 {
    width: 90% !important;
}

.min-400 {
    min-height: 400px;
}

.wrapper-forget-me-not {
    background-image: url("https://cigardoug.blob.core.windows.net/images/forget-me-not-fade-100.png" );
    background-size: 300px;
    /* if the image repeats nicely, tile it, using background-repeat */
    background-repeat: repeat-y; /* repeat-x, repeat-y and no-repeat are options */
    /* alternatively, you could stretch it to fit the div, using background-size */
    /*    background-size: 100% 100%;
*/
    min-height: 1000px;
}

.wrapper-solomon-and-hiram {
    background-image: url("https://cigardoug.blob.core.windows.net/images/Solomon_and_Hiram_300.jpg" );
    background-size: 300px;
    /* if the image repeats nicely, tile it, using background-repeat */
    background-repeat: repeat-y; /* repeat-x, repeat-y and no-repeat are options */
    /* alternatively, you could stretch it to fit the div, using background-size */
    /*    background-size: 100% 100%;
*/
    min-height: 1000px;
}

.maybe {
    background-color: #99D3DF; /* ICE */
    /* OVERALL COLOR */
    color: #565656; /* BLACKBOARD */
    /* FOR NAVBAR */
    background-color: #F9CF00; /* LIGHT */
    background-color: #FFFF99; /* LIGHT YELLOW */
    /* FOR BODY */
    background-color: #EFEFEF; /* NEUTRAL */
    background-color: #E9E9E9; /* LINEN */
    /* FOR FORM */
    background-color: #CAEBF2; /* SKY */
    /* FOR FOOTER */
    background-color: #4484CE !important; /* CERULEAN */
    color: #FFFFFF !important; /* WHITE */
    /* BACKGROUND_COLOR_THREE: ALTERNATE ROW */
    background-color: #CDCDCD; /* COOL GREY */
    background-color: #D9D9D9; /* ALUMNIMUM */
}

.vr-one {
    background-color: #E9E9E9; /* LINEN */
    background-color: #EDDBCD; /* PASTEL PEACH */
    background-color: #D7CEC7; /* GRAIN */
    background-color: #A5DED6; /* FRESH */
    background-color: #B7ACB3; /* DUSTY */
    background-color: #D5D5D5; /* PAPER */
    background-color: #E9E9E9; /* LINEN */
}

.vr-two {
    background-color: #E9B000; /* MUSTARD */


    background-color: #565656; /* BLACKBOARD */
    background-color: #76323F; /* OXBLOOD */
    background-color: #6D7993; /* LAVENDAR */
    background-color: #FFFF99; /* LIGHT YELLOW */
    background-color: #FFCE00; /* SUNFLOWERS */
}

.vr-three {
    background-color: #88BBD6; /* FRESH WATER */
    background-color: #CDCDCD; /* COOL GREY */
    background-color: #FEDC3D; /* BUTTER */
    background-color: #99D3DF; /* ICE */
    background-color: #CAEBF2; /* SKY */
    background-color: #0375B4; /* STARRY NIGHT */
    background-color: #88BBD6; /* FRESH WATER */
    background-color: #F7B733; /* SUNSHINE */
    background-color: #E9E9E9; /* LINEN */
    background-color: #B7ACB3; /* DUSTY */
}

.vr-four {
    background-color: #A9A9A9 !important; /* CARBON */
    background-color: #EEAA7B !important; /* TAN */
    background-color: #CDCDCD !important; /* PLASTER */
    background-color: #EEAA7B !important; /* TAN */
    background-color: #E9E9E9 !important; /* LINEN */
    background-color: #E37222 !important; /* TANGERINE */
    background-color: #4484CE !important; /* CERULEAN */
    color: #FFFFFF !important; /*WHITE*/
    background-color: #565656 !important; /* BLACKBOARD */
    background-color: #2F2FB9 !important; /* DEEP BLUE */
    background-color: #9099A2 !important; /* OVERCAST */
}

.as-we-really-dont-use-this /* Here is where we store color palettes. */ {
    /* ONES WE LIKE */
    /* ALTERNATING ROWS */
    background-color: #DCC7AA; /* APPLE CORE */
    /* HEADERS, MAYBE BUTTONS? */
    background-color: #E37222; /* TANGERINE */
    /* TABLE HEADERS */
    background-color: #4484CE; /* CERULEAN */
    color: #E9E9E9; /* LINEN */

    color: #FFFFFF; /* WHITE */
    /* BUTTONS */
    background-color: #4484CE; /* CERULEAN */
    border-color: #083C5D; /* PRUSSIAN BLUE */
    color: #FFFFFF; /* WHITE */
    /* HOVER */
    background-color: #083C5D; /* PRUSSIAN BLUE */
    /* CLEAN AND CRISP */
    background-color: #99D3DF; /* ICE */
    background-color: #88BBD6; /* FRESH WATER */
    background-color: #CDCDCD; /* PLASTER */
    background-color: #E9E9E9; /* LINEN */
    /* MODERN AND CLEAN */
    background-color: #E37222; /* TANGERINE */
    background-color: #07889B; /* TEAL */
    background-color: #66B9BF; /* POWDER */
    background-color: #EEAA7B; /* TAN */
    /* ADDED */
    background-color: #E9E9E9; /* LINEN */
    /* CLEAN AND HIGHLIGHTED */
    background-color: #CAEBF2; /* SKY */
    background-color: #A9A9A9; /* CARBON */
    background-color: #FF3B3F; /* WATERMELON */
    background-color: #EFEFEF; /* NEUTRAL */
    /* ADDED */
    background-color: #E9E9E9; /* LINEN */
    /* SPLASH OF COLOR */
    background-color: #4484CE; /* CERULEAN */
    background-color: #D9D9D9; /* ALUMINUM */
    background-color: #F9CF00; /* LIGHT */
    background-color: #E37222; /* TANGERINE */
    /* JUST RANDOM */
    background-color: #FEDC3D; /* BUTTER */
    background-color: #EAC67A; /* WARM YELLOW */
    background-color: #FFFF99; /* LIGHT YELLOW */
    background-color: #E9B000; /* MUSTARD */
}

.color_scheme {
    /* BACKGROUND_COLOR_ONE: BACKGROUND  */
    background-color: #EDDBCD; /* PASTEL PEACH */
    /* BACKGROUND_COLOR_TWO: GRID HEADER */
    background-color: #C06014; /* OCHRE */
    /* BACKGROUND_COLOR_TWO: BUTTON HOVER */
    background-color: #C06014; /* OCHRE */
    /* BACKGROUND_COLOR_THREE: ALTERNATE ROW */
    background-color: #CDCDCD; /* COOL GREY */
    /* BACKGROUND_COLOR_FOUR: BUTTON */
    background-color: #C06014; /* OCHRE */
    /* COLOR_ONE: TEXT */
    color: #000000; /* BLACK */
    /* COLOR_TWO: HEADER */
    color: #000000; /* BLACK */
    /* COLOR_THREE: LOADING HEADER */
    color: #4484CE; /* CERULEAN */
    /* COLOR_FOUR: WARNING HEADER */
    color: #F53240; /* BRIGHT CORAL */
    /* COLOR_FIVE: GRID HEADER TEXT */
    color: #FFFFFF; /* WHITE */
    /* COLOR_SIX: BUTTON TEXT */
    color: #FFFFFF; /* WHITE */
    /* COLOR_SEVEN: REQUIRED FIELD */
    color: #C06014; /* OCHRE */
    /* COLOR_EIGHT: LINK */
    color: #4484CE; /* CERULEAN */
}