a { color:#b58900 !important; }          /* yellow */
/* Important:  Keep this order for "a" so hover works on visited */
a:visited { color:#268bd2 !important; }  /* blue */
a:hover { color:#cb4b16 !important; }    /* orange */

.page_heading {
/*    margin-top: 0; 
    margin-bottom: 0;
/*    color: #586e75 !important;   /* base01 */
/*    text-align: center ! important; */
/*     border: 1px solid red; */
}

.small_heading {
/*    padding-top: 0;
    padding-bottom: 0;  */
}


.page_number {
    color: #839496;  /* base0 */
    font-style: italic;
}

h1 {
/*    margin-top: 5px;
    margin-bottom: 5px;
/*    border: 1px solid green; */
}

.nav_buttons {
    margin-right:1rem;  /* So caption doesn't run into it */
}

.nav_icon {
    font-size: 4rem;
    color: #657b83;  /* base00 */
    }

.caption {
    color: #586e75;  /* base01 */
/*    border: 1px solid blue;  */
    }  

.who_what {
/*    border: 1px solid red;  */
/*    margin-right:1rem; */
    }  

.when_where {
/*    border: 1px solid red; */
    }  

.caption_date {
    font-style: italic;
    }     

.caption_quote {
/*    border: 1px solid green; */
   }     

.caption_where {
    font-style: italic;
    }     

.caption_who {
    }   

.footnote {
    text-align: center;
    font-size: 1rem;
    }

.image {
    }  

.image_id {
    }  

.img-thumbnail {
    border: 1px solid #586e75;  /* base01 */
    }

.instructions {
    text-align: center;
    font-style: italic;
    font-size: 1.25rem;
    }   

.thumbnail  {
    width: 125px;
    border: 0;
/*    border: 1px solid green;  */
}

.thumbnails  {
/*    border: 1px solid red; */
}