/*
Theme Name: Hello Elementor Child Theme
Theme URI: https://ncd.io
description: >-
  NCD Custom Theme based on Hello Elementor
Author: Jacob Youngblood
Author URI: http://ncd.io
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: hello-elementor-child
*/

/* START Header styles */
    select.ncd_elementor-search-form__input-basis{
        width: 20%;
        color: #fff;
        background: #00b9f7;
        line-height: 1.5;
        font-size: 32px;
        text-align: center;
        box-shadow: inset 0 0 25px rgb(0, 0, 0, .5);
        border-radius: 8px;
        height: 76px;
        min-width: 240px;
    }
    body .woocommerce-store-notice{
        z-index: 1;
    }
    @media (max-width: 1025px) {
        body .elementor-search-form--skin-full_screen .elementor-search-form__container{
            flex-direction: column;
            align-items: center;
            align-content: center;
            justify-content: center;
        }
        .elementor-widget-ncd-search.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{
            flex-basis: auto;
        }
    }
/* END Header styles */

/* START home page styling */
.home #hide-on-home {
  display: none;
}
/* END home page styling */

/* START cart/checkout styles */
#order_comments_field{
    background: #ddd;
    padding: 12px;
    border-radius: 8px;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .4);
}
#order_comments_field label{
    line-height: 1em;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 12px 0;
}
/* END cart/checkout styles */

/* Start store notice fix */
body{
    display: flex;
    flex-flow: column;
}
p.demo_store{
    order: -1;
    position: static;
}
/* End store notice fix */
#fwp_reset{
    cursor: pointer;
}
[type=button]{
    background: #2591cb;
    color: #fff;
    border: 0
}
[type=button]:focus, [type=button]:hover{
    color: #fff;
    background-color: #00b9f7;
}
/* Start product/post list styles */
section.ncd-archive-wrapper  > div > .elementor-row:first-child{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
}
/* START Mobile Styling */
@media (max-width: 767px) {
    section.ncd-archive-wrapper > div > .elementor-row:first-child{
        flex-wrap: wrap;
    }
    .mobile-toggle-wrapper{
        /* position: fixed; */
        /* width: 100vw;
        height: 100vh; */
        /* top: 62px; */
        /* background: white; */
        z-index: 3;
    }
    /* .elementor-widget-ncd-sidebar-widget{
        overflow-y: scroll;
        height: 100vh;
    } */
    /* .elementor-widget-ncd-sidebar-widget{
        margin-top: 60px;
    } */
}
@media (min-width: 768px){
    .elementor-widget-ncd-sidebar-widget{
        display: block !important;
    }
}
/* END Mobile Styling */
a{
    cursor: pointer;
}
section.ncd-archive-wrapper div.facet-list{
    min-width: 300px;
}
.facetwp-facet .facetwp-input-wrap{
    margin: 0 auto;
    display: block;
}
.facetwp-template ul.products{
    grid-template-columns: repeat(8, 1fr) !important;
}
@media (max-width: 2680px) {
    .facetwp-template ul.products{
        grid-template-columns: repeat(6, 1fr) !important;
    }
}
@media (max-width: 2280px) {
    .facetwp-template ul.products{
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
@media (max-width: 1980px) {
    .facetwp-template ul.products{
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 1280px) {
    .facetwp-template ul.products{
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 890px) {
    .facetwp-template ul.products{
        grid-template-columns: revert !important;
    }
}
/* End product/post list styles */

/* START May only be used on the product pages. Probably used on the documentation to reference products */
.elementor-widget-wp-widget-product_widget .product{
    width: 100% !important;
}
a{
    color: #367bb7;
}
/* END */

/* START resets table styles added by default in hello elementor */
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
    background-color: initial;
}
table td, table th{
    padding: initial;
    line-height: initial;
    vertical-align: initial;
    border: initial;
}
/* END */

/* START FacetWP Styling */
div[data-facet-label]:before{
    content: attr(data-facet-label);
    color: black;
    background-color: #777;
    color: white;
    display: block;
    padding: .25em .5em;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: .5em;
}
.widgettitle{
    display: none;
}
div.facetwp-facet{
    position: relative;
}
div.facetwp-facet.closed > *{
    /* height: 0;
    margin: 0 !important;
    opacity: 0; */
    display: none;
}
/* div.facetwp-facet > *{
    height: null;
    opacity: 1;
    transition: height .25s, opacity .25s, margin .25s;
} */
div[data-facet-label][data-name]:after{
    content: "hide";
    color: #ccc;
    display: block;
    padding: .25em .5em;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: .5em;
    position:absolute;
    top:0;
    right:10px;
}
div[data-facet-label][data-name].closed:after{
    content: "show";
}
body .facetwp-checkbox,
body .facetwp-link,
body .facetwp-radio{
    font-size: 13px;
    margin: .1em 4%;
}
body .facetwp-facet{
    background-color: ;
    margin: 0;
    padding: 0 0 .5em 0;
    background: #efefef;
    background: #efefef -moz-linear-gradient(bottom, rgba(255,255,255,0.45) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: #efefef -webkit-linear-gradient(bottom, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: #efefef linear-gradient(to top, rgba(255,255,255,0.45) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.facetwp-facet:empty {
    display: none;
}



/* div[data-elementor-type="product-archive"] .elementor-element.elementor-element-c8fabf7 .facetwp-radio,
div[data-elementor-type="product-archive"] .elementor-element.elementor-element-c8fabf7 .facetwp-checkbox,
div[data-elementor-type="product-archive"] .elementor-element.elementor-element-c8fabf7 .facetwp-link{
    font-size: 13px;
} */