/* ======================================================== */
/* Bootstrap customisations */
/* ======================================================== */

body
{
	font-size: 13px;
	font-family-old: times new roman;
	font-family: arial;
	font-size: 1.0em;
}

h1, h2, h3, h4
{
	font-family-old: garamond;
	font-family: arial;
}

hr.banner
{
	border:none;
	height: 50px;
	margin-top: 0;
	border-bottom: 1px solid #1f1209;
	box-shadow: 0 20px 20px -20px #333;
	margin: -50px auto 10px; 
}

.pageheader
{
	background-color: #EAE2D0;
}

.title
{
	font-family-old: garamond;
	font-family: arial;
	font-weight: bold;
	font-size: 3.5em;
	color: #2E583A;
}

.subtitle
{
	font-family-old: verdana;
	font-family: arial;
	font-size: 1.4em;
	color: #EB7D49;
}

.container-fluid.menu
{
	background: #343a40;
}

.container-fluid.footer
{
	background: #343a40;
	color:#888;
}

.navbar-nav > li
{
	padding-left:5px;
	padding-right:5px;
}

.accordion-button.collapsed
{
	background: #bb88bb;
    color: #fff;
}

.accordion-button:not(.collapsed) 
{
	background: #bb88bb;
    color: #fff;
}

.accordion2-button.collapsed
{
	background: #ddccdd;
    color: #000;
}

.accordion2-button:not(.collapsed) 
{
	background: #ddccdd;
    color: #000;
}

/* ======================================================== */
/* Albums */
/* ======================================================== */

.card.imagetable
{        
	background: #eae2d0;
}

.breadcrumb /* This is a Bootstrap builtin style! */
{
	background-color: #eae2d0;
}

/* ======================================================== */
/* index.php */
/* ======================================================== */

.panelbody
{        
	height: 230px;
	background: #ccdbce;
	overflow: auto;
}

.panelfooter
{        
	overflow: auto;
	height: 60px;
	background: #2e583a;
	font-size: 1.8em;
	font-weight: bold;
	color: #444;
}

a.panelfooter
{        
	font-size: 1.0em;
	font-weight: bold;
	color: #e2a72a !important;
}

.panel
{        
	background: #2e583a; /* Border color of the whole card */
}

/* ======================================================== */
/* blog.php */
/* ======================================================== */

.blogpanelbody
{        
	height: 250px;
	background: #ccdbce;
	overflow: auto;
}

.blogpanelfooter
{        
	overflow: auto;
	height: 90px;
	background: #2e583a;
	font-size: 1.8em;
	font-weight: bold;
	color: #444;
}

a.blogpanelfooter
{        
	font-size: 1.0em;
	font-weight: bold;
	color: #e2a72a !important;
}

.blogpanel
{        
	background: #2e583a; /* Border color of the whole card */
}

/* ======================================================== */
/* butterfly.php */
/* ======================================================== */

.speciesheading
{        
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	color: #666;
}

.speciesimagecontainer_pale
{
	color: #ccc;
}

.speciesimagecontainer
{
	position: relative;
	color: white;
}

.speciesimagetext
{
	position: absolute;
	top: 40px;
	left: 70px;
	background-color: #000;
	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background-color: rgba(0, 0, 0, 0.6);
	padding: 20px;
}

.speciesimagebutton
{
	position: absolute;
	bottom: 50px;
	right: 40px;
}

.taxonheader
{
    background-color: #dff0d8; /* Pale green */
    margin: 0px;
}

.pdfcontainer
{
	width: 960px;
}