/* Region4 Custom Brand Colors */
:root {
    --region4-primary: #7A9B8E;
    --region4-primary-dark: #657F74;
    --region4-primary-light: #8FAD9F;
    --region4-primary-lighter: #A4BFAF;
    --region4-gradient-start: #7A9B8E;
    --region4-gradient-end: #657F74;
    --region4-hover-red: #E74C3C;
}

/* Primary Color Overrides */
.bg-primary {
    background-color: var(--region4-primary) !important;
}

.bg-gradient-primary {
    background: linear-gradient(45deg, var(--region4-gradient-start) 0%, var(--region4-gradient-end) 100%) !important;
}

.text-primary {
    color: var(--region4-primary) !important;
}

.btn-primary {
    background-color: var(--region4-primary) !important;
    border-color: var(--region4-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--region4-primary-dark) !important;
    border-color: var(--region4-primary-dark) !important;
}

.btn-pills {
    background-color: var(--region4-primary) !important;
    border-color: var(--region4-primary) !important;
}

.btn-pills:hover {
    background-color: var(--region4-primary-dark) !important;
    border-color: var(--region4-primary-dark) !important;
}

.btn-soft-primary {
    background-color: rgba(122, 155, 142, 0.1) !important;
    color: var(--region4-primary) !important;
}

.btn-soft-primary:hover {
    background-color: rgba(122, 155, 142, 0.2) !important;
}

/* Icons and Features */
.feature-primary .image i {
    color: var(--region4-primary) !important;
}

.icons i {
    color: var(--region4-primary) !important;
}

/* Links */
a.text-primary:hover {
    color: var(--region4-hover-red) !important;
}

/* Back to top button */
.back-to-top {
    background-color: var(--region4-primary) !important;
    border-color: var(--region4-primary) !important;
}

.back-to-top:hover {
    background-color: var(--region4-primary-dark) !important;
}

/* Navigation */
#topnav .navigation-menu > li > a:hover,
#topnav .navigation-menu > li > a:focus,
#topnav .navigation-menu > li.active > a {
    color: var(--region4-hover-red) !important;
}

/* Navigation menu items - override any default styles */
.navigation-menu > li > a:hover,
.navigation-menu > li > a:focus {
    color: var(--region4-hover-red) !important;
}

#navigation .navigation-menu > li > a:hover,
#navigation .navigation-menu > li > a:focus {
    color: var(--region4-hover-red) !important;
}

/* Cards */
.card.features.feature-primary:hover,
.card.features.feature-clean:hover {
    border-color: var(--region4-primary-light) !important;
    box-shadow: 0 10px 25px rgba(122, 155, 142, 0.15) !important;
}

/* Form elements */
input:focus,
textarea:focus,
.form-control:focus {
    border-color: var(--region4-primary-light) !important;
    box-shadow: 0 0 0 0.2rem rgba(122, 155, 142, 0.25) !important;
}

/* Subscribe form */
.subcribe-form input:focus {
    border-color: var(--region4-primary) !important;
}

.subcribe-form button {
    background-color: var(--region4-primary) !important;
}

.subcribe-form button:hover {
    background-color: var(--region4-primary-dark) !important;
}

/* Footer */
.footer a:hover {
    color: var(--region4-hover-red) !important;
}

/* Sections background variations */
.bg-half-260.bg-primary {
    background: linear-gradient(135deg, var(--region4-gradient-start) 0%, var(--region4-gradient-end) 100%) !important;
}

/* Icon colors in cards */
.uil-apps,
.uil-chart-line,
.uil-brain,
.uil-analytics,
.uil-robot {
    color: var(--region4-primary) !important;
}

/* Shape SVG fills */
.shape svg path {
    fill: currentColor;
}

/* Hover states for project cards */
.features.feature-primary .content h5 a:hover {
    color: var(--region4-hover-red) !important;
}

.features.feature-primary .content a.text-primary:hover {
    color: var(--region4-hover-red) !important;
}

/* Additional hover effects */
.text-dark:hover {
    color: var(--region4-hover-red) !important;
}

/* Navbar brand color on scroll */
#topnav.nav-sticky .navigation-menu > li > a:hover,
#topnav.nav-sticky .navigation-menu > li.active > a {
    color: var(--region4-hover-red) !important;
}

/* Additional sticky menu hover overrides */
header#topnav.nav-sticky .navigation-menu > li > a:hover,
header#topnav.nav-sticky .navigation-menu > li > a:focus,
header.defaultscroll.sticky.nav-sticky .navigation-menu > li > a:hover {
    color: var(--region4-hover-red) !important;
}

/* List icons */
.list-unstyled.footer-list a i,
.footer-list .uil {
    color: var(--region4-primary-light) !important;
}

/* Remove icon background boxes */
.features .image,
.features .icons,
.icons {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

.features .image::before,
.features .image::after,
.features .icons::before,
.features .icons::after,
.icons::before,
.icons::after {
    display: none !important;
    content: none !important;
}

/* Specifically target card icons */
.card .icons,
.card .icons i {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.feature-clean .icons {
    background: transparent !important;
}

/* Make project cards compact */
.card.features.feature-clean {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2.5rem 2rem;
}

.card.features.feature-clean .icons {
    margin-bottom: 0.5rem;
}

.card.features.feature-clean .content {
    width: 100%;
    margin-top: 0;
}

.card.features.feature-clean .content h5 {
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.card.features.feature-clean .content p {
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.card.features.feature-clean .content a {
    margin-top: 0.25rem;
}

/* Logo visibility and size */
#topnav .logo img {
    height: 80px !important;
    max-height: 80px;
    width: auto;
    display: block;
}

/* Logo switching based on background */
#topnav .logo .logo-dark {
    display: none;
}

#topnav .logo .logo-light {
    display: block;
}

#topnav.nav-sticky .logo .logo-dark {
    display: block;
}

#topnav.nav-sticky .logo .logo-light {
    display: none;
}

/* Sticky header styling for visibility */
#topnav.nav-sticky {
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

#topnav.nav-sticky .logo img {
    height: 60px !important;
    max-height: 60px;
    transition: all 0.3s ease;
}

/* Ensure logo is always visible */
#topnav .logo {
    z-index: 999;
    display: inline-block;
    padding: 15px 0;
}

#topnav.nav-sticky .logo {
    padding: 10px 0;
}

.logo-footer img {
    height: 70px !important;
    width: auto;
}

/* Make sure navigation is visible on scroll */
#topnav.nav-sticky .navigation-menu > li > a {
    color: var(--region4-primary) !important;
}

/* Navigation menu default text color */
#topnav .navigation-menu > li > a,
.navigation-menu > li > a {
    color: var(--region4-primary) !important;
}

#topnav.nav-sticky .navigation-menu > li > a:hover,
#topnav.nav-sticky .navigation-menu > li.active > a {
    color: var(--region4-primary) !important;
}

/* Footer background color override */
.footer {
    background-color: #A4BFAF !important;
}

.footer-bar {
    background-color: #8FAD9F !important;
}

/* Footer text colors for light green background */
.footer h5,
.footer p,
.footer .text-foot,
.footer-bar p {
    color: #2c3e50 !important;
}

.footer .text-foot:hover {
    color: var(--region4-hover-red) !important;
}

/* Footer shape divider color */
.text-footer,
.shape.overflow-hidden.text-footer {
    color: #A4BFAF !important;
}

.shape.overflow-hidden.text-footer svg path {
    fill: #A4BFAF !important;
}