/*
 * Theme Name: RedShell
 * Description: This is a child theme for the Flatsome Theme
 * Author: Arnout Pullen
 * Author URI: https://arnoutpullen.nl
 * Template: flatsome
 * Version: 3.0.7
 * Tested up to:      6.8.3
 * Requires at least: 6.8.2
 * Requires PHP: 8.3
*/

/* Woocommerce checkout page */
.checkout.woocommerce-checkout .row.pt-0 {
    margin-top: 1em;
}

input#woocommerce_eu_vat_number:valid,
.gfield.vat_number input:valid,
input#vat_number:valid,
input#_vat_number:valid,
input#_billing_vat_number:valid,
input#kvk_number:valid,
input#_kvk_number:valid,
.gfield.kvk_number input:valid,
input#_billing_kvk_number:valid {
    color: #29a954;
}

input#woocommerce_eu_vat_number:invalid {
    color: #ad1b1d;
}

input:disabled,
input:read-only,
input:disabled:focus,
input:read-only:focus {
    background-color: #ccc;
}

/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {}

/* Form style */
input:invalid {
    color: #b20000;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltipcontent {
    visibility: visible;
    opacity: 1;
}

nav.woocommerce-breadcrumb.breadcrumbs {
    font-size: 13.6px;
    width: 100%;
    margin-bottom: 0.5em;
}

@media screen and (max-width:451px) {

    body.tax-product_cat nav.woocommerce-breadcrumb.breadcrumbs.uppercase,
    body.single-product nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    body.tax-product_cat span.breadcrum-suffix,
    body.single-product span.breadcrum-suffix {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        width: 100%;
        margin-top: 0.5em;
    }

    h1.product-title.product_title.entry-title .title-wrapper {
        flex-basis: 100% !important;
        max-width: unset;
    }

    .brand-wrapper {
        display: none !important;
    }
}

@media screen and (min-width:452px) and (max-width:850px) {

    body.tax-product_cat nav.woocommerce-breadcrumb.breadcrumbs.uppercase,
    body.single-product nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    body.tax-product_cat span.breadcrum-suffix,
    body.single-product span.breadcrum-suffix {
        margin-left: auto;
    }

    h1.product-title.product_title.entry-title .title-wrapper {
        flex-basis: 100% !important;
        max-width: unset;
    }

    .brand-wrapper {
        display: none !important;
    }
}

@media screen and (min-width:850px) {
    body.tax-product_cat .woocommerce-breadcrumb.breadcrumbs {
        display: flex;
        flex-direction: row;
    }

    body.tax-product_cat .woocommerce-breadcrumb.breadcrumbs span.breadcrum-suffix {
        display: flex;
        flex-grow: 1;
        justify-content: flex-end;
    }

    ul.mobile-nav.nav.nav-right li.header-divider:last-child {
        display: none;
    }
}

.woocommerce-grouped-product-list-item .stock.out-of-stock {
    margin: 8px 0;
    vertical-align: middle;
}

.flex-col.flex-grow.medium-text-center {
    position: relative;
    min-width: 100%;
}

@media screen and (max-width:768px) {
    .flex-col.flex-grow.medium-text-center {
        min-width: 100%;
    }
}

h1.product-title.product_title.entry-title {
    display: flex;
    flex-direction: row;
}

h1.product-title.product_title.entry-title .title-wrapper {
    display: flex;
    flex-direction: column;
    flex-basis: 80%;
}

.brand-wrapper {
    display: flex;
    flex-direction: column;
    flex-basis: 20%;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width:768px) {
    h1.product-title.product_title.entry-title {
        flex-direction: column;
    }
}

/* Product attributes checkbox */
aside.widget.woocommerce.widget_layered_nav span.widget-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

aside.widget.woocommerce.widget_layered_nav span.widget-title i {
    font-size: 1.25em;
}

ul.woocommerce-widget-layered-nav-checkbox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    list-style: none;
}

ul.woocommerce-widget-layered-nav-checkbox li.woocommerce-widget-layered-nav-checkbox__item {
    margin-left: 0;
    list-style: none;
    flex-direction: column;
}

label.woocommerce-widget-layered-nav-checkbox__item {
    display: flex;
    flex-direction: row;
    width: 100%;
    cursor: pointer;
}

label.woocommerce-widget-layered-nav-checkbox__item input,
label.woocommerce-widget-layered-nav-checkbox__item span {
    display: flex;
    flex-direction: column;
}

label.woocommerce-widget-layered-nav-checkbox__item input {
    margin-top: 0;
    margin-bottom: 0;
}

label.woocommerce-widget-layered-nav-checkbox__item span.name {
    flex: 1 0 auto;
}

/* label.woocommerce-widget-layered-nav-checkbox__item span.count {} */

@media screen and (max-width: 768px) {
    .page-title nav ol {
        justify-content: center;
        width: 100%;
        padding-bottom: 15px;
    }
}


.page-title-inner .flex-col.flex-grow.medium-text-center .is-large {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: 1;
}

.page-title-inner .flex-col.flex-grow.medium-text-center .is-large .breadcrumbs-suffix {
    min-width: 151px;
    text-align: center;
    font-size: 13.6px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

body.single-product .flex-col.flex-grow.medium-text-center .is-large .breadcrumbs-suffix {
    text-align: right;
}

.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: #fff;
}

/* Searchanise mobiel search icon bugfix */
.snize-clear-button.snize-icon-search {
    background-position-y: center !important;
}

@media screen and (max-width: 959px) {
    .ubermenu-responsive-default.ubermenu-responsive {
        max-height: 515px;
    }
}