:root {
	--headerbackground: rgba(0,0,0,0.8);
	--headerInternal: rgba(219, 153, 32, 1);
	--navBackground: #393719;
	--navText: #ffffff;
	--navTextHover: #DA973A;
	--promoBackground: #373810;
	--promoTextBackground: rgba(255,255,255, 0.7);
	--promoBackgroundHover: rgba(255,255,255, 0.9);
	--promoText: #121212;
	--promoBorders: #fff;
	--primary: #fff;
	--background2: #fff;
	--background3: ;
	--background4: ;
	--generalText: #212529;
	--textBackground1: #000;
	--textBackground2: #000;
	--textBackground3: ;
	--textBackground4: ;
	--seperator: #000;
	--footerBackground: #DA973A;
	--footerText: #000000;
	--footerTextHover: #383813;
	--copyright: #000;
	--copyrightText: #fff;
	--copyrightTextHover: #DA973A;
	--outline: #fff;
}

#loader3 {
	background-color: var(--primary);
}

#loader3::before {
	border-color: var(--primary);
}

#wrap {
	background-color: var(--headerInternal);
}

hr {
	background-color: var(--primary);
}

body {
	color: var(--generalText);
}

.internal #header {
	background-color: var(--headerInternal);
}

#header.header-affix {
	background-color: var(--headerbackground);
}

.btn-template {
	color: var(--primary);
}

#header.header-affix .btn-template, .internal #header .btn-template {
	border-color: var(--primary);
}

/*.simple-buttons #header.header-affix .btn-template::before, .simple-buttons .internal #header .btn-template::after,
.simple-buttons #header.header-affix .btn-template::before, .simple-buttons .internal #header .btn-template::after {
	border: none;
}*/


#promos.promos-simple .promo::before {
  background-color: var(--promoBackground);;
}

#promos .promo {
	color: var(--promoText);
}

#promos .promo::after {
	background-color: var(--promoTextBackground);
}

#promos .promo:hover {
	background-color: var(--promoBackgroundHover);
	color: var(--generalText);
}

#promos .promo-ring::after, 
#promos .promo-ring::before {
	border-color: var(--promoBorders);
}

#lateral-nav {
	background-color: var(--navBackground);
}

#lateral-nav .social.transparent a {
	color: var(--navText);
}


#lateral-nav .trn-nav-link {
	color: var(--navText);
	--outline: var(--navText);
}

#lateral-nav .trn-nav-link:hover,
#lateral-nav .trn-nav-link:focus {
	--navText: var(--navTextHover);
}

#MembersOnly .nav li a::before, 
#MembersOnly .nav li a::after {
	background-color: var(--primary);
}

#MembersOnly .trn-nav-link {
  color: var(--generalText);
}

#MembersOnly .trn-nav-link::hover,
#MembersOnly .trn-nav-link::focus {
  color: var(--primary);
}



a:focus, input:focus, button:focus {
	outline-color: var(--outline);
}

[class*="tabs-"] .nav-tabs a.nav-link.active {
	border-color: var(--primary);
}

.simple-buttons [class*=tabs-] .nav-tabs a:hover::before,
.simple-buttons [class*=tabs-] .nav-tabs a:focus::before,
.simple-buttons [class*=tabs-] .nav-tabs a:hover::after,
.simple-buttons [class*=tabs-] .nav-tabs a:focus::after {
  border-color: var(--primary);
}

.btn-template:hover, .btn-template:focus {
	color: var(--primary);
	border-color: var(--primary);
}

.simple-buttons .btn-template:hover, .simple-buttons .btn-template:focus {
	color: #fff;
	background-color: var(--primary);
}

.color-bg-1 {
	background-color: var(--primary);
	color: var(--textBackground1);
	--button: var(--textBackground1);
	--buttonSecondary: var(--primary);
}

.color-bg-2 {
	background-color: var(--background2);
	color: var(--textBackground2);
	--button: var(--textBackground2);
	--buttonSecondary: var(--background2);
}

.btn-template.on-light {
	color: var(--button, var(--generalText));
	border-color: var(--button, var(--generalText));
}

.btn-template.on-dark:hover, .btn-template.on-dark:focus, 
[class*="color-bg"] .btn-template:hover, [class*="color-bg"] .btn-template:focus {
	color: var(--button, #fff);
	border-color: var(--button, #fff);
}

.btn-template.on-light:hover, .btn-template.on-light:focus {
	color: var(--button, #000);
	border-color: var(--button, #000);
}

.simple-buttons .btn-template.on-light {
	color: var(--button, var(--generalText));
	border-color: var(--button, var(--generalText));
}

.simple-buttons .btn-template.on-dark:hover, 
.simple-buttons .btn-template.on-dark:focus, 
.simple-buttons [class*="color-bg"] .btn-template:hover, 
.simple-buttons [class*="color-bg"] .btn-template:focus {
	color: var(--buttonSecondary, #333);
	background-color: var(--button, #fff);
}

.simple-buttons .btn-template.on-light:hover,
.simple-buttons .btn-template.on-light:focus {
	color: var(--buttonSecondary, #333);
	background-color: var(--button, #000);
	border-color: var(--buttonSecondary, #000);
}

#footer {
	color: var(--footerText);
	background-color: var(--footerBackground);
}

#footer hr {
  background-color: var(--primary);
}

#footer a {
  color: var(--footerText);
}

#footer a:hover,
#footer a:focus {
	--footerText: var(--footerTextHover);
	--outline: var(--footerTextHover);
}

#footer #course-details .details-section:not(:last-child) {
	border-right-color: var(--copyright);
}

#footer .footer-bottom {
	background-color: var(--copyright);
	color: var(--copyrightText);
}

#footer .footer-bottom a{
	color: var(--copyrightText);
}

#footer .social.transparent a {
	color: var(--copyrightText);
}

#footer .footer-bottom a:hover, 
#footer .footer-bottom a:hover {
	--copyrightText: var(--copyrightTextHover);
	--outline: var(--copyrightTextHover);
}

.table thead {
	background-color: var(--primary);
	color: var(--textBackground1);
}

.table {
	border-bottom-color: var(--primary);
}