/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */

#top .wc-nav li.search input {display:none !important;}

/*
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
}

/*

0101 Design Edits

*/

.home #content.with-banner {border-top: 1px solid #e8e4e3 }

/*

mindshaped Design Edits

*/

body {
    background: white;
}

#header #navigation ul.nav > li a {
    background: white;
}

strong {
    font-weight: 500;
}

a {
    color: #4a413e;
    text-decoration: none;
}
a:hover {
    color: black;
}
#header {
    border-bottom: 1px solid #e8e4e3;
    margin-bottom: 4em;
}
#header #navigation ul.nav > li.current-menu-item > a, #header #navigation ul.nav > li.current_page_item > a {
    color: #666;
}
ul.products li.product img {
    border: none;
    padding: 0;
}
.page header h1 {
    display: none;
}
.footer-wrap {
    background: none;
}
#header #navigation ul.nav > li a:hover {
    color: #666;
    transition: color .25s ease;
    background: none;
}
.woocommerce-loop-product__title {
    margin: 0;
}
ul.products li.product .price {
    margin-bottom: 1.5em;
}
.checkout #order_review .form-row.place-order .button {
    font-size: 1.2em;
}
table th {
    border-bottom: 1px solid #e8e4e3;
    font-weight: 500;
}
input[type=text], input.input-text, textarea, input.txt, input[type=tel], input[type=email] {
    box-shadow: none;
    margin-left: 0;
    margin-right 0;
    border-radius: 0px;
    border-width: 1px!important;
}
a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button {
    background-color: white!important;
    color: #666!important;
    text-shadow: none!important;
    border: 1px solid #666!important;
    background-image: none!important;
}
.button {
    border-radius:2px!important;
    box-shadow: none!important;
    background: none!important;
    color: #666!important;
    background-color: white!important;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 16px!important;
    padding: 12px 16px!important;
    margin: 0!important;
}
.woocommerce-message a.button,
.woocommerc-error a.button {
    margin: 0 1em!important;
}
.woocommerce-message,
.woocommerce-error {
    border: none!important;
    margin-bottom: 3em!important;
}
.button:hover {
    border-radius:2px!important;
    box-shadow: none!important;
    background: none!important;
    color: white!important;
    background-color:#666!important;
    font-weight: normal!important;
}
.images img, .post img, .type-page img {
    border: none;
    padding: 0;
}
.woocommerce-loop-product__title,
.product_title.entry-title {
    font-size: 1.3em;
    font-weight: 500;
}
#header #navigation ul.nav > li a {
    font-size: 1.2em;
}
.woocommerce-Price-amount {
    font-weight: 500;
}
.product_meta {
    border: none!important;
}
#top {
    background: none;
}
#navigation {
    margin-top: -.25em!important;
}
.wc_payment_method.payment_method_stripe > label {
    float:  right;
    padding: 15px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background-color: white!important;
}
.checkout #order_review table {
    box-shadow: none!important;
}
.checkout #order_review #payment ul {
    border-bottom: none;
}
* {
    outline: none!important;
}
.checkout #order_review .form-row.place-order .button {
    font-size: 1.3em!important;
}
#order_review_heading {
    float: right;
    width: 49.5%;
}
.woocommerce-page h3 {
    font-weight: 500;
    font-size: 1.2em;
}
.woocommerce-page h2 {
    font-weight: 500;
}
input[type=text]:focus, input.input-text:focus, textarea:focus, input.txt:focus, input[type=tel]:focus, input[type=email]:focus {
    box-shadow: none!important;
    border-color: #999!important;
}

/* Better Checkout Styles */
/****************CHECKOUT***************/
.woocommerce form .form-row {
    width: 100% !important;
}
.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
    width: 100% !important;
    padding: 8px;
}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
    width: 100%;
    height: 30px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 100%;
}
.custom-checkout h3 {
    background-color: #165f1c;  /****CHANGE TO COLOR YOU WANT TO USE FOR TITLE BACKGROUND ****/
    width: 45%;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-top: 50px;
    color: #FFF;
    float: right;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-weight: 400;
   border:solid 2px #e4e4e4;
}

#wc_checkout_add_ons {
    width: 45%;
    float: right;
    text-align: center;
}

@media screen and (min-width: 980px) {
.woocommerce-shipping-fields h3, .woocommerce-billing-fields h3 {width:100%;}
.woocommerce .col2-set, .woocommerce-page .col2-set {
 width: 45%;
 float: left;
}
.woocommerce-checkout-review-order{
 width: 45%;
 float: right;
}
}
@media screen and (max-width: 979px) {
.custom-checkout h3 {
 width: 100%;
}
}

#footer {
    text-align: center;
}
#credit {
    float: none;
}

@media(max-width:767px){
    #header #logo {
        max-width: 80%;
    }
    #header .nav-toggle {
        background: none;
        border: none;
        color: black;
        box-shadow: none;
        position: relative;
        float: right;
        top: auto;
        right: auto;
    }
    #header .nav-toggle a {
        text-shadow: none;
    }
    #navigation {
        border: none;
        background: white;
        box-shadow: none!important;
    }
    #header #navigation ul.nav > li a {
        padding-left: 0;
    }
    #header hgroup {
        margin-bottom: 1em;
    }
    .button {
        width: 100%;
        margin-left: 0px!important;
        margin-right: 0px!important;
        margin-bottom: 1em!important;
    }
    .single .button {
        width: 100%!important;
    }
    .wc-proceed-to-checkout .button {
        width: calc(100% - 32px);
    }
    .checkout #order_review .form-row.place-order .button {
        width: 100%!important;
    }
    ul.products li.product {
        margin-bottom: 1em;
    }
    video, iframe {
        max-width: 100%;
    }
    .woocommerce_message, .woocommerce_info, .woocommerce_error, .woocommerce-message, .woocommerce-info, .woocommerce-error {
        padding: .618em 0em .618em 0em;
    }
    .woocommerce_message .button, .woocommerce_info .button, .woocommerce_error .button, .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button{
        width: calc(100% - 2em)!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .woocommerce-message a.button, .woocommerc-error a.button {
        margin-left: 0!important;
        margin-right:0!important;
    }
    table.cart td.product-remove {
        left: 90%;
    }
    .woocommerce_message:before, .woocommerce_info:before, .woocommerce_error:before, .woocommerce-message:before, .woocommerce-info:before, .woocommerce-error:before {
        width: 100%!important;
        margin: 1em 0!important;
        text-align: center;
        position: relative;
        left: auto;
        right:auto;
        top: auto;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
        background: white;
    }
    #order_review_heading {
        margin-top:1em;
    }
    #header {
        margin-bottom: 2em;
    }
    #header #navigation ul {
        margin: 0;
    }
    #header .nav-toggle a mark {
        color: black;
    }
}

@media(min-width:768px) and (max-width:990px){
    #header hgroup {
        margin-bottom: 0px;
    }
    #header #navigation, #main-nav {
        float: left;
        width: 100%;
    }
    #main-nav li:first-child a {
        padding-left: 0px;
    }
}

#header #logo {
    margin-top: 0.2em;
}