@import url("../peddlar/style.css");

/* Below you can write your style */



/* <GENERAL> */

.home {
    /*background: #FFF !important;*/
}

#header #logo {
    margin-top: 0 !important;
}

@media only screen and (max-width: 800px) {
    #header {
        text-align: center !important;
    }
    #header a#logo {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #header .site-description + .nav.cart {
        margin-top: 0 !important;
    }
}

/* Make nav background white for all styles */
#navigation {
    background-color: #FFF !important;
    }

    /* Remove border from selected menu item */
    #navigation ul.nav > li.current_page_item > a {
        box-shadow: none !important;
        color: #e0434b !important;
    }

    #navigation ul.nav li.current_page_parent > a {
        box-shadow: none !important;
    }

    #navigation ul.nav > li > a {
        color: #484848 !important;
    }

    #navigation ul.nav > li > a:hover {
        box-shadow: none !important;
        color: #db767b !important;
}

@media only screen and (min-width: 800px) {
.home #navigation {
    background-color: #FFF !important;
}

/* Display telephone in white */
.footer-shop-content .button {
    color: #FFF !important;
}

@media only screen and (min-width: 800px) {
    #header .cart-contents {
        top: 2.6em !important;
    }

    #navigation {
        margin-bottom: 0px !important;
        }

        #navigation .widget_product_search {
            display: block !important;
            float: left !important;
            margin-top: 35px !important;
            margin-bottom: 35px !important;
            width: 100% !important;
        }

        #navigation .yith-ajaxsearchform-container {
            background-color: #f1f1f1;
            clear: none;
            display: block !important;
            float: left !important;
            margin-top: 35px !important;
            margin-bottom: 35px !important;
            margin-left: 2.083333333333333%;
            margin-right: 2.083333333333333%;
            width: 100% !important;
            width: 100% !important;
            color: #db767b;
            }

            #yith-ajaxsearchform {
                background: url('images/ico-search-mod.png') no-repeat right;
                background-color: #f1f1f1;
                box-sizing: border-box;
                position: relative;
                border-color: #d5d5d5;
                border-width: 0px;
                border-style: solid;
                -webkit-border-radius: 0.236em;
                border-radius: 0.236em;
                margin: 0;
            }

            #yith-s {
                box-sizing: border-box;
                margin: 0;
                /*border: 1px solid #a3cb9e;*/
                border: 0;
                -webkit-border-radius: 0.236em;
                background-color: #f1f1f1;
                border-radius: 0.236em;
                /*background: none;*/
                color: #db767b;
                font-size: 1em;
                line-height: 1;
                padding: 1.416em;
                width: 100%;
                -webkit-appearance: textfield;
                -webkit-rtl-ordering: logical;
                -webkit-user-select: text;
                cursor: auto;
                /*-webkit-box-shadow: 0px 0px 5px #484848;
                -moz-box-shadow: 0px 0px 5px #484848;
                box-shadow: 0px 0px 5px #484848;*/
            }

                #yith-s:focus {
                    -webkit-box-shadow: 0px 0px 5px #db767b;
                    -moz-box-shadow: 0px 0px 5px #db767b;
                    box-shadow: 0px 0px 5px #db767b;
                    -webkit-box-shadow: 0;
                    -moz-box-shadow: 0;
                    /*box-shadow: 0;*/
                    outline: 0;
                    border: 0;
                    background: none;
                }

            #yith-searchsubmit {
                display: none !important;
                top: 1em;
                right: 1em;
                position: absolute;
                border: none;
                overflow: hidden;
                margin: 0;
                height: 1.618em;
                width: 1.618em;
                background: url('../peddlar/images/ico-search.png') no-repeat center;
                background-size: 16px 16px;
                border-radius: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                box-shadow: none;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                opacity: 0.2;
                filter: alpha(opacity=@opacity * 100);
                text-indent: -99em;
                display: inline-block;
                padding: .875em 1.416em;
                color: white;
                text-align: center;
                text-decoration: none;
                font-size: 1em;
            }

        #navigation .yith-ajaxsearchform-container div label.screen-reader-text {
            display: none;
        }
    }



    #content {
        padding-top: 35px !important;
    }

    #content.home {
        padding-top: 0px !important;
    }
}


/* </GENERAL> */







/* <HOMEPAGE> */

.homepage-product-category {
    float: left;
    margin-left: 20px !important;
    margin-right: 20px !important;
    text-align: center !important;
    width: 28%;
}




@media only screen and (max-width: 800px) {
    .feature {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}


@media only screen and (min-width: 800px) {
    .feature-title {
        margin-top: -200px !important;
    }

    .feature-content {
        margin-top: 150px !important;
    }
}



/* </HOMEPAGE> */








/* <WOOCOMMERCE> */



    /* <WOOCOMMERCE - PRODUCTLIST> */
    @media only screen and (min-width: 800px) {

        /* Make products title visible */
        ul.products li.product .product-details {
            opacity: 1 !important;
        }

        ul.products li.product .product-details {
            background: none !important;
            border: none !important;
            float: right !important;
            margin-left: 239px !important;
            padding: 0 !important;
            text-align: left !important;
            width: 100% !important;
            }

            ul.products.list li.product h3 {
                color: #000 !important;
                font-size: 100% !important;
                margin-left: 0 !important;
                width: 100% !important;
            }

            ul.products.list li.product .price {
                margin-left: 0 !important;
                width: 100% !important;
        }

        ul.products.list li.product div[itemprop="description"] {
            margin-top: 55px !important;
            width: 77.36% !important;
        }

        ul.products.list li.product .gridlist-buttonwrap {
            width: 77.36% !important;
        }
    }

    /* Hide ordering buttons */
    .layout-full .woocommerce-result-count, .layout-full .woocommerce-ordering, .layout-full .woocommerce_ordering {
        display: none !important;
    }

    /* Hide grid/list button */
    .gridlist-toggle {
        display: none !important;
    }

/* Make product image smaller */
ul.products.list li.product img {
    width: 200px !important;
}

ul.products li.product .button {
    color: #FFF !important;
}

ul.products li.product .button:hover {
    background-color: #e0434b !important;
}

ul.products li.product .product-details .price {
    color: #66ba5c !important;
    font-size: 1em !important;
}





    /* <WOOCOMMERCE PRODUCT PAGE> */
    @media only screen and (min-width: 800px) {
        .single-product .images {
            width: 20% !important;
        }

        .single-product .summary {
            width: 78% !important;
        }

    }


/* </WOOCOMMERCE> */