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

body
{
	font-size: 14px;
}

.pageheader
{
	background-color: #EAE2D0;
}

.subtitle
{
	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: 220px;
	background: #ccdbce;
	overflow: auto;
}

.panelfooter
{        
	overflow: auto;
	height: 80px;
	background: #2e583a;
	font-size: 2em;
	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 */
}

/* ======================================================== */
/* 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;
}