@charset "UTF-8";
/* CSS Document */

.meatball {
	margin-right: 10px;
}
/* this adjusts for the static top nav-menu bar  */
.headercontainer {
	margin-top: 60px;
	background-color: hsla(0,0%,10%,0.65)
}	
.headercontainer a {
	color:gold;
}

/* this is for HOVER effects on the cards  */

/* card hover effect  */
.card {
  /* the other rules */
  transition: height 0.3s, box-shadow 0.3s;
}
.card:hover {
  height: 410px;
  box-shadow: 4px 4px 8px 5px rgba(100,125,250,0.7);
}
.custom-card {
	transition: height 0.3s, box-shadow 0.3s;
	border: thin solid #999999 ;  /* #7F7C7C  */
	border-radius: 3px;
	padding: 6px;
	margin-bottom: 2px;
}
.custom-card:hover {
  box-shadow: 4px 4px 8px 5px rgba(100,125,250,0.7);
}
.custom-card h3 {
	font-size: 14pt; /* 1.2em; */
}
.bg-dark {
	background-color: hsla(0,0%,11%,0.90); /*make top navbar transparent  NOt working too well  */

}
.footer-menu li {
	display: inline-block;
	margin: 0 10px;
}

.footer-widgets .widget_nav_menu li {
    display: inline-block;
    margin: 0 10px;
}
#status { 
	font-size: 11pt;
	width: 100%;

}
/* change footer text size  */
.text-footer {
	font-size: 11pt;
	width: 100%;
}
/* add breadcrumbs formatting  */
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
/* Need to wrap text in a button . */
.btn{white-space:normal;}


.element-invisible {
	visibility: hidden;
}
.card-footer a {
	color: #0261b7 ;
}
/*  Book Text  */
.book-text p {
	line-height: normal ;
}