/*
Theme Name:   Community Grocery Ordering
Theme URI:    https://order.communitygrocery.org.uk
Description:  Botiga Child Theme for Ordering
Author:       LizDelves
Author URI:   http://lizdelves.com
Template:     botiga
Version:      1.0.0
Text Domain:  botigachild
*/

body,
button,
input,
select,
optgroup,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
	font-family: 'Gotham A', 'Gotham B', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-search .wp-block-search__label {
	font-weight: 500;
}

h1, h2 {
	font-size: 40px;
}

ul.products li.product .woocommerce-loop-product__title {
	font-size: 17px;
	font-size: 1.0625rem;
}

.add_to_cart_button  {
	border: 0 !important;
}

/*--------------------------------------------------------------
Single Product
--------------------------------------------------------------*/
.woocommerce div.product div.summary h1.product_title {
	margin-bottom: 30px;
}

table.extra-fields tbody th {
  text-align: left;
  padding-right: 1rem;
}

.warehouse-stock {
	padding: 10px;
	background: #eee;
}

.product_meta .posted_in {
	display: none !important;
}

.tagged_as a,
.woocommerce-breadcrumb a {
	text-decoration: underline;
}

h6.product-downloads {
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed rgba(33,33,33,0.1);
	font-size: 18px;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.bhfb-header {
	border-bottom: 2px dashed #eee;
}

h2.category-header {
	margin-top: 0;
}

/*--------------------------------------------------------------
Homepage
--------------------------------------------------------------*/
.home .woocommerce-page-header .page-description {
	max-width: 1140px;
}

.wp-block-search__button-outside,
.wp-block-woocommerce-filter-wrapper {
	float: left;
	width: 50%;
	box-sizing: border-box;
}

.wp-block-search__button-outside {
	padding-right: 30px;
}

.wp-block-search__button-outside .wp-block-search__label,
.wp-block-woocommerce-filter-wrapper .wp-block-heading,
h4.category-header {
  font-size: 20px;
  text-align: left;
}

.wp-block-search__button-outside {
  text-align: left;
}

.wp-block-search__button-outside .wp-block-search__label,
.wp-block-woocommerce-filter-wrapper .wp-block-heading {
  margin-top: 10px;
}

.home .wp-block-search__label {
	display: none;
}

.woocommerce .woocommerce-page-header {
	padding-top: 40px;
  padding-bottom: 0;
}

.product-meta-take-qty {
  border-top: 1px dashed rgba(33,33,33,0.1);
  background-color: rgba(245,245,245,0.3);
  padding: 2px 10px 3px 10px;
}

.product-meta-case-size {
  border-top: 1px dashed rgba(33,33,33,0.1);
  border-bottom: 1px dashed rgba(33,33,33,0.1);
  background-color: rgba(255,255,255,0);
  padding: 2px 10px 3px 10px;
}

ul.products li.product .botiga-wc-loop-product__title,
ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-title,
ul.wc-block-grid__products li.wc-block-grid__product .woocommerce-loop-product__title,
ul.wc-block-grid__products li.product .wc-block-grid__product-title,
ul.wc-block-grid__products li.product .woocommerce-loop-product__title,
ul.products li.wc-block-grid__product .wc-block-grid__product-title,
ul.products li.wc-block-grid__product .woocommerce-loop-product__title,
ul.products li.product .wc-block-grid__product-title,
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-category__title,
.woocommerce-loop-product__title .botiga-wc-loop-product__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px;
}

.woocommerce-NoticeGroup {
	flex-basis: 100%;
}

a.added_to_cart {
	background: rgba(255,255,255,0.6);
 	padding: 3px 15px 5px 15px;
}

.woocommerce-sorting-wrapper .col-6 {
	align-items: flex-start;
}

.woocommerce-sorting-wrapper select {
	padding-top: 0;
}

.wc-block-grid__product-image img,
.woocommerce-loop-product__link img {
	display:block;
	margin-left: auto;
	margin-right: auto;
}

.products .product {
	margin-bottom: 60px;
}

/*--------------------------------------------------------------
Product Categories List (Gutenberg)
--------------------------------------------------------------*/
.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	padding-left: 0;
}

.wp-block-woocommerce-product-categories li.wc-block-product-categories-list-item {
	list-style: none;
	margin-right: 10px;
	margin-bottom: 10px;
}

.wp-block-woocommerce-product-categories li.wc-block-product-categories-list-item a {
	background: #eee;
	border-radius: 5px;
	padding: 3px 8px;
	display: block;
	text-decoration: none;
}

.wp-block-woocommerce-product-categories li.wc-block-product-categories-list-item a:hover,
.wp-block-woocommerce-product-categories li.wc-block-product-categories-list-item a:focus {
  background: #ddd;
}

/*--------------------------------------------------------------
Tag Cloud/Product Tags (Gutenberg)
--------------------------------------------------------------*/
.wp-block-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px !important;
}

.wp-block-tag-cloud .tag-cloud-link {
	background: #eee;
	border-radius: 5px;
	padding: 3px 8px;
	margin-right: 10px;
	font-size: 16px !important;
	margin-bottom: 10px;
}

.wp-block-tag-cloud .tag-cloud-link:hover,
.wp-block-tag-cloud .tag-cloud-link:focus {
  background: #ddd;
}

/*--------------------------------------------------------------
Featured Project (Gutenberg)
--------------------------------------------------------------*/
.wc-block-featured-product {
	border: 2px dashed #eee !important;
  padding: 30px;
}

.wc-block-featured-product__title {
	background: #38c1ca;
  border-radius: 20px;
  padding-top: 10px !important;
	color: #fff !important;
}

.wc-block-featured-product:hover .wc-block-featured-product__title {
	color: #fff;
}

/*--------------------------------------------------------------
Price Filter (Woocommerce)
--------------------------------------------------------------*/
.wp-block-woocommerce-filter-wrapper {
	width: 100%;
	margin-bottom: 30px;
}

/*--------------------------------------------------------------
HR (Gutenberg)
--------------------------------------------------------------*/
.wp-block-separator {
	border-top: 2px dashed #eee;
  background: transparent;
}

/*--------------------------------------------------------------
Breadcrumbs
--------------------------------------------------------------*/
.single-product .woocommerce-breadcrumb {
	padding-left: 15px;
  padding-right: 15px;
}

/*--------------------------------------------------------------
My Account
--------------------------------------------------------------*/
.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .woocommerce-button + .woocommerce-button {
  margin-top: 5px;
}

/*--------------------------------------------------------------
Checkout
--------------------------------------------------------------*/
.billing-grocery-name {
	background: #ebb551;
	padding: 10px;
}

#billing_grocery_name {
	background-color: #fff;
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
@media( max-width: 767px ) {
	/* Warehouse Tabs */
	.woocommerce-tabs > ul > li > a:first-child:after,
	.woocommerce-MyAccount-navigation > ul > li > a:first-child:after {
	  content: '+';
	  float: right;
	  background: #38C1CA;
	  height: 32px;
	  width: 32px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  color: #fff;
	  padding-right: 1px;
    padding-bottom: 2px;
	}

	.woocommerce-tabs > ul > li:hover > a:first-child:after,
	.woocommerce-MyAccount-navigation > ul > li:hover > a:first-child:after,
	.woocommerce-tabs > ul > li:focus > a:first-child:after,
	.woocommerce-MyAccount-navigation > ul > li:focus > a:first-child:after {
	  background: #5DCED6;
	}

	.woocommerce-tabs > ul > li.active > a:first-child:after,
	.woocommerce-MyAccount-navigation > ul > li.is-active > a:first-child:after {
	  content: '';
	  background: transparent;
	}
}

@media( max-width: 600px ) {
	.wp-block-search__button-outside,
	.wp-block-woocommerce-filter-wrapper {
		width: 100%;
	}

	.wp-block-search__button-outside {
		margin-bottom: 16px;
		padding-right: 0;
	}

	.wp-block-woocommerce-filter-wrapper {
		padding-left: 0;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
  .custom-logo-link img {
    width: 150px;
  }
}