/*
Theme Name: Nominex
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/* HIER ENKEL CSS PLAATSEN OM TE TESTEN, ALS HET GOED WERKT OPSLAAN IN THEME OPTIONS */

/* Steffie's Crafts - Porto shop sidebar */

/* ==========================================
   STEFFIE'S CRAFTS - PORTO SHOP SIDEBAR
   ========================================== */

/* 1. WIDGETPANELEN */

body.woocommerce aside.widget.woocommerce {
    box-sizing: border-box !important;
    display: block;
    background: #fff !important;
    border: 1px solid #e2ebee !important;
    border-radius: 12px !important;
    padding: 18px !important;
    margin: 0 0 18px !important;
    box-shadow: 0 3px 14px rgba(40, 75, 85, .045);
}

/* 2. TITELS */

body.woocommerce aside.widget.woocommerce > .widget-title {
    position: relative;
    color: #344b55 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4;
    padding: 0 25px 13px 0 !important;
    margin: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #e9f0f2 !important;
}

/* Porto toggle behouden */
body.woocommerce aside.widget.woocommerce
.widget-title .toggle {
    right: 0;
}

/* 3. CATEGORIEBOOM */

body.woocommerce
.widget_product_categories .product-categories,
body.woocommerce
.widget_product_categories .children {
    margin-bottom: 0;
}

/* Compacte categorierijen */
body.woocommerce
.widget_product_categories .cat-item {
    position: relative;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Categorielinks */
body.woocommerce
.widget_product_categories .cat-item > a {
    color: #64727a;
    font-size: 13px;
    line-height: 1.5;
    transition: color .2s ease;
}

body.woocommerce
.widget_product_categories .cat-item > a:hover {
    color: #36b8c9 !important;
}

/* Actieve categorie */
body.woocommerce
.widget_product_categories .current-cat > a {
    color: #2699aa !important;
    font-weight: 700;
}

/* Onderliggende categorieën */
body.woocommerce
.widget_product_categories ul.children {
    padding-left: 13px;
    margin-top: 4px;
    border-left: 2px solid #e5f4f6;
}

/* 4. ATTRIBUUTFILTERS */

body.woocommerce
.widget_layered_nav
.woocommerce-widget-layered-nav-list {
    margin: 0;
    padding: 0;
}

/* Filterregels */
body.woocommerce
.widget_layered_nav
.wc-layered-nav-term {
    margin-bottom: 7px;
}

/* Geselecteerde filter */
body.woocommerce
.widget_layered_nav
.wc-layered-nav-term.chosen > a {
    font-weight: 600;
}

/* 5. RECENT BEKEKEN PRODUCTEN */

body.woocommerce
.widget_recently_viewed_products
.product_list_widget li {
    padding: 10px 0;
    margin: 0;
}

body.woocommerce
.widget_recently_viewed_products
.product_list_widget img {
    border-radius: 9px !important;
}

/* 6. MOBIEL */

@media (max-width: 767px) {
    body.woocommerce aside.widget.woocommerce {
        padding: 15px !important;
        margin-bottom: 14px !important;
    }
}

/* Porto widget toggles uitlijnen */
body.woocommerce aside.widget.woocommerce > .widget-title > .toggle {
    margin-top: -19px;
}