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

body
{
	font-size: 14px;
	background-color: #f5f7fa;
}

.navbar
{
	background-color: #000; /* Black */
}

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; 
}

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

.jumbotron
{
	margin-bottom: 0;
    background-color: #f5f7fa;
	padding: 1em 1em;
}

.card.definition
{        
	background: #ffffe5; /* Very pale yellow */
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
}

.card.imagetable
{        
	background: #d9edf7; /* Pale blue */
}

.breadcrumb /* This is a Bootstrap builtin style! */
{
	margin-bottom: 0;
	background-color: #d9edf7; /* Pale blue */
}

.card-body.thumbnail
{        
	height: 200px;
}

.card-footer.thumbnail
{        
	height: 75px;
	background: #eee; /* Very pale grey */
	overflow: auto;
}

.page-item.active .page-link
{
	background-color: #17a2b8;
	border-color: #117a8b;
}

.thumbnail
{        
	background: #f2f9ff; /* Very pale blue */
}

.carousel-indicators li
{
    background-color: #bbb;
}

.carousel-indicators .active
{
    background-color: #666;
}

.carousel-caption
{
	color: #ccffcc;
	text-align: center;
	max-width: 300px;
	left: 200px;
	top: 80px;
}

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

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

p.footer
{
	color: #eee;
}

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

/* Primary species links */
a.primaryspecies			{ color: #06c; text-decoration: none; line-height: 1.4em; } /* Dark blue */
a.primaryspecies:visited	{ color: #06c; }
a.primaryspecies:hover		{ color: #828383; text-decoration: none; }

/* Secondary species links */
a.secondaryspecies			{ color: #7BC0FE; text-decoration: none; line-height: 1.4em; } /* Blue */
a.secondaryspecies:visited	{ color: #7BC0FE; }
a.secondaryspecies:hover	{ color: #828383; text-decoration: none; }

/* Tertiary species links */
a.tertiaryspecies			{ color: #aaa; text-decoration: none; line-height: 1.4em; } /* Grey */
a.tertiaryspecies:visited	{ color: #aaa; }
a.tertiaryspecies:hover		{ color: #828383; text-decoration: none; }

/* Species and community */
.card.home
{
    border-color: #ddaadd; /* Border color of the whole card */
}

/* Species and community */
.card-header.home
{
    background-color: #bb88bb; /* Background color of header */
    border-color: #ddaadd; /* Border color below header */
    color: #fff; /* Header text color */
}

/* Species and community */
.card-body.home
{
    background-color: #fffaff; /* Background color of body */
}

/* Newsitems */
.card.newsitem
{
    border-color: #99dd99;  /* Border color of the whole card */
}

/* Newsitems */
.card-header.newsitem
{
    background-color: #dff0d8; /* Background color of header */
    border-color: #99dd99; /* Border color below header */
    color: #226622; /* Header text color */
}

/* Newsitems */
.card-body.newsitem
{
    background-color: #f9fdf9; /* Background color of body */
}

/* Primary species links */
a.home			{ color: #fff; } /* White */
a.home:visited	{ color: #fff; } /* White */
a.home:hover	{ color: #996699; } /* Purple */

/* ======================================================== */
/* species.php */
/* ======================================================== */

.attachment_thumbnail
{
    max-width:150px;
    max-height:150px;
    width:auto;
    height:auto;
}

.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;
}

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

.noparentcontainer
{
	background-color: #d9edf7; /* Black */
}

.showcasethumbnail
{        
	height: 210px;
}

.card.speciesdescription
{
    border-color: #ddccdd; /* Very pale purple */
}

.card-header.speciesdescription
{
    background-color: #bb88bb; /* Dark purple */
    color: #fff; /* White */
}

button.speciesdescription
{
    color: #fff; /* White */
}

.card.speciesdescription2
{
    border-color: #ddccdd; /* Very pale purple */
}

.card-header.speciesdescription2
{
    background-color: #fff0ff; /* Very pale purple */
}

a.speciesdescription2
{
    color: #000; /* Black */
}

a.ukb
{
	outline: none;
}