/* KzSuite colours over Bootstrap and site.css: blue #1565D8, night blue #0B2545, amber #F5A524. */

:root {
    --kz-blue: #1565D8;
    --kz-blue-dark: #0E4CA8;
    --kz-navy: #0B2545;
    --kz-amber: #F5A524;

    --bs-primary: var(--kz-blue);
    --bs-primary-rgb: 21, 101, 216;
    --bs-link-color: var(--kz-blue);
    --bs-link-color-rgb: 21, 101, 216;
    --bs-link-hover-color: var(--kz-blue-dark);
    --bs-link-hover-color-rgb: 14, 76, 168;
    --bs-focus-ring-color: rgba(21, 101, 216, .25);

    --site-accent: var(--kz-blue);
    --site-dark: var(--kz-navy);
    --site-darker: #071A33;
}

.btn-primary {
    --bs-btn-bg: var(--kz-blue);
    --bs-btn-border-color: var(--kz-blue);
    --bs-btn-hover-bg: var(--kz-blue-dark);
    --bs-btn-hover-border-color: var(--kz-blue-dark);
    --bs-btn-active-bg: var(--kz-blue-dark);
    --bs-btn-active-border-color: var(--kz-blue-dark);
    --bs-btn-disabled-bg: var(--kz-blue);
    --bs-btn-disabled-border-color: var(--kz-blue);
    --bs-btn-focus-shadow-rgb: 21, 101, 216;
}

.btn-outline-primary {
    --bs-btn-color: var(--kz-blue);
    --bs-btn-border-color: var(--kz-blue);
    --bs-btn-hover-bg: var(--kz-blue);
    --bs-btn-hover-border-color: var(--kz-blue);
    --bs-btn-active-bg: var(--kz-blue);
    --bs-btn-active-border-color: var(--kz-blue);
    --bs-btn-focus-shadow-rgb: 21, 101, 216;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--kz-blue);
}

.site-name,
.site-content h1,
.site-content h2,
.site-content h3 {
    color: var(--kz-navy);
}

/* Call to action: night blue to brand blue, amber button */
.site-cta {
    background: linear-gradient(135deg, var(--kz-navy), var(--kz-blue));
}

.site-cta .btn-light {
    --bs-btn-color: var(--kz-navy);
    --bs-btn-bg: var(--kz-amber);
    --bs-btn-border-color: var(--kz-amber);
    --bs-btn-hover-color: var(--kz-navy);
    --bs-btn-hover-bg: #FFB94A;
    --bs-btn-hover-border-color: #FFB94A;
    --bs-btn-active-color: var(--kz-navy);
    --bs-btn-active-bg: #FFB94A;
    --bs-btn-active-border-color: #FFB94A;
    font-weight: 600;
}

.site-cta a.btn-light {
    color: var(--kz-navy);
}

/* Home page promises */
.site-features .site-block {
    background: #EEF4FF;
}

/* Boxes of the right sidebar (articles) */
.site-sidebar-box {
    padding: 1.25rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    background: var(--bs-body-bg);
}

.site-sidebar-box .site-view-list > div:first-child {
    padding-top: 0 !important;
}

.site-sidebar-box .site-view-list > div:last-of-type {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.site-sidebar-box .site-view-thumb {
    width: 72px;
    height: 54px;
}