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

@import 'variables';
@import 'mixins';


// Anchor
a{
    color: @major_color;
    &:hover {
        color: darken(@major_color, 10%);
    }
}

// Megamenu
.sp-megamenu-parent {
    >li {
        &.active>a,
        &:hover>a {
            color: @hover_color;
        }
    }

    .sp-dropdown {
        li.sp-menu-item {
            >a {
                &:hover {
                    color: @major_color;
                }
            }
            &.active>a {
                color: @major_color;
                &:after{
                    color: @major_color;
                    right: 25px;
                    opacity: 1;
                }
            }
        }
    }

}

// Off Canvas
#offcanvas-toggler {
    >i {
        &:hover {
            color: @hover_color;
        }
    }
}

// Topbar Social
ul.social-icons {

    >li {

        a {

            &:hover {
                color: @major_color;
            }
        }
    }
}

//login
.login,.logout{
    button[type="submit"]{
        background-color: @major_color;
        &:hover,&:focus{
            background-color: darken(@major_color, 5%);
        }
    }
}
.form-links li{
    a {
        &:hover{
            color: @major_color;
        }
    }
}

// Body Innerwrapper

.body-innerwrapper {
    background: @bg_color;
}

// Module
.sp-module {
    ul {
        >li {
            >a {
                color: @text_color;
                &:hover {
                    color: @major_color;
                }
            }
            &.active a{
                color: @major_color;
            }
        }
    }

    .latestnews {
        >div {
            >a {
                color: @text_color;
                &:hover {
                    color: @major_color;
                }
            }
        }
    }

    .tagscloud {
        .tag-name {
            &:hover {
                background: @major_color;
            }
        }
    }
}

// sp Simple Portfolio
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
    color : @major_color;
}

// Search
.search {
    .btn-toolbar {
        button {
            background: @major_color;
        }
    }
}


// Blog
.post-format {
    background: @major_color;
}

.voting-symbol{
    span.star.active:before{
        color: @major_color;
    }
}

.sp-rating {
    span.star:hover:before,
        span.star:hover ~ span.star:before {
        color: darken(@major_color, 10%);
    }
}

.entry-link,
.entry-quote {
    background: @major_color;
}

blockquote {
    border-color: @major_color;
}

.carousel-left,
.carousel-right {

    &:hover {
        background: @major_color;
    }
}

// Footer
#sp-footer {
    background: @major_color;
}

// Comingsoon
.sp-comingsoon body {
    background-color: @major_color;
}

// Pagination
.pagination>li>a,
.pagination>li>span {
    color: @text_color;
    &:hover,
        &:focus {
        color: @text_color;
    }
}


/* ************** 	START hikashop 	**************** */
/* ***************************************************** */

// hikashop Cart
.top-cart-wrapper{
    &:hover,&.active{
        .cart-toggle{
            color: @major_color !important;
        }
    }
    .hikashop_cart_module {
        form {
            .hikashop_cart_input_button {
                background: @major_color !important;
                &:hover,&:focus,&:active, &:disabled{
                    background: darken(@major_color, 8%) !important;
                }
            }
        }
    }
}

// popup add-to-cart
.hikashop_notice_box_content{
    .hikashop_cart_input_button{
        background: @major_color;
        &:hover{
            background-color: darken(@major_color, 5%);
        }
    }
}

// Product Listing & Details
.layout-show{
    .hikashop_product_addtocart{
        input{
            background: @major_color;
            &:hover{
                background: lighten(@major_color, 5%);
            }
        }
    }
    input.button{
        background-color: @major_color;
        &:hover{
            background-color: lighten(@major_color, 5%);
        }
    }
}

//Releated Product
.hikashop_submodules{
    h2{
        span{
            color: @major_color;
        }
    }
}


.hikashop_product_addtocart input,
.hikashop_product_addtocart a,
.hikashop_cart_button,
.hikashop_cart_input_button{
    background-color: @major_color;
    &:hover{
        background-color: darken(@major_color, 10%);
    }
}

#hikashop_checkout_page {
    .hikashop_cart_bar{
        fieldset{
            ul{
                li{
                    a{
                        &:hover{
                            color: @major_color;
                        }
                    }
                }
            }
        }
    }
}


// START Product listing & details
.layout-show{
    #hikashop_product_right_part{
        .hkshop_prd_availablity{
            .hkshop_prd_availablity_outofstock {
                color: @major_color;
            }
        }
        .hikashop_product_no_stock{
            color: @major_color;
        }
    }
    //Releated Product
    .hikashop_submodules{
        h2{
            color: @major_color;
        }
    }
}

// category listing
.hikashop_categories_listing_main{
    .hikashop_product_name a{
        &:hover{
            color: @major_color;
        }
    }
}


// HK Checkout
#hikashop_checkout_page {
    .checkout_coupon_wrapper{
        .hikashop_checkout_coupon{
            .hikashop_cart_input_button{
                background: @major_color;
                &:hover{
                    background-color: darken(@major_color, 10%);
                }
            }
        }
    }
    .hikashop_cart_input_button{
        background: @major_color;
        &:hover{
            background-color: darken(@major_color, 10%);
        }
    }
}
.hikashop_checkout_login_right_part {
    .input {
        .hikashop_contentpane {
            .required-field{
                color: @hover_color;
            }
        }
    }
}
#hikashop_address_form_span_iframe{
    form{
        input[type="submit"]{
            background: @hover_color;
            &:hover{
                background-color: darken(@hover_color, 10%);
            }
        }
    }
}

.home-brand-story{
    background-color: @major_color;
}



// **************** **************** ************** **************** **************** //
// **************** **************** Shaper Aspasia **************** **************** //
// **************** **************** ************** **************** **************** //


#sp-main-menu > .container > .row:first-child,
.aspasia-nav-tabs-one .sppb-nav-tabs,
.aspasia-get-in-touch >div,
.aspasia-image-with-content .sppb-content-holder:before,
.aspasia-contact-details .sppb-addon-content,
#hikashop_address_form_span_iframe form input[type="submit"] {
    background: @major_color;
}

.aspasia-contact-info{
    .sppb-addon-feature{
        &:hover{
            .sppb-icon{
                >span i{
                    color: @major_color !important;
                }
            }
            .sppb-feature-box-title{
                color: @major_color !important;
            }
        }
    }
}

.is-sticky #sp-main-menu > .container > .row:first-child,
.is-sticky #sp-main-menu > .container > .row:first-child:before,
.is-sticky #sp-main-menu > .container > .row:first-child:after,
.sppb-addon-thumb-gallery .flexslider:hover .flex-direction-nav a.flex-prev,
.sppb-addon-thumb-gallery .flexslider:hover .flex-direction-nav a.flex-next,
.sppb-nav-pills > li.active a,
.sppb-addon-tab .sppb-nav-tabs > li.active a,
.sppb-nav-pills > li.active a:hover,
.sppb-addon-tab .sppb-nav-tabs > li.active a:hover,
.sppb-nav-pills > li.active a:focus,
.sppb-addon-tab .sppb-nav-tabs > li.active a:focus,
.pricing-style2 .sppb-addon-pricing-table .sppb-pricing-featured.sppb-pricing-box,
.aspasia-cta-two,
.sppb-addon-ajax-contact .sppb-btn:hover,
.layout-show .hikashop_product_bottom_part .nav-tabs > li.active > a,
.layout-show .hikashop_product_bottom_part .nav-tabs > li.active > a:hover,
.layout-show .hikashop_product_bottom_part .nav-tabs > li.active > a:focus,
.hikashop_products .hikashop_product .has-option .hikashop_product_stock:hover .hikashop_cart_input_button,
.hikashop_products .hikashop_product .hikashop_product_addtocart:hover .hikashop_cart_input_button,
.hikashop_products_listing .hikashop_products .hikashop_product .item-external-link:hover,
#hikashop_checkout_page .hikashop_shipping_methods fieldset label,
#hikashop_checkout_page .hikashop_payment_methods fieldset label,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li >a:before,
.aspasia-newsletters >.sppb-row-container,
.offcanvas-menu,
.btn-info:hover,
.sppb-btn-info:hover,
.btn-info:focus,
.sppb-btn-info:focus,
.btn-info:active,
.sppb-btn-info:active {
    background-color: @major_color;
}

.sppb-addon-pricing-table{
    .sppb-pricing-featured{
        .sppb-btn{
            &:hover{
                background-color: @hover_color;
            }
        }
    }
}

.aspasia-image-with-content{
    .sppb-content-holder{
        position: relative;
        .aspasia-link-border{
            &:hover{
                color: @hover_color;
                border-color: @hover_color;
            }
        }
    }
}

.aspasia-contact-details{
    .contact-social-icons{
        li{
            a{
                &:hover i{
                    color: @hover_color;
                }
            }
        }
    }
}

.view-item .itemCommentsForm form .button:hover{
    background-color: @major_color !important;
}

.sppb-addon-person {
    .sppb-person-social-icons{
        ul>li{
            a{
                &:hover i{
                    color: @major_color;
                }
            }
        }
    }
}

.sp-page-title h2,h3,
.sppb-addon-feature:hover .sppb-icon,
.sppb-addon-feature:hover .sppb-feature-box-title,
.aspasia-feature-list .sppb-addon-tab ul.sppb-nav-tabs > li.active a i,
.aspasia-feature-list .sppb-addon-tab .sppb-tab-content .sppb-tab-pane ul li:before,
.aspasia-animated-number-style-two:hover .sppb-icon > span > i,
.sppb-testimonial-pro .sppb-carousel-control:hover,
#clients-slider .owl-prev:hover:before,
#clients-slider .owl-next:hover:before,
.layout-show #hikashop_product_right_part span.hikashop_product_price_full span,
.hikashop_products_listing .hikashop_products .hikashop_product .hikashop_product_price_full .hikashop_product_price,
.aspasia-catagories .aspasia-catagories .hikashop_subcategories h4 a:hover,
.layout-blog article.item .entry-header dl.article-info > dd.createdby span.name,
.view-article article.item .entry-header dl.article-info > dd.createdby span.name,
.layout-shaper_aspasiablogfullwidth article.item .entry-header dl.article-info > dd.createdby span.name,
.layout-blog article.item .entry-header h2 a:hover,
.view-article article.item .entry-header h2 a:hover,
.layout-shaper_aspasiablogfullwidth article.item .entry-header h2 a:hover,
.layout-blog article.item p.readmore a.btn-default:hover,
.view-article article.item p.readmore a.btn-default:hover,
.layout-shaper_aspasiablogfullwidth article.item p.readmore a.btn-default:hover,
.layout-blog article.item .tags a.label-info,
.view-article article.item .tags a.label-info,
.layout-shaper_aspasiablogfullwidth article.item .tags a.label-info,
.layout-category .itemList .catItemView .catItemHeader h3.catItemTitle a:hover,
.layout-category .itemList .catItemView .catItemReadMore a.k2ReadMore:hover,
.layout-tag .tagItemList .tagItemView .tagItemReadMore a.k2ReadMore:hover,
.layout-tag .tagItemList .tagItemView .tagItemReadMore a.k2ReadMore:hover,
.layout-user .userItemList .userItemView .userItemReadMore a.k2ReadMore:hover,
.view-item div.itemAuthorBlock .itemAuthorDetails h3.itemAuthorName a:hover
.view-item .itemAuthorLatest ul li:hover a,
.view-item .itemRelated ul li:hover a,
.view-item .itemAuthorLatest ul li:hover:before,
.view-item .itemRelated ul li:hover:before,
.view-item .itemNavigation a.itemPrevious:hover,
.view-item .itemNavigation a.itemNext:hover,
.view-item ul.itemCommentsList li span.commentAuthorName a:hover,
#sp-right ul.categories-module li a:hover:after,
#sp-left ul.categories-module li a:hover:after,
.offcanvas-menu .offcanvas-inner .sp-module ul ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul ul > li.active > a,{
    color: @major_color;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul >li > a{
    border-color: @major_color;
}

.aspasia-animated-number-style-two:hover .sppb-animated-number,
.aspasia-top-products .hikashop_product_price_full > span,
.k2TagCloudBlock a:hover {
    color: @major_color !important;
}

.aspasia-background-color:before {
    background: fade(@major_color, 90%);
}

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg:before{
    background: fade(@major_color, 80%);
}

.sppb-addon-gallery .sppb-gallery >li a:before {
    background-color: fade(@major_color, 90%);
}

.aspasia-single-image-with-caption:hover .sppb-addon-content:before{
    background-color:fade(@major_color, 80%);
}

.layout-blog article.item p.readmore a.btn-default:hover,
.view-article article.item p.readmore a.btn-default:hover,
.layout-shaper_aspasiablogfullwidth article.item p.readmore a.btn-default:hover
.layout-category .itemList .catItemView .catItemReadMore a.k2ReadMore:hover {
    border-bottom: solid 2px @major_color;
}

.top-search-input-wrap{
    border-bottom: 5px solid fade(@major_color, 50%);
}

.k2TagCloudBlock a:hover,
#sp-right .tagspopular ul li a:hover,
#sp-left .tagspopular ul li a:hover{
    border: solid 1px @major_color;
}

.aspasia-newsletters .acymailing_form input{
    background-color: darken(@major_color, 4%);
}

.aspasia-newsletters .acymailing_form input{
    border-color: darken(@major_color, 7%);
}

.aspasia-newsletters .acymailing_form input:focus{
    border-color: darken(@major_color, 7%);
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.form-control:focus{
    border-color: @major_color;
}

.sppb-form-control:focus{
    border-color: @major_color !important;
}


.btn-info:hover,
.sppb-btn-info:hover,
.btn-info:focus,
.sppb-btn-info:focus,
.btn-info:active,
.sppb-btn-info:active {
    background-color: @major_color;
}



.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .sppb-slideshow-fullwidth-item-bg .sppb-slideshow-fullwidth-item-text .sppb-slidehsow-sub-title,
.sp-simpleportfolio-btns .btn-link:hover,
#sp-bottom .sp-module ul > li a:hover,
.sp-comingsoon .social-icons li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a {
    color: @hover_color;
}

.sp-simpleportfolio-title a:hover{
    color: @hover_color !important;
}

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .customNavigation a:hover,
.sppb-progress-bar,
.aspasia-newsletters .acymailing_form .acysubbuttons input:hover,
.btn-default:hover,
.sppb-btn-default:hover,
.btn-default:focus,
.sppb-btn-default:focus,
.btn-default:active,
.sppb-btn-default:active,
.btn-hover-color .btn,
.sppb-btn-hover-color .sppb-btn {
    background-color: @hover_color;
}


.btn-hover-color .btn:hover,
.sppb-btn-hover-color .sppb-btn:hover,
.btn-hover-color .btn:focus,
.sppb-btn-hover-color .sppb-btn:focus,
.btn-hover-color .btn:active,
.sppb-btn-hover-color .sppb-btn:active{
    background-color: darken(@hover_color, 10%);
}

.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .owl-theme .owl-dots .owl-dot.active span,
.sppb-slider-wrapper.sppb-slider-fullwidth-wrapper .owl-theme .owl-dots .owl-dot:hover span,
.sp-comingsoon .sp-position-comingsoon .acymailing_form p.acysubbuttons input:hover {
    background: @hover_color;
}