/* Enter Your Custom CSS Here */
/* 2 columns on mobile blocks */
@media (max-width: 767px) {
	.wc-block-grid.has-6-columns .wc-block-grid__products {
		display: flex;
	}
	.wc-block-grid.has-6-columns .wc-block-grid__product {
		flex: 1 0 50%;
		max-width: 50%;
		padding: 0;
		margin: 0 0 24px;
	}
}

@media screen and (min-width: 768px) {
		.storefront-breadcrumb {
    padding: 0em 0;
    margin: 0 0 0em;
		}}


.offercol img {
  width: 100%;
  height: auto;
  max-width: 280px;
}


/* testing page widths @media (min-width: 768px){
.col-full {
    max-width: 66em;
  }}
  */

@media screen and (min-width: 768px) {
.site-header {
    padding-top: 0;
    padding-bottom: 0;
  }}
@media screen and (min-width: 768px) {
.site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
    display: block;
    float: left;
    margin-right: 4.347826087%;
    clear: both;
    margin-bottom: .5em;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
    margin-bottom: 1em;
}

.main-navigation,
.woocommerce-active .site-header .site-header-cart {
padding-top: 1em 1em 1em;
}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
padding: 1em 1em 1em; /* Change it to : 0 1em 1em */
}
  
.site-header-cart .cart-contents {
    padding: 1em 1em 1em;
}

.woocommerce-breadcrumb {
    padding: 1.387em 99em;
    margin-left: -99em;
    margin-right: -99em;
    margin-bottom: 1em;
}
        
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
    padding: 0em .7em;
}
          
.site-main ul.products li.product {
    width: 20%;
    float: left;
    margin-right: 0;
}
            
.storefront-full-width-content.single-product div.product .images {
    margin-bottom: 0em;
}
              
.woocommerce-breadcrumb {
    padding: .5em 99em;
}

fieldset, form {
    margin-bottom: 0em;
}

table tbody tr:nth-child(2n) td {
    background-color: #f8f8f8;
}
                  
table td, table th {
    padding: 1em 1.387em;
    text-align: left;
    vertical-align: middle;
}
                    
h2, h3, h4, h5, h6 {
    margin: 0 0 1em;
}
                      
.widget {
    margin: .5em 0 .5em;
}
                
.woocommerce-ordering {
    z-index: 99;
}
                          
.widget h3.widget-title {
    padding: 0 0 .2em;
    margin-bottom: .2em;
}

.widget .widget-title, .widget .widgettitle {
    padding: 0 0 0em;
    margin-bottom: 0em;
}
}

body.pos_receipt, table.order-info, table.receipt_items, table.customer-info, #pos_receipt_title, #pos_receipt_address, #pos_receipt_contact, #pos_receipt_header, #pos_receipt_footer, #pos_receipt_tax, #pos_receipt_info, #pos_receipt_items, pos_receipt_tax_breakdown, table.tax_breakdown {
    font-family: 'Arial', sans-serif;
    line-height: 150%;
    font-size: 14px;
    background: transparent;
    color: #000;
    box-shadow: none;
    text-shadow: none;
    margin: 0px 50px 0px 0px !important;
}


/* remove cart thumbnail width */
table.cart .product-thumbnail img {
    max-width: none;
}
@media (min-width: 768px){
table.cart td.product-remove, th.product-remove {
    padding: 0;
  }}

/* social icons in top secondary menu https://fontawesome.com/icons */
.secondary-navigation a[href*="spotify.com"], .secondary-navigation a[href*="facebook.com"], .secondary-navigation a[href*="instagram.com"], .secondary-navigation a[href*="youtube.com"], .secondary-navigation a[href*="apple.com"], .secondary-navigation a[href*="google.com"], .secondary-navigation a[href*="discord.gg"], .secondary-navigation a[href*="twitch.tv"], .secondary-navigation a[href*="twitter.com"], .secondary-navigation a[href*="random"] {
  text-indent: -9999px; }

.secondary-navigation .menu a {
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.secondary-navigation .menu {
  font-size: 1.2em;}

.secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="instagram.com"]:after,.secondary-navigation a[href*="youtube.com"]:after, .secondary-navigation a[href*="apple.com"]:after, .secondary-navigation a[href*="google.com"]:after, .secondary-navigation a[href*="spotify.com"]:after, .secondary-navigation a[href*="discord.gg"]:after, .secondary-navigation a[href*="twitch.tv"]:after, .secondary-navigation a[href*="twitter.com"]:after, .secondary-navigation a[href*="random"]:after {
	
    text-indent: 0;
    display: block;
    float: left;
    font-family: "Font Awesome 5 Brands";
    font-weight: 400; }
.secondary-navigation a[href*="youtube.com"]:after {
  content: "\f167";
  color: #c4302b; }
.secondary-navigation a[href*="instagram.com"]:after {
  content: "\f16d";
  color: #E1306C; }
.secondary-navigation a[href*="facebook.com"]:after {
  content: "\f09a";
  color: #4267B2; }
.secondary-navigation a[href*="soundcloud.com"]:after {
  content: "\f1be";
  color: #ff7700; }
.secondary-navigation a[href*="google.com"]:after {
  content: "\f1a0";
  color: #4285f4; }
.secondary-navigation a[href*="apple.com"]:after {
  content: "\f179";
  color: #a3aaae; }
.secondary-navigation a[href*="spotify.com"]:after {
  content: "\f1bc";
  color: #1db954; }
.secondary-navigation a[href*="discord.gg"]:after {
	content: "\f392";
	color: #5865F2; }
.secondary-navigation a[href*="twitch.tv"]:after {
	content: "\f1e8";
	color: #6441a5; }
.secondary-navigation a[href*="twitter.com"]:after {
	content: "\f099";
	color: #00acee; }
.secondary-navigation a[href*="random"]:after {
	font-family: "Font Awesome 5 Free";
	content: "\f522";
	color: #eeeeee; }

/* remove footer padding */
@media (min-width: 768px){
.footer-widgets {
  padding-top: 0;}
.site-info {
    padding: .5em 0;}
}
/* Fix margin on product review stars on single product page */
.single-product div.product .woocommerce-product-rating {
    margin-top: 0em;
}

/* 2 wide on mobile */
ul.products li.product {
	width: 46.411765%;
	float: left;
	margin-right: 5.8823529412%;
}

ul.products li.product:nth-of-type( 2n ) {
	margin-right: 0;
}

@media ( min-width: 768px ) {
	ul.products li.product:nth-of-type( 2n ) {
		margin-right: 5.8823529412%;
	}
}

@media (min-width: 768px) {
.site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
    margin-top: 10px;
	}

	
/* Reduce bottom padding on woocommerce product page headings */
.storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header {
    padding: 0 0 1.5em;
	}

}