:root{
	--footer-height:48px;
}

#imghomepagelogo{
	content:url(/assets/img/logo_dark.png);
}

/* === Base colours === */
body {
	background-color: #000000;
	color: #ffffff;
	/*font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;*/
	line-height: 1.6;
}

/* === Accent colours === */
a, .accent {
  color: #00d4ff;
}
a:hover {
  color: #00aacc;
}

/* === Headings === */
h1, h2, h3, h4, h5 {
  color: #ffffff;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h6{
	font-weight:600;
}

/* === Paragraphs === */
p {
  color: #cccccc;
  margin-bottom: 1rem;
}

/* === Buttons === */
.btn-outline-light {
  border-color: #ffffff;
  color: #ffffff;
}
.btn-outline-light:hover {
  background-color: #ffffff;
  color: #000000;
}

/* === Cards === */
.card {
  background-color: #111111;
  border: 1px solid #444444;
  color: #ffffff;
}
.card-title {
  font-weight: 600;
}
.card-text {
  color: #cccccc;
}

/* === Arrow examples === */
.arrow-block {
  background-color: #1a1a1a;
  color: #ffffff;
  font-family: 'Courier New', monospace;
  padding: 1rem;
  border-radius: 6px;
  margin-bottom: 1rem;
  white-space: pre-wrap;
}

/* === Footer === */
footer {
  background-color: #000000;
  color: #ffffffc0;
  text-align: center;
  padding: 1rem 0;
  font-size: 0.9rem;
}

body{
	margin-bottom:var(--footer-height);
}

.footerOLD {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: var(--footer-height); /* Set the fixed height of the footer here */
  /*line-height: 60px; /* Vertically center the text there */
  /*background-color: #f5f5f5;*/
  display:flex;
  justify-content:center;
  align-items:center;
}

/* === Section spacing === */
section {
  padding: 4rem 0;
}

/* === Navbar === */
.navbar {
  background-color: #222222;
  border-bottom:1px solid #ffffff10;
}
.navbar-brand {
  font-weight: bold;
  color: #ffffff;
}
.nav-link {
  color: #cccccc;
}
.nav-link:hover {
  color: #ffffff;
  background-color:#333333;
}
.nav-link:visited {
	color:#cccccc;
}

/* === Hero section === */
.hero {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  padding: 5rem 0;
}
.hero h1 {
  font-size: 3rem;
}
.hero p {
  font-size: 1.25rem;
  color: #cccccc;
}

/* === Utility classes === */
.text-accent {
  color: #00d4ff;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-dark-grey {
  background-color: #111111 !important;
}
.text-muted-light {
  color: #999999 !important;
}
.dropdown-menu-divider {
	height: 0;
	margin: 0.50rem 0;
	overflow: hidden;
	border-top: 1px solid #333333!important;
	opacity: 1;
}
.navbar-toggler-icon{
	background-image: url('/vendor/bootstrap/toggler_dark.svg');
}

.theme-light {
	color:#dbe61e;
}

.theme-toggle{
	cursor:pointer;
}

.accordion{
	border:0 none!important;
}

.accordion-body {
	border-left: 1px solid #ffffff20;
	border-right: 1px solid #ffffff20;
	font-weight:normal;
}

.accordion-item, .accordion-header, .accordion-button{
	background-color:#ffffff10;
	color:#ffffff;
	border:0;
	font-weight:600;
	border:1px solid #ffffff08;
}

	.accordion-button:not(.collapsed) {
		color: #ffffff;
		background-color: #ffffff10;
		border: 0 none!important;
		box-shadow: none !important;
	}

	.accordion-button:active, .accordion-button:focus, .accordion:active, .accordion:focus, .accordion-button .collapsed, .accordion .collapsed {
		border: 0 none !important;
	}


	.accordion-button:focus {
		z-index: 3;
		outline: 0;
		box-shadow: none!important;
	}

	.accordion-button::after {
		background-image: url('/vendor/bootstrap/chevron_down_dark.svg');
	}

	.accordion-button:not(.collapsed)::after {
		background-image: url('/vendor/bootstrap/chevron_down_dark2.svg');
	}

a:hover{
	color:#ffffffa0!important;
}


.list-group-item {
	background-color: #ffffff30;
	color: #ffffff;
	border: 0;
	font-weight: 600;
	border-bottom: 2px solid #171717;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
}

.alnk {
	color:#ffffff;
	text-decoration:none;
}

.arrow {
	color: #00d4ff;
}

.table-text, .table-text td, .table-text th {
	color: #ffffffe0;
}

.table-header{
	background-color:#2d2d2d;
	color:#ffffff;
}

.table-bordered-bottom {
	border-bottom: 1px solid #ffffffe0;
}