/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2019 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
*/

// body {
// 	background-color: $bg_color;
// 	color: $text_color;
// }
.sp-preloader {
    background-color: $bg_color;
    color: $text_color;
}

.sp-preloader {
    >div {
        background: $link_color;

        &:after {
            background: $bg_color;
        }
    }
}

#sp-top-bar {
    background: $bg_color;
    color: $topbar_text_color;

    a {
        color: $topbar_text_color;
    }
}

// Anchor
a {
    color: $link_color;

    &:hover,
    &:focus,
    &:active {
        color: $link_hover_color;
    }
}

.tags {
    >li {
        display: inline-block;

        a {
            @if $link_color {
                background: fadeOut($link_color, 0.9);
            }

            color: $link_color;

            &:hover {
                background: $link_hover_color;
            }
        }
    }
}

.article-social-share {
    .social-share-icon {
        ul {
            li {
                a {
                    color: $text_color;

                    &:hover,
                    &:focus {
                        background: $link_color;
                    }
                }
            }
        }
    }
}

.pager {
    >li {
        a {
            border: 1px solid #c3c3c3;
            color: $text_color;
        }
    }
}

// Reading Progress Bar Color 
.sp-reading-progress-bar {
    background-color: $link_color;
}

// Megamenu
.sp-megamenu-parent {
    >li {
        >a {
            color: $menu_text_color;
        }

        &:hover>a {
            color: $menu_text_hover_color;
        }

        &.active>a,
        &.active:hover>a {
            color: $menu_text_active_color;
        }
    }

    .sp-dropdown {

        .sp-dropdown-inner {
            background: $menu_dropdown_bg_color;
        }

        li.sp-menu-item {
            >a {
                color: $menu_dropdown_text_color;

                &:hover {
                    color: $menu_dropdown_text_hover_color;
                }
            }

            &.active>a {
                color: $menu_dropdown_text_active_color;
            }
        }
    }

    .sp-mega-group {
        >li {
            >a {
                color: $menu_dropdown_text_color;
            }
        }
    }
}

// Off Canvas
#offcanvas-toggler {
    >.fa {
        color: $menu_text_color;

        &:hover,
        &:focus,
        &:active {
            color: $menu_text_hover_color;
        }
    }
}

.offcanvas-menu {
    // background-color: $menu_dropdown_bg_color;
    color: $menu_dropdown_text_color;

    .offcanvas-inner {
        .sp-module {
            ul {
                >li {

                    >a,
                    >span {
                        color: $menu_dropdown_bg_color;

                        &:hover,
                        &:focus {
                            color: $menu_dropdown_bg_color;
                        }
                    }

                    &.menu-parent {

                        >a,
                        >.menu-separator {
                            >.menu-toggler {
                                @if $menu_dropdown_bg_color {
                                    color: fade-out($menu_dropdown_bg_color, 0.5);
                                }
                            }
                        }

                    }

                    ul {
                        li {
                            a {
                                @if $menu_dropdown_bg_color {
                                    color: fade-out($menu_dropdown_bg_color, 0.2);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

//Button
.btn-primary,
.sppb-btn-primary {
    border-color: $link_color;
    background-color: $link_color;

    &:hover {
        border-color: $link_hover_color;
        background-color: $link_hover_color;
    }
}

// Topbar Social
ul.social-icons {
    >li {
        a {
            &:hover {
                color: $link_color;
            }
        }
    }
}

// Page Title
.sp-page-title {
    background: $bg_color;
}

// Body Innerwrapper

.layout-boxed .body-innerwrapper {
    background: $bg_color;
}

// Module
.sp-module {
    ul {
        >li {
            >a {
                color: $text_color;

                &:hover {
                    color: $link_color;
                }
            }
        }
    }

    .latestnews {
        >div {
            >a {
                color: $text_color;

                &:hover {
                    color: $link_color;
                }
            }
        }
    }

    .tagscloud {
        .tag-name {
            &:hover {
                background: $link_color;
            }
        }
    }
}

// Search
.search {
    .btn-toolbar {
        button {
            background: $link_color;
        }
    }
}

#sp-bottom {
    .sp-module-content {
        .latestnews {
            >li {
                >a {
                    >span {
                        color: $footer_text_color;
                    }
                }
            }
        }
    }
}

// Comingsoon
.sp-comingsoon body {
    background-color: $link_color;
}

// Pagination
.pagination>li>a,
.pagination>li>span {
    color: $text_color;

    &:hover,
    &:focus {
        color: $text_color;
    }
}

.pagination>.active>a,
.pagination>.active>span {
    border-color: $link_color;
    background-color: $link_color;

    &:hover,
    &:focus {
        border-color: $link_color;
        background-color: $link_color;
    }
}

// Error
.error-code,
.coming-soon-number {
    color: $link_color;
}

//****************** Themis ******************//


.sppb-form-control,
.sppb-form-group .sppb-form-control,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select {
    &:not(.form-control) {
        &:focus {
            border-color: $link_color;
        }
    }
}
.link-color {
    color: $link_color;
}
.search-upper-part {
    background-color: $link_color;
}
.price-box {
    .sppb-pricing-features {
        li {
            &:before {
                color: $link_color;
            }
        }
    }
}

.blog-v2 {
    .sppb-addon-articles {
        .sppb-article-meta {
            &>span {
                color: $link_color;
            }
        }
        h3 {
            a {
                &:hover {
                    color: $link_color;
                }
            }
        }
    }
}

.sppb-addon-animated-number .sppb-animated-number {
    color: $link_color;
}

.sppb-btn {
    &.sppb-btn-primary {
      background-color: $link_color;
  
      &:focus,
      &:hover {
        background-color: $link_hover_color;
      }
  
      &.sppb-btn-outline {
        border: 1px solid $link_color;
  
        &:focus,
        &:hover {
          border-color: $link_color;
          background-color: $link_color;
        }
      }
    }
  
    &.sppb-btn-link {
      &:hover {
        color: $link_color;
        border-color: $link_color;
      }
    }
  }

.form-builder-radio-content {
    .form-builder-radio-item {
        input:checked+label::after {
            border-color: $link_color;
        }
    }
}

.sppb-addon-form-builder .sppb-form-check {
    .sppb-form-check-label {
        a {
            &:hover {
                color: $link_color;
            }
        }
    }
    .sppb-form-check-input:checked+label::before {
        background-color: $link_color;
        border-color: $link_color;
    }
}

.sppb-addon-person,
.sppb-addon-persion {
    &.person-content-position-half-overlay {
        .sppb-person-name {
            color: $link_color;
        }
    }
}

.hero-contact-info {
    .sppb-icon {
        color: $link_color;
    }
}

.practice-areas {
    &:hover {
        background-color: $link_color;
    }
}

.sppb-addon-testimonial {
    .sppb-addon-testimonial-client {
        color: $link_hover_color;
    }
}

.help-list {
    .sppb-icon {
        color: $link_color;
    }
}

.phone-nb {
    color: $link_color;
}

.values-item {
    .sppb-addon-title strong {
        color: $link_color;
    }
}

.com-spsimpleportfolio {
    .sp-simpleportfolio {
        .sp-simpleportfolio-filter {
            >ul>li {
                &.active>a {
                    color: $link_color;
                    border-bottom: 2px solid $link_color;
                }
            }
        }
        .sp-simpleportfolio-items {
            .sp-simpleportfolio-item {
                .sp-simpleportfolio-info {
                    h3 {
                        >a {
                            &:hover {
                                color: $link_color;
                            }
                        }
                    }
                }
            }
        }
    }
}

.portfolio-info-link {
    .sppb-addon-content a {
        &:hover {
            color: $link_color;
        }
    }
}

.blockquote {
    border-left: 5px solid $link_color;
}

.portfolio-item-summary {
    .sppb-addon-content {
        border-left: 1px solid $link_color;
    }
}

.portfolio-details-progress {
    .sppb-progress-label {
        color: $link_color;
    }
    .sppb-progress-bar {
        background-color: $link_color;
    }
}

.portfolio-details-list {
    .list ul {
        li {
            &:after {
                color: rgba($link_color, .6);
            }
        }
    }
}

.article-list {
    .article {
        .article-header {

            h1,
            h2 {
                a {

                    &:hover,
                    &:active,
                    &:focus {
                        color: $link_color;
                    }
                }
            }
        }

        .readmore {
            a {

                &:hover,
                &:active,
                &:focus {
                    color: $link_hover_color;
                }
            }
        }
    }
}

.article-info {
    >span {
        color: $link_color;

        a {
            color: $link_color;

            &:hover {
                color: $link_hover_color;
            }
        }
    }
}

#sp-left,
#sp-right {
    .sp-module {
        .categories-module {
            li {
                h5 {
                    a {
                        &:hover {
                            color: $link_color;
                        }
                    }
                }
            }
        }
        .latestnews {
            >div {
                .latest-post-title {
                    a {
                        &:hover {
                            color: $link_color;
                        }
                    }
                }
            }
        }
    }
}

ul.pagination {
    &.active {
        .page-link {
            color: $link_color;
        }
    }
}

.view-search {
    .search {
        .controls {
            label {
                input[type="radio"] {
                    &:checked:before {
                        border: 4px solid $link_color;

                    }
                }
            }
        }
        .form-check-inline {
            input[type="checkbox"] {
                &:checked:before {
                    border-color: $link_color;

                }
            }
        }
    }
}

#sp-bottom {
    .sp-module {
        ul {
            >li {
                >a {
                    &:hover {
                        color: $link_color;
                    }
                }
            }
        }

        .sppb-icons-group-list {
            li {
                a {
                    &:hover {
                        color: $link_color;
                    }
                }
            }
        }
    }
}

.home-pagev2 {

    #sp-bottom,
    #sp-footer {
        a {

            &:hover {
                color: $link_color;
            }
        }
    }
}

#sp-footer {
    .sp-copyright a {
        &:hover {
            color: $link_color;
        }
    }
}

.login,
.logout,
.registration {
    .btn-primary {
        background-color: $link_color;

        &:not(:disabled):not(.disabled):active,
        &:focus,
        &:hover {
            background-color: $link_hover_color;
        }
    }
}

.service-box {
    border-top: 5px solid $link_color;
}