@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@500&family=Open+Sans&display=swap');
 article {
     min-height:100%;
     
}
 html, body {
     height:100%;
     width:100%;
}
 body {
     font-family: 'Open Sans', sans-serif;
}
/* fix issues with admin bar overlapping main menu */
 body.admin-bar .splash {
     background-position:50% -220px;
}
/* Typography controls */
 h1, h2, h3, h4 {
     font-family: 'Maven Pro', sans-serif;
     color:#000;
}
 h1 {
     font-size: 3.5rem; 
}
 .credit,  .umbra-footer .credit a:link, .umbra-footer .credit a:visited, .umbra-footer .credit a:active {
	font-size:12.5px; 
	color:#2d2d2d;
	margin:0;
	text-align:center;
}

figcaption {
	font-size:small;
}

 .post {
     color:#666;
}
 .post-title:first-of-type {
     margin-top:0;
}
 .post-title {
     margin-top:50px;
}
p.quote {
	font-size:1.3rem;
	margin-bottom:0;
	color:#999;
	font-weight:800;
}
p.attrib {
	font-size:1rem;
	color:#999;
}
.attrib .fas {
	font-size:.8rem;
}
p.quote:hover, p.attrib:hover {
	color:#000;
	transition: color .25s ease-in-out;
}

/* Link behaviour */
 a:link {
     color: #9b007c;
}
 a:visited {
     color: #9b007c;
}
 a:hover {
     color: #000;
     transition: color .25s ease-in-out;
}
 a:active {
     color: #9b007c;
}
 h2 a:hover {
     color: #000;
     text-decoration: none;
     transition: color .25s ease-in-out;
}
.attrib a:link {
	text-decoration: underline;
}
h3.sidebar-header {
	margin-top:5px;
}
/* main menu stylings */
 .magnifying-glass {
     padding:0;
}
 svg.search-btn {
     width: 30px;
     height:30px;
     vertical-align:middle;
     fill:#9b007c;
}
 svg.search-btn:hover {
     fill:#000000;
     transition: fill .25s ease-in-out;
}
 nav li:last-child {
     float:right;
}
 #menu-main-menu {
     width:100%;
     font-size:1.2rem;
}
 .navbar {
     margin-bottom:10px;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
}
.navbar .form-control {
	padding: .6rem .75rem;
}
.navbar-brand {
	 padding-bottom:.15rem;
	 padding-top:0;
}
 .navbar-brand svg {
     width: 30px;
     vertical-align:middle;
     fill:#9b007c;
     margin:-15px 10px 0 0;
}
 .navbar-brand svg:hover {
     fill:#000000;
     transition: fill .25s ease-in-out;
}

 .navbar-brand h1 {
	 font-size:2rem;
	 display: inline;  
	 font-family: 'Open Sans', sans-serif;
     margin:0;
}
 .navbar-brand h1:hover {
     color:#9b007c;
     transition: color .25s ease-in-out;
}
 a.navbar-brand:link {
     color:#000;
}
 a.navbar-brand:visited {
     color:#000;
}
 a.navbar-brand:hover {
     color:#9b007c;
     transition: color .25s ease-in-out;
}
.navbar-expand-md .navbar-nav .nav-link:first-of-type {
     padding-left:0;
}
#umbra-logo-btn {
	display:none;
}
/* splash header image */
 .splash {
     height:200px;
     position:relative;
     overflow:hidden;
     background-image:url('./images/splash3.jpg');
     background-position: 50% -360px;
     background-attachment:fixed;
     background-repeat: repeat-x;
}
 .splash svg {
     width: 125px;
     vertical-align:middle;
     fill:#fff;
     margin:35px 30px 0 0;
     -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
     filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
     float:left;
}
 .splash svg:hover {
     fill:#f2ff9a;
     transition: fill .5s ease-in-out;
}
 .splash .container {
     padding:0;
}
 .site-header {
     display:inline-block;
}
 .site-header h1 {
     color:#fff;
     padding: 45px 0 0 0;
     -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
     filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
}
 .site-header h2 {
     color:#fff;
     padding: 0;
     border-top:1px solid white;
     -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
     filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .4));
}

 .site-header a:hover, .site-header h1:hover, .site-header h2:hover {
     color:#f2ff9a;
     transition: color .5s ease-in-out;
     text-decoration:none;
}


/* footer */
 .footer-left, .footer-right {
     vertical-align:middle;
}
 .footer-center {
	padding: 15px 0;
	font-size:1.5em;
}
 .footer-left p, .footer-right p {
     margin:0;
}
 .umbra-footer {
     background-color:#274434;
     padding: 50px 0;
     color:#fff;
     margin-top:50px;
     font-size:.9em;
}
 .umbra-footer a:link {
     color:#fff;
}
 .umbra-footer a:visited {
     color:#fff;
}
 .umbra-footer a:hover, .umbra-footer .credit a:hover {
     color:#9b007c;
     text-decoration:none;
     transition: color .25s ease-in-out;
}
 .umbra-footer a.nav-link {
	 padding: .5rem .7rem;
}
 .footer-brand svg {
     width: 30px;
     vertical-align:middle;
     fill:#000;
     margin-top:-5px;
}
 .footer-brand svg:hover {
     fill:#9b007c;
     transition: fill .25s ease-in-out;
}
 a.footer-brand:link {
     color:#000;
     display: inline-block;
     padding-top: .3125rem;
     padding-bottom: .3125rem;
     margin-right: 1rem;
     margin-bottom: 20px;
     font-size: 2rem;
     line-height: inherit;
     white-space: nowrap;
     text-align:right;
}
 a.footer-brand:visited {
     color:#000;
}
 a.footer-brand:hover {
     color:#9b007c;
     text-decoration:none;
     transition: color .25s ease-in-out;
}
 .cc {
     width:40px;
     margin: 0 26px 5px 0;
}
 .cc-sa {
     width:40px;
     margin:0 0 5px 0;
}
 #menu-footer-menu {
     border-top:1px solid #305440;
     border-bottom:1px solid #305440;
     display:flex;
     justify-content:center;
}
 .umbra-body {
	display: flex;
  	min-height: 100vh;
  	flex-direction: column;
}
 .content {
	flex: 1;
}
/* metadata */
 .meta {
     color:#666;
     font-size:.9em;
     margin:0;
}
 .title-divide-top{
     margin:0 0 25px;
}
 .title-divide-bottom{
     margin:0 0 10px 0;
}
 .title-divide-neutral{
     margin:10px 0 10px 0;
}
 svg.permalink {
     width:11px;
     height:11px;
     vertical-align:middle;
     fill:#9b007c;
}
 svg.permalink:hover {
     fill:#000000;
     transition: fill .25s ease-in-out;
}
/* goodreads custom widget */
.card{
margin-bottom:10px;
}
.card-header{
   padding:0;
}
#headingOne > h2 > a, #headingTwo > h2 > a {
   font-size:1.3rem;
   text-align:left;
   width:100%;
}   
#headingOne i, #headingTwo i {
   float:right;
   vertical-align:middle;
   line-height:1.5;
}
.gr_custom_container_1593384738, .gr_custom_container_1593386377 {
/* customize your Goodreads widget container here*/
border: 0px solid gray;
border-radius:10px;
padding: 10px 5px 10px 5px;
background-color: transparent;
color: #000000;

}
 .gr_custom_header_1593384738, .gr_custom_header_1593386377 {
   /* customize your Goodreads header here*/
   border-bottom: 0px solid gray;
   width: 100%;
   margin-bottom: 15px;
   text-align: left;
   font-size:1.5rem;
       display:none;
 }
 .gr_custom_each_container_1593384738, .gr_custom_each_container_1593386377 {
   /* customize each individual book container here */
   width: 100%;
   clear: both;
   margin-bottom: 10px;
   overflow: auto;
   padding-bottom: 4px;
   border-bottom: 1px solid #aaa;
 }
 .gr_custom_book_container_1593384738, .gr_custom_book_container_1593386377 {
   /* customize your book covers here */
   overflow: hidden;
   height: 60px;
   float: left;
   margin-right: 4px;
   width: 39px;
 }
 .gr_custom_author_1593384738, .gr_custom_author_1593386377 {
   /* customize your author names here */
   font-size: 10px;
 }
 .gr_custom_tags_1593384738, .gr_custom_tags_1593386377 {
   /* customize your tags here */
   font-size: 10px;
   color: gray;
       display:none;
 }
 .gr_custom_rating_1593384738, .gr_custom_rating_1593386377 {
   /* customize your rating stars here */
   float: right;
 }
.supplemental {
	font-size:30px;
	margin-right:10px;
	float:left;
}
/* widget buttons and links */
.widget-button {
    color: #fff;
    background: #9b007c;
    padding: 1px 6px;
    font-size: 18px;
    font-family: 'Maven Pro', sans-serif;
    border-radius: 2px;
    max-width: 210px;
    height: 27.25px;
    font-weight: 990;
    margin-top: 9px;
}
.widget-button:hover {
    background: #000;
    transition: background .25s ease-in-out;
}

.widget-button a:link {
    color:#fff;
    text-decoration:none;
}
.widget-button a:visited {
    color:#fff;
}
.widget-button a:hover {
    color:#9b007c;
    transition: color .25s ease-in-out;
}
.widget-button a:active {
    color:#fff;
}
.widget ul {
    list-style-type:none;
    padding:0;
}
 /* responsive iframe embeds -- such as YouTube --*/
 .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:20px;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
  	max-width: 100%;
}
/* clear floats at end of posts --*/
.clear {
	clear:both;
}
/* style comments --*/
.commentlist {
    padding-left: 20px;
}
.comment-body {
    margin-bottom: 20px;
}
.children {
    list-style-type: none;
    border-left: solid 20px #eee;
    padding: 10px;
    border-top: solid 5px #eee;
    padding-top: 10px;
}
.comment {
    margin-bottom:20px;
}
.comment-form-comment label {
    display:block;
}
h3#comments {
    margin-bottom: 30px;
}