/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/

ul.product_list_widget li {
	margin: 10px 0 !important;
}

ul.product_list_widget li img.attachment-woocommerce_thumbnail {
	width:96px;
	height: auto;
	float: left;
	margin-right: 12px;
	margin-left: 0;
}

h1.site-title::after {
	content: "Audio circuit board kits, for Adcom and others. High-end audio repair.";
	font-size: 45%;
	display: block;
	position: relative;
	top:16px;
	line-height: 1.2;
	padding-bottom:16px;
}

@media (min-width:1020px) {
	h1.site-title {
		display: inline;
		vertical-align: 36px;
		padding-bottom: 0;
	}
	
	h1.site-title::after {
		margin-left: 66px;
		top: -30px;
		padding-bottom: 6px;
	}
	
	img.site-logo {
		max-height: 60px;
		display: inline;
		margin: 0;
		padding: 0;
		vertical-align: -1px;
	}
	
	div.site-branding {
		margin-left: 50px;
		margin-bottom: -26px;
		width: 350px;
		padding-top: 6px;
	}
}

.menu-toggle {
	display: none;
}

#search-2 {
	padding-top: 0px;
	padding-bottom: 0px;
}

@media (max-width:1019px) {
	.menu-primary {
		display: block !important;
		text-align: center;
	}
	
	div.site-top-content {
		text-align: center;
	}
}


/* make the transparent header background darker when there is a hero image*/
.hero-image .site-header {
		background: #007b31;
	}


/* hide title above hero image */
div.hero.with-featured-image h1 {
	display:none;
}

/* remove gap above "all posts" button; this might easily get screwed up when rearranging sidebar */
aside#custom_html-4 {
	border-top:none;
	padding-top:0;
}
aside#recent-posts-2 {
	padding-bottom:16px;
}



/* remove gap above "all products" button; this might easily get screwed up when rearranging sidebar */
aside#custom_html-6 {
	border-top:none;
	padding-top:0;
}
aside#woocommerce_products-5 {
	padding-bottom:20px;
}

/* hide shopping cart from nav menu when the screen is big; then we have a cart button on the side bar. This is important because on small screens, the side bar is moved to the bottom. */
@media (min-width:1020px) {
	li#menu-item-21707 {
		display:none;
	}
}


#shopping-cart-button {
	padding: 1em 2em;
  background-color: #edffe3;
  display: inline-block;
  border-radius: 5px;
  color: #1f2f22;
  font-size: 120%;
  border: solid 1px #b0e393;
}
#shopping-cart-button:hover {
background-color:#b4ed95;
	color:black;
	transition:0.3s;
}

/* make bigger shouty "proceed to checkout" button */
.wc-block-cart__submit-button {
	background-color: darkgreen;
  color: white;
  padding: 0.6em 1em;
	font-size:140%;
	margin-top:0.4em !important;
}
.wc-block-cart__submit-button:hover {
	background-color: #00ad4e;
	color:white;
	transition:0.1s !important;
}

/* get rid of woopay buttons on product pages and checkout page */
.wc-block-cart__payment-options, .single-product .wcpay-express-checkout-wrapper {
	display:none	
}