/* BRAND_COLORS_LOCK_V2 — logo palette: blue #2558a8 + green #2f9e63 */

:root {
    --brand-blue: #2558a8;
    --brand-blue-dark: #1e4d8c;
    --brand-green: #2f9e63;
    --brand-green-dark: #278a56;
    --brand-coral: #e07a5f;
    --brand-teal: #5aa99c;
    --brand-dark: #1a2b3c;
    --photo-gold: var(--brand-blue);
    --photo-accent: var(--brand-blue);
    --photo-accent-2: var(--brand-green);
}

.gold-btn,
.aspire-btn,
.journal-btn:not(.secondary),
.documents-v2-btn:not(.secondary),
.inner-page-btn,
.page-doc-download:not(.secondary),
.scroll-top-btn {
    background: linear-gradient(135deg, var(--brand-blue), var(--brand-green)) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

.gold-btn:hover,
.aspire-btn:hover,
.journal-btn:not(.secondary):hover,
.documents-v2-btn:not(.secondary):hover {
    background: linear-gradient(135deg, var(--brand-blue-dark), var(--brand-green-dark)) !important;
}

.documents-v2-btn.secondary,
.journal-btn.secondary {
    background: #ffffff !important;
    color: var(--brand-blue-dark) !important;
    border: 1px solid var(--brand-blue) !important;
}

.photo-site-title span,
.site-title span {
    color: var(--brand-blue) !important;
}

.photo-language a.active,
.lang a.active {
    background: linear-gradient(135deg, var(--brand-blue), var(--brand-green)) !important;
    color: #fff !important;
}

.photo-main-nav a:hover,
.photo-main-nav a.active,
.main-nav a:hover,
.main-nav a.active {
    color: var(--brand-blue) !important;
    background: linear-gradient(135deg, rgba(37,88,168,.12), rgba(47,158,99,.12)) !important;
    border-bottom-color: var(--brand-blue) !important;
}

.photo-main-nav a,
.photo-main-nav a:link,
.photo-main-nav a:visited,
.main-nav a,
.main-nav a:link,
.main-nav a:visited {
    color: var(--brand-blue) !important;
}

.quick-list a:hover {
    color: var(--brand-blue) !important;
}

.quick-list a:hover .quick-icon {
    background: rgba(37, 88, 168, 0.14) !important;
    color: var(--brand-blue) !important;
}

.aspire-list li::before,
.hero-more,
.feature-more,
.news-more,
.more-link {
    background-color: var(--brand-blue) !important;
}

.hero-arrow {
    background-color: rgba(37, 88, 168, 0.42) !important;
    color: #fff !important;
}

.hero-arrow:hover {
    background-color: rgba(37, 88, 168, 0.68) !important;
}

.hero-dots button.active {
    background-color: rgba(37, 88, 168, 0.78) !important;
}

.feature-more,
.news-card a.more,
.big-news-more,
.all-news,
.all-news-bar,
.section-title,
.feature-card h2,
.side-box a {
    color: var(--brand-blue) !important;
}

.side-box h3 {
    background: linear-gradient(90deg, rgba(37,88,168,0.10), rgba(47,158,99,0.10)) !important;
}

.feature-card:hover,
.news-card:hover,
.motion-item:hover {
    border-color: rgba(37, 88, 168, 0.35) !important;
    box-shadow: 0 18px 36px rgba(37, 88, 168, 0.16) !important;
}

.aspire-btn,
.hero .btn,
.btn-primary-home {
    background: linear-gradient(135deg, var(--brand-blue), var(--brand-green)) !important;
    color: #fff !important;
}