a:hover, .site-top a, #topbar .social-links a:hover, .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a, .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a, #footer .footer-bottom a, .sidebar-list .list-group .active, .sidebar-list .list-group a:hover, .contact .info i {
    color: var(--color-primary);
}

.navbar .active, .navbar .active:focus {
    color: var(--color-primary) !important;
}

#hero .carousel-item::before {
    background-color: var(--color-hero-overlay);
}

a, #footer .footer-bottom a:hover, .section-title h2, .staff .member h4, .testimonials .testimonial-item h3 {
    color: var(--color-secondary);
}

.read-more-link:hover {
    color: var(--color-primary) !important;
}

.btn-theme, #footer .footer-newsletter form button:hover, .back-to-top, .section-title h2::before, .section-title h2::after, .contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
    background: var(--color-primary);
}

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

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

.btn-theme:hover, #footer .footer-newsletter form button, .back-to-top:hover {
    background: var(--color-secondary);
}

.section-bg {
    background-color: var(--color-tertiary);
}

.fixed-area-menu::-webkit-scrollbar-track {
    background-color: var(--color-tertiary);
}

.fixed-area-menu::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
    color: var(--color-quaternary);
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
    border-color: var(--color-primary);
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--color-primary);
}

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

.btn-secondary:hover {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.tooltip-inner {
    background-color: var(--color-primary);
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--color-primary);
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-bottom-color: var(--color-primary);
}

.services .icon-box:hover {
    background: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

.services .icon-box {
    border-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
}

.services .icon-box .icon i, .services .icon-box:hover .icon i {
    color: var(--color-primary);
}

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

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

.list-group-item, .card, .form-control {
    border-color: var(--color-quaternary);
}

.page-link {
    color: var(--color-primary) !important;
}

.active > .page-link, .page-link.active {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

#preloader:before {
    border-color: var(--color-primary);
    border-top-color: var(--color-quaternary);
}

#footer .footer-top .footer-links ul a:hover, #footer a:hover, #footer a:active {
    color: var(--color-primary);
}

.form-control:focus {
    border-color: var(--color-quaternary);
    box-shadow: 0 0 0 0.25rem var(--color-tertiary);
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--color-primary) !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--color-tertiary);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--color-primary);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--color-tertiary) !important;
}

.bg-light {
    background-color: var(--color-secondary) !important;
}

.text-light {
    color: var(--color-tertiary) !important;
}

.text-light::placeholder {
    color: var(--color-quaternary) !important;
    opacity: 0.7;
}

.text-light::-ms-input-placeholder {
    color: var(--color-quaternary) !important;
    opacity: 0.7;
}

.accordion-item {
    border-color: var(--color-quaternary) !important;
}

.accordion-button:not(.collapsed) {
    color: var(--color-white) !important;
    background-color: var(--color-primary) !important;
    box-shadow: none;
}

.no-data {
    color: var(--color-secondary) !important;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    color: var(--color-quaternary) !important;
}

.header-form-search .form-control {
    background-color: var(--color-tertiary) !important;
}

.home-page .testimonials, .home-page .gallery, .home-page .faq {
    border-top: 1px solid var(--color-tertiary) !important;
}

.staff .member span::after {
    background: var(--color-primary) !important;
}

.post-gallery {
    background: var(--color-tertiary) !important;
}

.line-frame {
    border: 1px solid var(--color-quaternary) !important;
}

.gallery .gallery-item {
    border: 3px solid var(--color-white);
}

.staff .member {
    background: var(--color-quaternary) !important;
    box-shadow: none;
}

.staff .member .member-info .custom-field-value {
    background: transparent !important;
}

.btn-outline-theme {
    border: 1px solid var(--color-quaternary);
    color: var(--color-primary);
}

.btn-outline-theme:hover, .btn-outline-theme:active {
    background: var(--color-quaternary);
    border: 1px solid var(--color-quaternary);
}

#header-search-box {
    background: var(--color-secondary);
}

#header-search-box input[type="search"]::placeholder {
    color: var(--color-quaternary);
}

#header-search-box input[type="search"]::-ms-input-placeholder {
    color: var(--color-quaternary);
}

#header-search-box .close {
    background: var(--color-quaternary);
    color: var(--color-primary);
}

.appearance-toggle .checkbox-label .ball {
    background-color: var(--color-quaternary);
}

.navbar a, .navbar a:focus {
    color: var(--color-secondary);
}

.modal-backdrop {
    background-color: var(--color-secondary);
}

/* Dark Mode */
.dark, .dark .header-bg, .dark .services .icon-box:hover .icon, .dark .staff, .dark #preloader, .dark .contact .info, .dark .contact .php-email-form {
    background: var(--color-dark-bg);
    color: var(--color-white);
}

.dark #preloader:before {
    border-top-color: var(--color-dark-bg);
}

.dark #header.header-scrolled {
    background: var(--color-dark-bg-dark);
    box-shadow: 0 2px 10px rgba(255, 255, 255, .1) !important;
}

.dark #topbar.topbar-scrolled {
    background: var(--color-dark-bg);
}

.dark .section-bg, .dark .testimonials .testimonial-item {
    background-color: var(--color-dark-bg-light);
}

.dark .testimonials .testimonial-item .testimonial-img {
    border: 6px solid var(--color-dark-bg);
}

.dark .appearance-toggle .checkbox-label .ball {
    background-color: var(--color-secondary);
}

.dark .header-scrolled .header-dropdown .btn, .dark .header-scrolled .navbar a {
    color: var(--color-tertiary);
}

.dark a, .dark #footer .footer-bottom a:hover, .dark .section-title h2, .dark .staff .member h4, .dark .testimonials .testimonial-item h3 {
    color: var(--color-tertiary);
}

.dark .btn-theme, .dark #footer .footer-newsletter form button {
    background: var(--color-primary);
    color: var(--color-white);
    border: 1px solid var(--color-primary) !important;
}

.dark #footer .footer-newsletter form button:hover {
    background: var(--color-secondary);
    color: var(--color-white);
}

.dark .btn-theme:hover, .dark .back-to-top:hover {
    background: var(--color-secondary);
    color: var(--color-primary);
    border: 1px solid var(--color-primary) !important;
}

.dark .contact .info h4 {
    color: var(--color-tertiary);
}

.dark .contact .info p {
    color: var(--color-tertiary);
}

.dark .navbar a, .dark .navbar a:focus, .dark .header-dropdown .btn {
    color: var(--color-tertiary);
}

.dark .breadcrumbs, .dark pre, .dark .fixed-area-menu::-webkit-scrollbar-track {
    background-color: var(--color-dark-bg-darker);
}

.dark #footer .footer-bottom {
    background: var(--color-secondary);
}

.dark #footer .footer-bottom, .dark .section-border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.dark .widget-title, .dark .contact .info i {
    background: var(--color-secondary);
    border-color: var(--color-secondary) !important;
}

.dark .bottom-article {
    background: var(--color-dark-bg);
    border-color: var(--color-secondary) !important;
}

.dark #footer .copyright, .dark .mobile-nav-toggle.ti-x, .dark #footer .credits {
    color: var(--color-quaternary);
}

.dark #footer {
    background-color: var(--color-dark-bg-darker);
}

.dark .form-control, .dark .select2-container--default .select2-selection--multiple, .dark .select2-container--default .select2-selection--single, .dark .select2-dropdown, .dark .select2-search--dropdown .select2-search__field, .dark .iti--inline-dropdown .iti__dropdown-content, .dark .iti__search-input {
    background: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
}

.dark .select2-container--default .select2-selection--single .select2-selection__rendered, .dark .select2-container--default .select2-search--inline .select2-search__field {
    color: var(--color-white) !important;
}

.dark .form-control:focus {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 0.25rem var(--color-primary);
}

.dark .select2-container--default .select2-selection--multiple .select2-selection__choice, .dark .select2-container--default .select2-results__option--selected {
    background-color: var(--color-dark-bg) !important;
}

.dark #footer .footer-newsletter form {
    background: var(--color-secondary);
    border: 5px solid var(--color-secondary);
}

.dark #topbar {
    box-shadow: 0 0 1px rgba(255, 255, 255, .4);
}

.dark .navbar .dropdown ul {
    background-color: var(--color-dark-bg-dark);
}

.dark .navbar .dropdown ul a {
    color: var(--color-white);
}

.dark .dropdown-menu.show {
    background-color: var(--color-dark-bg-dark);
    border-color: rgba(255, 255, 255, .15);
}

.dark .accordion-item {
    border-color: var(--color-secondary) !important;
    background: var(--color-secondary) !important;
    color: var(--color-white);
}

.dark .accordion-item:last-of-type .accordion-button.collapsed {
    background: var(--color-secondary) !important;
    color: var(--color-white);
}

.dark .accordion-button:not(.collapsed) {
    color: var(--color-white) !important;
    background-color: var(--color-primary) !important;
    box-shadow: none;
}

.dark .accordion-button::after {
    filter: brightness(0) invert(1);
}

.dark .card, .dark .form-control, .dark .card {
    border-color: var(--color-secondary);
}

.dark .card {
    background: var(--color-dark-bg) !important;
    color: var(--color-tertiary);
}

.dark .list-group-item {
    background: var(--color-dark-bg) !important;
    border-color: var(--color-secondary);
}

.dark .text-muted {
    color: var(--color-quaternary) !important;
}

.dark .home-page .testimonials, .dark .home-page .gallery, .dark .home-page .faq {
    border-top: 1px solid var(--color-secondary) !important;
}

.dark .staff .member {
    background-color: var(--color-secondary) !important;
}

.dark .gallery .gallery-item {
    border-color: var(--color-dark-bg);
}

.dark .services .icon-box:hover {
    background: var(--color-dark-bg-darker) !important;
    border-color: var(--color-primary) !important;
}

.dark .mobile-nav-toggle {
    color: var(--color-white);
}

.dark .navbar-mobile ul {
    background: var(--color-dark-bg);
}

.dark .navbar-mobile > ul > li {
    border-color: var(--color-secondary) !important;
}

.dark .navbar-mobile .mobile-nav-toggle {
    background: var(--color-secondary);
    border: 1px solid var(--color-secondary);
}

.dark .page-popup .btn-close, .dark .iti__arrow {
    filter: invert(1);
}

@media (max-width: 768px) {
    .dark .navbar-mobile-bg {
        background: var(--color-dark-bg);
    }
}

.color-primary         { color: var(--color-primary) !important; }
.color-primary-light   { color: var(--color-primary-light) !important; }
.color-primary-lighter { color: var(--color-primary-lighter) !important; }
.color-primary-dark    { color: var(--color-primary-dark) !important; }
.color-primary-darker  { color: var(--color-primary-darker) !important; }

.color-secondary         { color: var(--color-secondary) !important; }
.color-secondary-light   { color: var(--color-secondary-light) !important; }
.color-secondary-dark    { color: var(--color-secondary-dark) !important; }
.color-secondary-darker  { color: var(--color-secondary-darker) !important; }

.color-tertiary         { color: var(--color-tertiary) !important; }
.color-tertiary-light   { color: var(--color-tertiary-light) !important; }
.color-tertiary-dark    { color: var(--color-tertiary-dark) !important; }

.color-quaternary       { color: var(--color-quaternary) !important; }

.color-white            { color: var(--color-white) !important; }
.color-black            { color: var(--color-black) !important; }
.color-success          { color: var(--color-success) !important; }
.color-danger           { color: var(--color-danger) !important; }
.color-main-primary     { color: var(--color-main-primary) !important; }
.color-main-secondary   { color: var(--color-main-secondary) !important; }

/* Background Colors */
.bg-primary         { background-color: var(--color-primary) !important; }
.bg-primary-light   { background-color: var(--color-primary-light) !important; }
.bg-primary-lighter { background-color: var(--color-primary-lighter) !important; }
.bg-primary-dark    { background-color: var(--color-primary-dark) !important; }
.bg-primary-darker  { background-color: var(--color-primary-darker) !important; }

.bg-secondary         { background-color: var(--color-secondary) !important; }
.bg-secondary-light   { background-color: var(--color-secondary-light) !important; }
.bg-secondary-dark    { background-color: var(--color-secondary-dark) !important; }
.bg-secondary-darker  { background-color: var(--color-secondary-darker) !important; }

.bg-tertiary         { background-color: var(--color-tertiary) !important; }
.bg-tertiary-light   { background-color: var(--color-tertiary-light) !important; }
.bg-tertiary-dark    { background-color: var(--color-tertiary-dark) !important; }

.bg-quaternary       { background-color: var(--color-quaternary) !important; }

.bg-white            { background-color: var(--color-white) !important; }
.bg-black            { background-color: var(--color-black) !important; }
.bg-success          { background-color: var(--color-success) !important; }
.bg-danger           { background-color: var(--color-danger) !important; }
.bg-main-primary     { background-color: var(--color-main-primary) !important; }
.bg-main-secondary   { background-color: var(--color-main-secondary) !important; }