/******************************************************
 * @package Pav Opencart Theme Framework for Opencart 1.5.x
 * @version 1.1
 * @author http://www.pavothemes.com
 * @copyright	Copyright (C) Augus 2013 PavoThemes.com <@emai:pavothemes@gmail.com>.All rights reserved.
 * @license		GNU General Public License version 2
*******************************************************/
/*dropdown*/
.btn.btn-theme-normal{
    background: none;
    color: #b4b4b4;
    line-height: 40px;
    padding: 0 6px;
    .rounded-corners(0);
    &:hover{
        color: @theme-color-hover;
    }
}
/* cart info */
#header {
    /* language - currency */
    .language, .currency {
        line-height: 33px;
        margin-left: 3px;
        padding: 0 5px;
        display: block;
    }
    .language {
        line-height: 34px;
        img {
            cursor: pointer;
            margin-right: 5px;
            .rounded-corners(0);
        }
    }
    .currency {
        button {
            display: inline-block;           
            background: transparent;
            border: none;
            color: @icon-theme-color;
            &:hover{
                color: @theme-color-hover;
            }
        }
    }
    .links {
        line-height: 34px;
        a{
            padding-right: 15px;
        }
    }
    .login {
        line-height: 34px;
        padding-left: 10px;
        a{
            color: @topbar-link-color-hover;
            padding-right: 5px;
        }
    }
    #cart {
        margin: 30px 0;
        padding-right: 40px;
        position: relative;
        text-align: right;
        .cart-icon {
            background-color:@theme-color-secondary;
            background-image:url('@{image-theme-path}bg-cart-button.png');
            background-position: 9px 8px;
            background-repeat: no-repeat;
            border: 1px solid #fa8014;
            border-radius: 4px;
            box-shadow: 0 0 0 1px #fc943f inset;
            display: block;
            height: 31px;
            line-height: 31px;
            overflow: hidden;
            position: absolute;
            right: 0;
            text-indent: -9999em;
            width: 31px;
        }
        .dropdown-menu {
            background: @white;
            clear: both;
            display: none;
            min-height: 150px;
            min-width: 330px;
            top:45px;
            padding: 8px;
            position: absolute;
            right: 0;
            border-top: 6px solid @theme-color-secondary;
            border-right: 0;
            border-left: 0;
            border-bottom: 0;
            .rounded-corners(0); 
            z-index: 99999;
            margin: 0;
            &:before{
                position: absolute;
                border-bottom: 11px solid @theme-color-secondary;
                border-left: 9px solid transparent;
                border-right: 9px solid transparent;
                content: "";
                display: inline-block;
                left:35px;
                top:-15px;
            }
        }
        .heading {
            h4{
                color:@theme-color-hover;
                font-weight: 600;
                line-height: 100%;
            }
            a {
                text-decoration: none;
                span {
                    font-size: 11px;
                }
            }
        }
    }
    #cart.open {
        .dropdown-menu {
            display: block;
        }
    }
}

#header {
    #cart {
        .checkout {
            text-align: right;
            clear: both;
            a{
                color: @white;
            }
        }
        .empty {
            padding-top: 20px;
            text-align: center;
        }
    }
}


.mini-cart-total {
    text-align: right;
    td {
        color: #555;
        padding: 4px;
    }
    table {
        border-collapse: collapse;
        display: inline-block;
        margin-bottom: 5px;
    }
}
.mini-cart-info {
    .quantity {
        text-align: right;
    }
    .name {
        small {
            color: #666;
        }
    }
    td {
        color: #000;
        vertical-align: top;
        padding: 10px 5px;
        border-bottom: 1px solid #EEEEEE;
    }
    table {
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 5px;
    }
    .image {
        img {
            border:none;
            padding: 0;
            text-align: left;
        }
    }
    .remove {
        text-align: right;
        img {
            cursor: pointer;
        }
    }
    td.total {
        text-align: right;
    }
}


/* 
 * search module 
 */   
#search{
    background: none repeat scroll 0 0 #9bc02b;
    border: 1px solid #97b423;
    box-shadow: 0 0 0 1px #a9c948 inset;
    margin: 30px 0 30px 5px;
    padding: 0;
    position: relative;
    .search-icon {
        transform: rotate(0deg);
        transition: all 1.4s ease 0s;
        background:url('@{image-theme-path}icon-search.png') no-repeat scroll 8px 8px rgba(0, 0, 0, 0);
        display: block;
        height: 31px;
        line-height: 31px;
        overflow: hidden;
        text-indent: -9999em;
        width: 31px;
    }
    .search-content {
        display: none;
        padding-top: 7px;
        position: absolute;
        right: 0;
        width: 275px;
    }
    .search-content-inner {
        background: none repeat scroll 0 0 #ffffff;
        border: 1px solid #9bc02b;
        padding: 10px 15px;
    }
    input{
        float: left;
        margin: 0;
        width: 70%;
        &:focus,:active{
        }
    } 
    .button-search {
        background: none repeat scroll 0 0 #9bc02b;
        color: #ffffff;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        line-height: 33px;
        text-align: center;
        text-shadow: none;
        width: 25%;
        border: none;
    }
    &:hover {
        .search-content{
            display: block;
                &:after{
                border-bottom: 7px solid #9bc02b;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                content: "";
                position: absolute;
                right: 7px;
                top: 0;
            }
        }
    } 
}
.rtl #search-m input{
    text-align: left;
}
#search-m{
    margin: 7px 0;
    position: relative;
    input{
        height: 28px;
        border: none;
        &:focus,:active{
            .transition(all 0.6s ease 0s);
            width: 100%;
        }
    }
    .button-search {
        color: #ABABAB;
        cursor: pointer;
        height: 28px;
        line-height: 28px;
        position: absolute;
        right: 5px;
        top: 0;
        width: 17px;
        z-index: 99;
        border: none;
        background: transparent;
    }
}
/* 
 * box products 
 */
.product-block  {
 	position:relative;
    margin-top: 10px;
    .product-inner{
        background-color: @white;
        border: 1px solid #dcdbdb;
        overflow: hidden;  
    }      
    .image {
        position: relative;
        text-align: center;        
    }
    .product-meta{
         padding: 0 13px 15px;
    }
    .name a{
        text-decoration: none;
        display: block;
        padding: 10px 0 7px;
        color: @product-name-color;
        &:hover{
            color: @product-name-color-hover;
        }
    }
    .description{
        margin: 5px 0;
        max-height: 65px;
        overflow: hidden;
    }
    .price-cart {
        background-color: #f5f5f5;
        border-top: 1px solid #e0dfdf;
        margin: 10px -13px -15px;
        overflow: hidden;
        padding-left: 13px;
    }
    .price {
        display: block;
        color: @product-price-color;
        font-size: 14px;
        margin: 5px 0;
        .price-tax {
            display: none;
        }
    }
    .price-old {
        font-size: @font-size-base -2;
        color: @product-price-old-color;
        text-decoration: line-through;
    }
    .cart {
        float: right;
        button {
            background-image:url('@{image-theme-path}icon_cart.png');
            background-position: 7px 7px;
            background-repeat: no-repeat;
            border: medium none;
            display: block;
            height: 31px;
            overflow: hidden;
            padding: 0;
            text-indent: -9999em;
            width: 30px;
        }
    }
    .quickview a, .product-zoom {
        background: none repeat scroll 0 0 #90c324;
        .rounded-corners(20px);
        color: #ffffff;
        display: inline-block;
        font-size: 18px;
        height: 35px;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 40%;
        transition: all 1s ease 0s;
        width: 35px;
        z-index: 15;
    }
    .quickview a{
        line-height: 20px; 
        padding-left: 7px;   
    }
    .product-zoom{
        line-height: 35px;
        text-align: center;
    }
    &:hover{
        .product-zoom{
            left: 45%;
            opacity: 0.9;
        }
        .quickview a{
            left: 32%;
            opacity: 0.9;
        }
    }
}
.wishlist a {
    background-position: left 2px;
}
.wishlist a:hover {
    background-position: left -22px;
    color: @theme-color-hover;
}
.compare a {
    background-position: left -50px;
    &:hover{
        background-position: left -78px;
        color: @theme-color-hover;
    }
}
.wishlist a, .compare a {
    background-image:url('@{image-theme-path}icon-wish-compace.png');
    background-repeat: no-repeat;
    color: #999898;
    font-size: 11px;
    line-height: 25px;
    padding-left: 20px;
    transition: all 0.5s ease 0s;
}
.product-label-special{
    background:@product-label-special-color  ;
    .rounded-corners(50%);
    color: @white;
    font-size: 10px;
    font-weight: normal;
    height: 35px;
    right: 12px;
    line-height:28px;
    position: absolute;
    top: 10px;
    width: 35px;
    z-index: 10;
    span{
        float: left;
        margin: 8px 0;
    }
}
.quickview .product-info .image-additional{
    padding: 0 30px;
}
/*product tab*/
.producttabs .nav-tabs {
    border: none;
}
.producttabs .nav-tabs li a{
    border-style: none;
    color: @box-module-heading-color;
    font-size: @box-module-heading-fontsize;
    margin-bottom: 5px;
    font-weight: 500;
    padding: 8px 12px;
    text-transform: uppercase;
}
.producttabs .nav-tabs li:hover > a{
    color:@white;
    .rounded-corners(3px);
    background: @box-module-heading-bg;
    border: none;
}
.producttabs .nav-tabs li.active > a,
.producttabs .nav-tabs li > a.selected {
    color:@white;
    .rounded-corners(3px);
    background: @box-module-heading-bg;
    border: none;
}
/*product carousel*/
.productcarousel {
    .box-heading{
        background: none repeat scroll 0 0 #efefec;
    }
    .box-description {
        color: #808080;
        display: inline-block;
        font-size: 12px;
        line-height: 22px;
        padding: 0 15px;
        text-transform: none;
    }
}
/*Blog*/
#blog-carousel img{
    margin-right: 30px;
    overflow: hidden;
    float: left;
}
.group-blog .description{
    padding-top: 25px;
    padding-bottom: 5px;
}
.pavblogs-comments-box img{
    float: left;
    padding-right:12px;
}

   
/*Newsletter*/
.newsletter_block .description{
    padding: 10px 0;
}
/* 
 * sidebar
 */
.sidebar {
    .product-block:last-child{
            border-bottom: none;
    }
    .product-block:first-child{
            margin-top: 0;
    }    
    .product-block {
        .border-exclude(@sidebar-border-product, solid , @gray-lighter);
        box-shadow: none;
        margin-top: 0;
        .price{
            padding: 0;
            font-size: @product-name-fontsize;
            .price-old{
                float: none;
            }
        }
        .name{
            margin-top: 0;
        }
        .image {
            float: left;
            margin-right: 12px;
            margin-left: 10px; 
            box-shadow: none;
            overflow: hidden;
        }
        .description,.wishlist,.compare,.cart{
            display: none
        }
        .price-cart {
            background-color: transparent;
            border-top: 0;
            margin:0;
            overflow: hidden;
            padding-left:0;
        }
        .product-inner{
            border: none;
            padding: 12px;
        }
        .product-meta{
            padding:0;
        }
        .quickview{
            display: none !important;
        }

    }
     .subcart {
        font-size: 11px !important;
        padding-top: 5px;
        position: absolute;
        right: 7px;
    }
    a.subcart{
        background: none !important;
    }
    ul.box-category, ul.box-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
    ul, ul.box-category {
        li {
            line-height: 36px;
            position: relative;
            &:before{
                position: absolute;
                content: "\f105";
                top: 0;
                left: 10px;
                font-family: FontAwesome;
                font-size: 12px;
            }
            ul {
                li {
                    padding: 0px 5px 0px 10px;
                    a {
                        text-decoration: none;
                        display: block;
                        font-size: @font-size-base;
                    }
                }
            }
            a {
                padding:0 15px 0 30px;                
                font-size: @box-module-heading-font + 2;
                border-top: 1px solid #f1f1f1;
                display: block;
                &:hover{
                    color: @theme-color-hover;
                    background-position: 15px -21px;
                }
                span{
                    margin-top: 10px;
                }
            }
        }
    }
    .product-label-special {
        border-radius: 0;
        height: 20px;
        left: -13px;
        line-height: 20px;
        padding: 0 11px;
        text-shadow: none;
        top: 0;
        width: 55px;
        transform: rotate(-41deg);
    }
}
.rtl{
     .sidebar ul li::before, .sidebar ul.box-category li::before{
        right: 10px;
        left: auto;
    }
}

/* 
 * pavpopulartags
 */
.tags a{
    padding:10px;
}

/* 
 * pavcarousel
 */
 .carousel-inner .item {
    margin: 2px;
}
 .pavcarousel{
    padding: 15px 0;
    .carousel-control {
        color: #C0C0C4;
        font-weight: bold;
        height: 23px;
        line-height: 12px;
        margin-top: 0;
        .opacity(1);
        overflow: hidden;
        text-shadow: none;
        width: 14px;
        top: 47%;
    }
}

  
/* 
 * box category 
 */
 .heading-title{
    margin-top: 5px;
    color: @orange;
 }
/*
 .box-content{
    .badge {
        .rounded-corners(0);
    }
 }
*/

/* box filter */
ul.box-filter, ul.box-filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.box-filter {
    & > li {
        ul {
            padding-bottom: 10px;
        }
    }
    span {
        font-weight: bold;
        border-bottom: 1px solid @gray-lighter;
        display: block;
        padding-bottom: 5px;
        margin-bottom: 8px;
    }
}
/* popup */
#colorbox *:before, #colorbox *:after {
  -moz-box-sizing:inherit;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;

}
/* zoom function in product page */
.zoomContainer { 
    .zoomLens{
        border-color:@gray-light !important;
    }
    .zoomWindow{
        border:4px solid @gray-lighter !important;
        display: none;
    }
}
/* 
 *
 */
 #scrollUp {
  bottom: 0px;
  right: 30px;
  width: 70px;
  height: 70px;
  margin-bottom: -10px;
  padding: 10px 5px;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  color: #828282;
  -webkit-box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
  box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
  background-color: #E6E6E6;
  background-image: -moz-linear-gradient(top,#EBEBEB,#DEDEDE);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#EBEBEB),to(#DEDEDE));
  background-image: -webkit-linear-gradient(top,#EBEBEB,#DEDEDE);
  background-image: -o-linear-gradient(top,#EBEBEB,#DEDEDE);
  background-image: linear-gradient(to bottom,#EBEBEB,#DEDEDE);
  background-repeat: repeat-x;
  -webkit-transition: margin-bottom 150ms linear;
  -moz-transition: margin-bottom 150ms linear;
  transition: margin-bottom 150ms linear;
}
#scrollUp:hover {
  margin-bottom: 0px;
}

.title_block {
    color: #4D4E4F;
    font-weight: 600;
    text-transform: uppercase;
}

/*widget-images*/
.widget-images{
    .image-item{
        text-align: center;
        .img-responsive{
            display: inline-block;
        }
    }
}
/*.widget-product-list, #products.product-grid{
    .product-block{
        .quickview a{
            top: 22%;
        }
        &:hover{
            .quickview a{
                left: 34%;
            }    
        }
    }
}
*/