/*
 * Overwrite theme. Matches the HERI public site:
 * navy navigation, light page, cyan and orange only as small accents.
 * Layout is unchanged.
 */
:root {
	--heri-navy: #0e4a6b;
	--heri-navy-header: #082f45;
	--heri-navy-soft: #1a6288;
	--heri-cyan: #00c5db;
	--heri-orange: #fd9a00;
	--heri-ink: #16324a;
	--heri-paper: #eef3f6;
	--heri-line: #d5e2ea;

	--theme-primary: #0e4a6b;
	--theme-rgb-primary: 14, 74, 107;
	--ew-primary: #0e4a6b;
	--ew-primary-rgb: 14, 74, 107;
	--ew-primary-hover: #0b3d59;
	--primary-color: #0e4a6b;
	--primary-color-text: #ffffff;
	--highlight-bg: #e7f3f8;
	--highlight-text-color: #0e4a6b;
	--primary: #0e4a6b;
	--sjs-primary-backcolor: #0e4a6b;
}

body.mod-bg-1,
.page-inner.bg-brand-gradient {
	background-color: var(--heri-paper);
	background-image: none;
}

.page-content-wrapper {
	background-color: var(--heri-paper) !important;
}

body.mod-nav-dark .page-sidebar,
body.mod-nav-dark .nav-footer,
body.mod-nav-dark .page-sidebar .page-logo,
body.mod-nav-dark .page-sidebar .info-card,
.page-sidebar,
.nav-footer,
.page-logo {
	background-color: var(--heri-navy) !important;
	background-image: none !important;
	color: #e8f4f8 !important;
	box-shadow: none !important;
}

body.mod-nav-dark .page-sidebar .page-logo,
.page-sidebar .page-logo,
.page-logo {
	background-color: var(--heri-navy-header) !important;
	background-image: none !important;
}

body.mod-nav-dark .page-sidebar .info-card img.cover,
body.mod-nav-dark .page-sidebar .page-logo img.cover {
	opacity: 0 !important;
}

body.mod-nav-dark .page-sidebar .info-card,
body.mod-nav-dark .page-sidebar .info-card .info-card-text,
body.mod-nav-dark .page-sidebar .info-card .info-card-text span,
body.mod-nav-dark .page-sidebar .info-card a,
.page-sidebar .info-card,
.page-sidebar .info-card a {
	color: #ffffff !important;
	text-shadow: none !important;
}

.page-sidebar .nav-title,
body.mod-nav-dark .page-sidebar .nav-title {
	color: #8eb6c9 !important;
}

.page-sidebar .nav-menu li a,
.page-sidebar .nav-menu li a .nav-link-text,
body.mod-nav-dark .page-sidebar .nav-menu li a,
body.mod-nav-dark .page-sidebar .nav-menu li a .nav-link-text,
.page-sidebar .nav-menu li a > [class*="fa-"],
.page-sidebar .nav-menu li a > .ni {
	color: #e7f3f8 !important;
}

.page-sidebar .nav-menu li a:hover,
.page-sidebar .nav-menu li.open > a,
body.mod-nav-dark .page-sidebar .nav-menu li a:hover,
body.mod-nav-dark .page-sidebar .nav-menu li.open > a,
body.mod-nav-dark .page-sidebar .primary-nav .nav-menu > li:hover > a {
	color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.08) !important;
	background-image: none !important;
}

.page-sidebar .nav-menu li.active > a,
body.mod-nav-dark .page-sidebar .nav-menu li.active > a {
	color: #ffffff !important;
	background-color: var(--heri-navy-soft) !important;
	background-image: none !important;
	border-radius: 10px;
	box-shadow: none !important;
}

.page-sidebar .nav-menu li.active > a .nav-link-text,
body.mod-nav-dark .page-sidebar .nav-menu li.active > a .nav-link-text {
	color: #ffffff !important;
	background: none !important;
}

.page-sidebar .nav-filter input[type="text"] {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.18) !important;
}

.nav-footer,
.nav-footer a,
body.mod-nav-dark .nav-footer,
body.mod-nav-dark .nav-footer a {
	color: #c5dce6 !important;
}

.page-header,
.page-header.bg_zone_1,
.page-header.bg_zone_2,
.page-header.bg_zone_3,
.page-header.bg_zone_4,
.page-header.bg_zone_5,
.page-header.bg_zone_6 {
	background-color: #ffffff !important;
	background-image: none !important;
	color: var(--heri-ink);
	border-bottom: 0 !important;
	box-shadow: 0 1px 0 var(--heri-line) !important;
}

.page-header .header-btn,
.page-header .header-icon {
	color: var(--heri-navy);
}

.page-footer {
	background: #ffffff;
	color: #5d7584;
	border-top: 0;
	box-shadow: none;
}

.page-footer a {
	color: var(--heri-navy);
}

.subheader-title,
.text-primary,
a.text-primary {
	color: var(--heri-navy) !important;
}

.page-content a:not(.btn):not(.nav-link):not(.dropdown-item),
.panel a:not(.btn):not(.nav-link),
.card a:not(.btn) {
	color: var(--heri-navy);
}

.panel a.color-black,
.panel a.color-black strong {
	color: var(--heri-navy);
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
.show > .btn-primary.dropdown-toggle,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:hover:not(:disabled),
.btn-primary:focus:not(:disabled),
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.active:not(:disabled) {
	color: #ffffff;
	background-color: var(--heri-navy);
	border-color: var(--heri-navy);
	box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:hover:not(:disabled) {
	background-color: #0b3d59;
	border-color: #0b3d59;
}

.btn-outline-primary {
	color: var(--heri-navy);
	border-color: var(--heri-navy);
	background: #ffffff;
}

.bg-primary,
.badge-primary,
.badge.badge-primary,
.bg-fusion-500,
.modal-header.bg-fusion-500,
.dropdown-header.bg-fusion-500 {
	background-color: var(--heri-navy) !important;
	color: #ffffff !important;
	border-bottom: 0 !important;
}

.bg-fusion-500 .text-white,
.modal-header.bg-fusion-500 .modal-title,
.modal-header.bg-fusion-500 .close,
.modal-header.bg-fusion-500 .close .text-white {
	color: #ffffff !important;
}

.form-control:focus,
.custom-select:focus {
	border-color: var(--heri-cyan);
	box-shadow: 0 0 0 0.2rem rgba(0, 197, 219, 0.2);
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--heri-navy);
	background-color: var(--heri-navy);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: var(--heri-navy);
	border-bottom-color: var(--heri-cyan);
}

.p-button:not(.p-button-secondary):not(.p-button-success):not(.p-button-info):not(.p-button-warning):not(.p-button-danger):not(.p-button-outlined):not(.p-button-text) {
	color: #ffffff;
	background: var(--heri-navy);
	border-color: var(--heri-navy);
}

.sv-header {
	background: var(--heri-navy);
}

.sv-header__title .sd-title {
	color: #ffffff;
}
