/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

ul.products li.product .woocommerce-loop-product__title {
    font-weight: 900;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 30px;
    overflow: hidden;
  }
  
  .site-header .site-header-cart .count {
    white-space: nowrap;
    font-size: 14px;
    padding: 3px;
}

@media screen and (min-width:768px){
    
    #yith-quick-view-content div.summary {
        margin: 0;
        padding: 15px;
        width: 50%;
        float: left;
    }

    #yith-quick-view-content div.images {
        width: 48%;
        float: left;
        opacity: 1 !important;
    }
    .single-product div.product .woocommerce-product-gallery {
        width: 41.1764705882%;
        float: left;
        margin-right: 0.882%;
        margin-bottom: 0.706em;
    }

}

.widget_price_filter .ui-slider .ui-slider-handle {
    margin-top: -0.05em;
}

ul.products li.product .bistro-rating-cart-button .added_to_cart {
    top: auto;
    bottom: 0;
}

ul.products li.product .button {
    margin-bottom: 0;
}

#yith-quick-view-content .woocommerce-product-gallery__wrapper a{
    pointer-events: none;
}


.row{
    clear: both;
    margin: 0 -15px;
}

.row:before,
.row:after{
    clear: both;
}

@media screen and (min-width:768px){
    
    .col-md-6{
        width: 45%;
        padding: 0 15px;
        float: left;
    }
    
    .col-md-1{
        width: 5%;
        padding: 0 15px;
        float: left;
    }
    
    .col-md-5{
        width: 40%;
        padding: 0 15px;
        float: left;
    }
    
    .right-sidebar .content-area {
        float: right;
    }
    
    .right-sidebar .widget-area {
        float: left;
    }
    
    .right-sidebar .content-area {
        margin-left: 4.347826087%;
        margin-right: 0;
    }
    
}

footer .fa {
    font-size: 30px;
    padding-right: 20px;
    padding-bottom: 11px;
}

footer ul.sub-menu{
    display: none;
}

.woocommerce-active .site-header .site-branding {
    width: 15%;
}

.col-full.restert .col-full{
	padding: 0;
	max-width: 90%;
	float: left;
}

body.home header.entry-header h1.entry-title, body.home  .entry-content p{
	text-shadow: 0 0 10px #000000;
}

/*header ul.sub-menu {
	display: none !important;
}*/

#menu-main-menu-right > li:nth-child(2) > ul.sub-menu > li {
	display: none;
}

footer ul.children{
	display: none !important;
}

main#main > a:not(img),
main#main > img{
	margin: 0 0 30px !important;
	display: block;
}

.storefront-2-3.woocommerce-active .site-header .site-branding {
    width: 19.043%;
}

.no-secondary-navigation.woocommerce-active .site-header .main-navigation {
    width: 61.217%;
}

.autocomplete-suggestions {
    left: -242px;
}



@media (max-width: 767px){
    .yith-ajaxsearchform-container > .search-navigation > .autocomplete-suggestions {
        position: relative!important;
        overflow: scroll;
        max-height: 425px;
    }
    .autocomplete-suggestions {
        left: 0px;
    }
}

/********************************************************************  START of Bevan's custom CSS ********************************************************************/

/*border:5px solid red;*/

#post-7 > div > div > form.checkout_giftcard{display:none;margin-bottom:0em;}

.woocommerce .checkout_giftcard p {display:none;}

.woocommerce-form-login-toggle .woocommerce-info {color:black;background-color:#fafbfb;margin-bottom:.75em;}

.woocommerce-form-login-toggle .woocommerce-info a {font-size:150%;color:#FFFFFF;background-color: #460203;padding: 8px 15px 8px 15px;white-space:pre-wrap;text-decoration:none;border-radius:5px;margin-left:10px;}

.woocommerce .woocommerce-form-login-toggle {margin: 0px;padding: 0px;}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {display:none;}

#post-7 > div > div > form.checkout_coupon.woocommerce-form-coupon{display:none;margin-bottom:0em;}

.woocommerce .checkout_coupon.woocommerce-form-coupon p {display:none;}

.storefront-breadcrumb {margin-top: 0em;margin-bottom: 0em;padding-top: 0em;}

.storefront-breadcrumb .col-full {margin-top: 0em;padding-top: 0em;}

.storefront-breadcrumb .col-full .woocommerce-breadcrumb {margin-top: 0em;padding-top: 0em;}

#yith_woocommerce_ajax_search-3 {margin: 0 0 1em;}

#custom_html-4 {margin: 0 0 1em;}

/*********************** START Shop Filter style CSS *****************************
#wpfBlock_1 {border:solid #e1e2e2 1px; margin:0 0 0 0; background-color:#f4f5f5; border-radius: 4px;}

This code now works in, and has been moved to the Woo Product Filter plugin under the Design tab
.
**************************** END Shop Filter CSS ********************************/

/* checkout fields */ #customer_details > div.col-1 > div.woocommerce-billing-fields .form-row{border:solid #e1e2e2 1px;border-radius:10px;margin: 0 0 .5em;}
					  #customer_details > div.col-1 > div.woocommerce-billing-fields .form-row label{padding:0 0 0 5px;}
                      #customer_details > div.col-1{margin-bottom:.5em;}
					  #account_password_field{border:solid #e1e2e2 1px;border-radius:10px;margin-bottom:.5em;}
					  #account_password_field > label{padding:0 0 0 5px;}
					  #order_comments_field{border:solid #e1e2e2 1px;border-radius:10px;margin-bottom:.5em;}
					  #order_comments_field > label{padding:0 0 0 5px;}
					  #customer_details > div.col-2{margin:0 0 .5em;}
					  #billing_first_name_field{width:49%}
					  #billing_last_name_field{width:49%}
					  #billing_city_field{display:inline-block;width:33%;margin:0 .3% 0 0;}
					  #billing_state_field{display:inline-block;align-self:center;clear:both;width:33%;margin:0 auto;}
					  #billing_postcode_field{display:inline-block;float:right;clear:right;width:33%;}

					  #order_review > table{margin:0 0 .5em;}
					  #order_review .shop_table{margin-bottom:.5em;}
					  #order_review .order-total{box-shadow: 0 0 3pt 2pt #460203;border-radius:10px;line-height:.75;}
					  #order_review > table{margin-bottom:.5em;}
					  input#payment_method_authnet + label[for=payment_method_authnet]{display:inline-block;padding:.5em;}
					  #payment .form-row{margin-top:-.5em;}
					  #checkout-credit-cards-logos{display:none;}

.we-can-help a{font-size:125%;font-weight:bold;}
/****************************************************/



/********************************************************************  END of Bevan's custom CSS ********************************************************************/