/*

Theme Name:     Dokan Child
Author:         Sokpa Pvt. Ltd.
Template:       dokan-1.0.4
Description:    Child theme of dokan customized for Searching C
Version:        0.0.1
Text-Domain:    searchingc
*/

@import "css/fonts.css";

h1, h2, h3, h4, h5{
    font-family: oswald;
}

body .container{
    /*max-width: 1000px;*/
    width: 1140px;
}

.site-header{
    border-bottom: none;
    box-shadow: none;
}

.site-header h1.site-title a {
    height: 100px;
    background-size: contain !important;
}

/*=======site load======*/

#primary {
    position: relative;
}

#primary > #content {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s;
}

#primary > #content.disappear {
    visibility: hidden;
    opacity: 0;
}

/*======Spacer======*/

.sc__spacer{
    height: 50px;
}

/*=============text==========*/

.text__huge{
    font-size: 48px;
    font-family: oswald;
    margin: 30px 0;
}

/*=======================*/

.navbar-collapse {
    padding-left: 0;
}

/*========section wrap========*/

.section__wrap{
    padding: 20px 0;
}

/*============================*/
.navbar-top-area{
    font-family: oswald;
}

.navbar-top-area .navbar-nav > li > a.wishlist,
.navbar-top-area .navbar-nav > li > a.top__cart{
    padding-left: 30px;
    position: relative;
}

.navbar-top-area .navbar-nav > li > a.top__cart:before,
.navbar-top-area .navbar-nav > li > a.wishlist:before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    top: 5px;
    left: 5px;
    background-repeat: no-repeat;
    background-size: cover;
}

.navbar-top-area .navbar-nav > li > a.top__cart:before{
    background-image: url(img/icons/cart3.svg);
}

.navbar-top-area .navbar-nav > li > a.wishlist:before {
    background-image: url(img/icons/loving_black.svg);
}

.menu-container .container{
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
    background: none;
}

.navbar-default .nav-header,
.navbar-default .navbar-main-collapse{
    margin-bottom:  -3px;
}

.main-navigation .navbar a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li.active > a{
    font-family: libre-ita;
    color: #000;
    /*font-size: 18px;*/
    padding-right: 25px;
    paddint-left: 0;
}

.navbar-default .navbar-nav > li:not(:first-child) > a{
    padding-left: 25px;
}

.navbar-default .navbar-nav > li:first-child > a {
    padding-left: 0;
}

.navbar-default{
    border: none;
    padding: 10px 0;
}
.main-navigation .navbar a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li.active > a{
    font-size: 16px;
}

.navbar-top-area.navbar-inverse{
    background-color: transparent;
}

.navbar-top-area.navbar{
    border-color: #999;
}

.navbar-top-area.navbar{
    border: none;
}

.navbar-top-area .navbar-nav > li {
    border:none;
}

.nav > li > a {
    display: inline-block;
}

/*=========Header widget========*/

.site-header .widget{
    display: inline-block;
    max-width: 300px;
    height: 50px;
    margin-top: 10px;
}

/*===========social links============*/

.social-links{
    text-align: right;
}

.social-links span{
    vertical-align: super;
}

.social-links a.facebook{
    background-image: url("img/icons/facebok.svg");
}

.social-links a.instagram{
    background-image: url("img/icons/instagram19.svg");
}

.social-links a.twitter{
    background-image: url("img/icons/twitter.svg");
}

.social-links a{
    display: inline-block;
    width: 30px;
    height: 30px;
    /*background-color: #000;*/
    margin-top: 12px;
    margin-bottom: -3px;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.2s;
}

.social-links a:hover{
    transform: scale(0.8, 0.8);
}

/*===========form element=======*/

.widget.widget_search input[type=text],
.widget.widget_product_search input[type=text]{
    border-color: #a5a5a5;
}

/*==================================*/

.site-footer{
    color: inherit;
}

.site-footer .copy-container{
    background-color: #fff;
    border-top: 1px solid #b5b5b5;
}

.site-footer .site-info{
    text-align: right;
}

.site-footer .footer-copy {
    padding: 15px 0;
}

/*================seller listing===========*/

.seller-listing .thumbnail > a > img {
    width: 100%;
}

.seller-listing .single-seller {
    text-align: center;
}

.seller-listing .thumbnail{
    border: none;
}

/*==========single fb comment=========*/

.single-fb-comment{
    text-align: center;
}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

/*==========wishlist user count===========*/
.wishlist-user-count {
    position: absolute;
    right: 0;
    top: 0;
    background: #f1f1f1;
    padding: 5px 20px;
}

.wishlist-user-count:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 42px;
    background-color: #E356AD;
    background-image: url("img/icons/loving4.svg");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
}

.product .images {
    position: relative;
}

.woocommerce.single-product div.product span.onsale, .woocommerce-page.single-product div.product span.onsale {
    z-index: 999;
}

/*==========cart_totals=========*/
.cart_totals table {
    width: 100%;
}

/*=============thumbnail========*/
.thumbnail > a{
    display: block;
    height: 220px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.store-page-wrap .profile-frame {
    background-color: #444;
    background-position: center;
    height: 350px;
}

/*=========site loader========*/
.site-loader.disappear {
    visibility: hidden;
    opacity: 0;
}

.site-loader {
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

.spinner {
    /*margin: 100px auto;*/
    width: 40px;
    height: 40px;
    position: absolute;
    text-align: center;
    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #333;
    border-radius: 100%;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/*==========SC Currency Switcher==========*/

.sc_currency_switcher .active {
    background-color: #666;
    color: #fff !important;
}

#sc_language_switch a{
    font-family: oswald, Arial, "Times New Roman", "Bitstream Charter", Times, serif;
    vertical-align: middle;
    font-size: 12px;
}

/*==========Product Images===========*/

.images .thumbnails .item {
    display: block !important;
    width: auto !important;
    float:none !important;
}

.images .thumbnails .item .product-item{
    display: block;
    height: 100px;
    width: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}