@charset "utf-8";
/* Brand palette layer.
   Loaded AFTER menu.css / custom.css / scrollbar.css so it overrides the teal
   (#008C87 / #004C55) that ships in the supplied design files.
   Palette: green #046A38, red #D21034, yellow #FCD116. */

:root {
	--brand-green: #046A38;
	--brand-green-dark: #024D28;
	--brand-green-tint: #E8F5EE;
	--brand-red: #D21034;
	--brand-red-dark: #A50D28;
	--brand-yellow: #FCD116;
	--brand-yellow-tint: #FFF9DB;
}

/* ---------- Navigation ---------- */
nav,
nav ul li {
	background-color: var(--brand-green);
	color: var(--brand-green);
}
nav a:hover {
	background-color: #fff;
	color: var(--brand-green);
}
nav ul li ul li:hover {
	background: var(--brand-green-dark);
	color: #fff;
}
.toggle {
	background-color: var(--brand-green);
}
.toggle:hover {
	background-color: #fff;
	color: var(--brand-green);
}
@media all and (max-width: 768px) {
	nav a:hover,
	nav ul ul ul a {
		background-color: #fff;
		color: var(--brand-green);
	}
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: var(--brand-green-dark);
	}
}

/* ---------- Header ---------- */
.site-brand-text {
	color: var(--brand-green);
}
.lang-switch a.active {
	color: var(--brand-red);
}

/* ---------- News ticker (white bold text on green, yellow label) ---------- */
.news-ticker-wrapper {
	background: var(--brand-green);
}
.news-ticker-label {
	background: var(--brand-yellow);
	color: #111;
}
.news-ticker-text {
	color: #fff;
	font-weight: bold;
}

/* ---------- Section backgrounds ---------- */
#section0 {
	background: #fff;
}
#section1 {
	background: var(--brand-green-tint);
}
#section2 {
	background: var(--brand-yellow-tint);
}
#section3 {
	background: var(--brand-green);
}
#section4 {
	background: var(--brand-yellow-tint);
}
#section5 {
	background: var(--brand-green-tint);
}
#section9 {
	background: var(--brand-yellow-tint);
}
#section10 {
	background: var(--brand-green);
}

/* ---------- Headings ---------- */
.heading-red a,
.heading-red {
	color: var(--brand-red);
}
.heading-teal a,
.heading-teal {
	color: var(--brand-red);
}
.heading-white a,
.heading-white {
	color: #fff;
}
#section3 .section-heading h1 {
	color: #fff;
}

/* ---------- Cards ---------- */
.committee-card {
	border-bottom-color: var(--brand-red);
}
.committee-card h3 {
	color: var(--brand-green);
}
.committee-card .committee-level {
	background: var(--brand-green);
}
.latest-div {
	border-bottom-color: var(--brand-red);
}
.latest-div a:hover h3 {
	color: var(--brand-red);
}

/* ---------- Buttons ---------- */
.btn-danger {
	background-color: var(--brand-red);
	border-color: var(--brand-red-dark);
	color: #fff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
	background-color: var(--brand-red-dark);
	border-color: var(--brand-red-dark);
	color: #fff;
}
.btn-default {
	background-color: #fff;
	border-color: var(--brand-green);
	color: var(--brand-green);
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	background-color: var(--brand-green);
	border-color: var(--brand-green);
	color: #fff;
}
a {
	color: var(--brand-red);
}
a:hover,
a:focus {
	color: var(--brand-red-dark);
}

/* ---------- Amir / footer / misc design-file overrides ---------- */
.amir {
	background: var(--brand-green);
}
.amir-hd {
	color: var(--brand-green);
}
.footer {
	background: var(--brand-green);
}
.footer a {
	color: var(--brand-yellow);
}
.footer a:hover {
	color: #fff;
}
.footer dt {
	color: var(--brand-yellow);
}
.list-group-item.active {
	background-color: var(--brand-green) !important;
	border-color: var(--brand-green) !important;
}
.category-banner,
.tribunal-banner {
	background: var(--brand-red);
}
.special-news {
	background: var(--brand-yellow-tint);
	color: var(--brand-green);
}
.well-latest {
	border-bottom-color: var(--brand-red);
}
.gallery-header {
	background: var(--brand-red);
}
.leadership-menu-div,
.news-menu-div {
	background: var(--brand-green);
}
.img-caption {
	background: var(--brand-red);
}
.panel-default > .panel-heading {
	background: var(--brand-red) !important;
}
.jmtsupport {
	background: var(--brand-green);
}