/*
Theme Name: Supro Child
Theme URI: http://drfuri.com/supro
Author: DrFuri
Author URI: http://drfuri.com
Description: Supro Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: supro
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: supro
*/

/***************************************************
Header
*****************************************************/



.site-logo img {
    width: 241px!important;
    height: auto!important;
    max-width: 241px;
}

.header-layout-6 .site-header .menu-logo {
    width: 20%;
}

.nav ul.menu {
    margin: 0 0 0 20px;
}

@media (max-width: 700px) {

    .site-header .header-row {
        flex-wrap: wrap;
    }

    .header-layout-6 .site-header .menu-logo, .header-layout-6 .site-header .menu-extra {
        width: 100%;
    }

    .site-header .menu-extra > ul:not(.no-flex) {
        justify-content: center;
    }

    .site-header .site-logo {
        margin: 5px 0 20px 0;
    }

    .site-header .site-logo {
        justify-content: center;
    }
}

/* ======================================================================
Language
========================================================================*/

li.wpml-ls-slot-topbar-left.wpml-ls-item.wpml-ls-item-ro.wpml-ls-current-language.wpml-ls-first-item.wpml-ls-item-legacy-dropdown,
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    font-size: 14px;
    background: transparent!important;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover,
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
    background: transparent!important;
    border: none!important;
}

.wpml-ls-legacy-dropdown {
    width: 74px;
    margin-top: -5px;
    margin-right: 40px;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: '';
    vertical-align: middle;
    display: inline-block;
    border: .25em solid transparent;
    border-top: .4em solid;
    position: absolute;
    right: 10px;
    top: -webkit-calc(50% - .175em);
    top: calc(50% - .175em);
}

.wpml-ls-legacy-dropdown a {
    border: none;
}

/***************************************************
Main page block icons
*****************************************************/

.block-icons {
    position: relative;
    margin-top: -100px;
    z-index: 99;
}

.supro-icons-box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

/***************************************************
Footer
*****************************************************/

.widget .widget-title {
    margin: 0;
}

.site-footer .widget .widget-title {
    margin-bottom: 10px;
}

.widget_text h4 {
    color: #BBBBBB;
}

.textwidget {
    color: #252525;
}

.widget_nav_menu li a {
    color: inherit!important;
    font-size: 15px!important;
    text-transform: capitalize!important;
    font-weight: 400!important;
    letter-spacing: 0!important;
}

.widget_nav_menu li a:hover {
    color: #252525!important;
}

.supro-social-links-widget .socials-list.style-2 a {
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 50%;
    background: #252525;
    line-height: 17px;
    padding-top: 12px;
}

.supro-social-links-widget .socials-list.style-2 a:hover {
    color: #fff;
    border: none;
    border-radius: 50%;
    background: #000;
}

/***************************************************
Products catalog
*****************************************************/

.catalog-sidebar {
    position: static;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: visible;
    opacity: 1;
    color: inherit;
    z-index: 1;
    transition: right .2s linear;
    margin: 0;
    padding: 0;
}

.catalog-sidebar .widget_product_categories ul li a {
    display: block;
}

.catalog-sidebar .widget_product_categories ul li a:after {
    width: auto;
}

ul.product-categories li a:hover, ul.children li a:hover {
    color: #252525!important;
    text-decoration: underline;
}

.fa-angle-down {
    float: right;
    transition: 0.5s;
}

span.rot {
    transform: rotate(180deg);
    transition: 0.5s;
}

ul.children {
    display: none;
    transition: 0.5s;
}

ul.children.active {
    display: block;
    transition: 0.5s;
}

ul.product-categories li a {
    color: #252525!important;
    font-weight: 500;
}

ul.product-categories li ul li a {
    color: inherit!important;
    font-weight: 300;
}

ul.children li.current-cat a {
    color: #252525!important;
    font-weight: 300;
}

.catalog-open {
    display: none;
}

.catalog-sidebar .widget_product_categories ul li a:after {
    display: none;
}

@media (max-width: 1199px) {

    .catalog-open {
        display: block;
        position: fixed;
        background: #f4f4f4;
        color: #252525;
        padding: 10px 12px;
        border-radius: 4px 0 0 4px;
        top: 20%;
        right: 0;
        cursor: pointer;
    }

    .catalog-open:hover {
        background: #252525;
        color: #fff;
    }

    .filter-mobile-enable.content-sidebar .catalog-sidebar {
        width: -webkit-fill-available;
        max-width: 475px;
        background-color: #fff;
        position: fixed;
        right: -475px;
        top: 0;
        bottom: 0;
        overflow: hidden;
        opacity: 0;
        color: #aaa;
        z-index: 100000;
        transition: right .2s linear;
        margin: 0;
        padding: 0;
    }
}

.woocommerce .yith-wcwl-add-button > a i {
    margin: 14px;
}

.woocommerce ul.products li.product .star-rating, .woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .star-rating span:before, .woocommerce .star-rating span:before {
    color: #B3B0C4!important;
}

.supro-sale-product .container {
    text-align: right;
}

.supro-sale-product .onsale > span {
    background-color: #B3B0C4;
}

.site-header .menu-extra .menu-item-account .wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #fff;
    padding: 15px 0;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: none;
    transform: translateY(29px);
    margin-top: -2px;
}

.entry-thumbnail {
    height: 300px;
}

a.blog-thumb {
    height: 100%;
}

img.attachment-supro-blog-grid-2.size-supro-blog-grid-2.wp-post-image {
    height: 100%!important;
    object-fit: cover!important;
}

a.entry-meta.entry-cat {
    display: none!important;
}

.supro-modal .modal-footer.top {
    position: absolute;
    top: 0;
    margin-top: 100px;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%);
    padding: 0;
    border: none;
}

.supro-modal .modal-footer.top .close-modal {
    font-size: 40px;
    color: #000;
}

.woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle:before, .woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before, .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle:before, .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before, .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch.swatch-shape-circle:before, .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch-show-more.swatch-shape-circle:before {
    border: none!important;
}

.woocommerce div.product.product-type-variable form.cart .variations td.label {
    padding-bottom: 15px;
}

.dop-variations ul {
    padding-left: 0;
}

.dop-variations {
    margin-top: 40px;
}

.dop-variations li {
    list-style: none;
    border-top: 1px solid #D9D9D9;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.dop-variations li:last-child {
    border-bottom: 1px solid #D9D9D9;
}

.dop-variations li i {
    position: absolute;
    right: 0;
    margin-top: 2px;
}

.rot {
    transform: rotate(180deg);
    transition: 0.2s;
}

ul.variations-sub-menu {
    display: none;
    width: 100%;
}

ul.variations-sub-menu li {
    border-top: none!important;
    width: 100%;
    padding-bottom: 30px;
}

ul.variations-sub-menu li ul {
    width: 100%;
    display: block;
}

ul.variations-sub-menu img {
    width: auto;
}

.woocommerce div.product form.cart.variations_form .tawcvs-swatches .swatch__tooltip:after, .woocommerce.archive form.cart.variations_form .tawcvs-swatches .swatch__tooltip:after, .woocommerce.single-product form.cart.variations_form .tawcvs-swatches .swatch__tooltip:after {
    z-index: -1;
}