/* Store Search */

.ba-live-search-results {
    background-color: var(--bg-secondary);
    box-shadow: none!important;
    left: 0!important;
    min-width: 100% !important;
}

.ba-live-search-results .ba-live-search-body {
    margin-left: var(--input-left);
    width: var(--input-width);
}

/* Socila Share Plugin */

.ba-social.ba-social-sm.ba-social-minimal {
    text-align: left;
}


/* Product Sorting */

select.blog-posts-sorting {
    font-family: 'DM Serif Display';
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* Product Badge and Wishlist */

span.ba-blog-post-badge,
.ba-blog-post-wishlist-wrapper span,
span.ba-items-filter-show-button,
.ba-filter-color-value span,
.ba-item-fields-filter .ba-selected-filter-values,
.ba-add-to-cart-variations .ba-tooltip,
.ba-add-to-cart-buttons-wrapper .ba-tooltip,
span.ba-variation-notice {
    font-size: 8px;
    font-family: 'Karla';
    letter-spacing: 3px;
    text-transform: uppercase !important;
}


/* Color variables and select */
.ba-item-fields-filter .ba-field-filter .ba-filter-image-value .ba-checkbox span,
.ba-item-fields-filter .ba-field-filter .ba-filter-color-value .ba-checkbox span,
.ba-item-add-to-cart .ba-add-to-cart-row-value > span > span:not(.ba-tooltip) {
    border-radius: 0 !important;
}

.ba-item-add-to-cart .ba-add-to-cart-variation {
    margin-bottom: 20px;
}

.ba-custom-select {
    margin-left: 5px !important;
}

/* Breadcrumb */

.breadcrumb {
    margin: 10px 0;
}

.breadcrumb > li,
.breadcrumb > li a {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 10px;
    color: var(--subtitle) !important;
}

/* Cart */

.ba-checkout-order-product-info, 
.ba-wishlist-product-info, 
.ba-cart-product-info,
.ba-empty-cart-products-message {
    letter-spacing: 2px;
    font-size: 8px;
    text-transform: uppercase;
    color: var(--subtitle);
}

.ba-live-search-product-title a, 
.ba-wishlist-product-title a, 
.ba-store-cart .ba-cart-product-title a,
.ba-wishlist-add-all-btn, 
.ba-cart-checkout-btn,
.ba-wishlist-headline, 
.ba-cart-headline {
    font-family: 'DM Serif Display';
    font-weight: 400 !important;
}


/* Sidebar Menu */
@media (min-width: 769px){
    .custom-menu li {
        margin-left: 0!important;
        margin-right: 0!important;
    }

    @keyframes custom-menu {
        from { opacity: 0;}
    }

    .custom-menu .vertical-menu .main-menu .nav.menu li.deeper.parent .nav-child {
        animation: creative-menu .3s !important;
        align-items: center;
        box-sizing: border-box;
        margin-left: 0 !important;
        min-height: 100vh;
        position: fixed;
        top: 0 !important;
        transform: none;

    }

    .custom-menu .vertical-menu .main-menu .nav.menu > li.deeper.parent>.nav-child {
        transform: translateX(100%);
    }

    .custom-menu .nav li.deeper:hover > .nav-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .custom-menu .nav-child li {
        width: 100%;
    }

    li.deeper > span i.zmdi-caret-right,
    li.deeper > a i.zmdi-caret-right {
        position: absolute;
        right: 15px;
    }
}

/* Sticky Row */

@media (min-width: 769px){
    .sticky-row .column-wrapper,
    .sticky-row-right-col .column-wrapper {
        display: block !important;
    }

    .sticky-row .column-wrapper .ba-grid-column-wrapper:first-child,
    .sticky-row-right-col .column-wrapper .ba-grid-column-wrapper:nth-child(2) {
        position: sticky;
        top: 92px;
    }
}

@media (max-width: 768px){
    .ba-social.ba-social-sm.ba-social-minimal {
        text-align: center;
    }
}

.ba-blog-post-product-options-wrapper .ba-blog-post-product-options > span > span:not(.ba-tooltip) {
    border-radius: 0;
    height: 10px;
    width: 10px;
}

@media (max-width: 768px){
    .ba-item-add-to-cart .ba-add-to-cart-row-value, .ba-item-add-to-cart .ba-add-to-cart-variation {
        justify-content: center;
    }
}


@media (max-width: 1024px) {
    .fullscreen-scale-in-menu .ba-hamburger-menu >.main-menu {
        box-sizing: border-box;
        height: 100vh;
        left: 0;
        opacity: 0;
        overflow-y: hidden;
        pointer-events: none;
        right: 0%;
        top: 0;
        transition: none;
        width: 100vw;
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu >.main-menu.visible-menu-out {
        animation: close-custom-menu .3s .3s cubic-bezier(0.4,0,0.2,1) both !important;
    }
  
    @keyframes close-custom-menu {
        from {transform: scale(1); opacity: 1;height: 100vh;right: 0%; top: 0;width: 100vw;}
        to {transform: scale(.8); opacity: 0;height: 0;right: 50%;top: 50%;width: 0;left: 50%; padding: 0; }
    }
  
    @keyframes visible-custom-menu {
        from {transform: scale(.8); opacity: 0;height: 0;right: 50%;top: 50%;width: 0;left: 50%;}
        to {transform: scale(1); opacity: 1;height: 100vh; top: 0;width: 100vw; left: 0;right: 0;}
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu >.main-menu.visible-menu {
        animation: visible-custom-menu .5s cubic-bezier(0.4,0,0.2,1) both;
        height: 100vh;
        overflow-y: scroll;
        pointer-events: all;
        right: 0!important;
    }
  
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu .nav > li * {
        text-align: center !important;
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu.ba-collapse-submenu li.deeper > span,
    .fullscreen-scale-in-menu .ba-hamburger-menu.ba-collapse-submenu li.deeper > a {
        padding-right: 20px !important;
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu .nav > li ul {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
  
    @keyframes left-in{
        from {
            transform: translateX(-50px);
            opacity: 0;
        }
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu > *:not(.integration-wrapper),
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu .nav > li {
        animation: left-in .3s .5s cubic-bezier(0.4,0,0.2,1) both;
    }
  
    @keyframes right-in{
        from {
            transform: translateX(50px);
            opacity: 0;
        }
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu .nav > li:nth-child(2n){
        animation: right-in .3s .5s cubic-bezier(0.4,0,0.2,1) both;
    }
  
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu-out > *:not(.integration-wrapper),
    .fullscreen-scale-in-menu .ba-hamburger-menu .main-menu.visible-menu-out .nav > li  {
        animation: bounce-out .7s  cubic-bezier(0.4,0,0.2,1) both;
    }
  
    @keyframes bounce-out{
        0%,100%,20%,40%,60%,80%{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
        0%{opacity:1;transform:scale3d(1,1,1)}
        20%{transform:scale3d(.90,.90,.90)}
        40%{transform:scale3d(1.05,1.05,1.05)}
        60%{transform:scale3d(.8,.8,.8)}
        80%{transform:scale3d(1.1,1.1,1.1)}
        100%{opacity:0;transform:scale3d(.3,.3,.3)}
    }
}


/* Znacka */
span.ba-blog-post-badge, .ba-blog-post-wishlist-wrapper span, span.ba-items-filter-show-button, .ba-filter-color-value span, .ba-item-fields-filter .ba-selected-filter-values, .ba-add-to-cart-variations .ba-tooltip, .ba-add-to-cart-buttons-wrapper .ba-tooltip, span.ba-variation-notice {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase !important;
}