h1, h2, h3, h4, h5, h6, body, button, input, textarea {
	font-family: "Lato", "Helvetica Neue", Verdana, Arial, sans-serif;
}

button.menu-toggle, button.menu-toggle:hover {
		color:#ffffff
}

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

			.site-footer {
				background-color: #ffffff;

			}

.storefront-breadcrumb .col-full {
		background-color: #ffffff;
		padding-bottom: 1em;
		
}

.woocommerce-breadcrumb {
  padding-top: 3em;
}

.left-sidebar .widget-area {
	margin-top: 1.2em;
}

.site-header-cart .widget_shopping_cart {
					background-color: #F5F5F5;
				}

				.site-header-cart .widget_shopping_cart .buttons,
				.site-header-cart .widget_shopping_cart .total {
					background-color: #F5F5F5;
				}

			table:not( .has-background ) th {
				background-color: #F5F5F5;
			}

			table:not( .has-background ) tbody td {
				background-color: #FFFFFF;
			}

			table:not( .has-background ) tbody tr:nth-child(2n) td,
			fieldset,
			fieldset legend {
				background-color: #FFFFFF;
			}

			#payment .payment_methods > li .payment_box,
			#payment .place-order {
				background-color: #F5F5F5;
			}

			#payment .payment_methods > li:not(.woocommerce-notice) {
				background-color: #F5F5F5;
			}

			#payment .payment_methods > li:not(.woocommerce-notice):hover {
				background-color: #F5F5F5;
			}


.woocommerce-breadcrumb a:first-of-type::before {
	display:inline;

}

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

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
      padding: 0.3em 0.7em; 
}

    .site-header-cart .cart-contents {
			padding: 0.3em 0;
}

.woocommerce-active .site-header .main-navigation {
    width: 80%;
    margin-right: 0%;

}


.site-title {
  display: none;
}

.site-header {
	height: 98px;
	
}

.site-search {
	margin-bottom: 10px;
}

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

header#masthead {
  background-repeat: no-repeat;
	background-position: left;

	max-width: 71.7em;
	margin-left: auto;
  margin-right: auto;

}


header#masthead .col-full {
		
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px
				
				/* max-width: 66.4989378333em; */
		
}

#content .col-full {
	background-color: #ffffff;
}

.storefront-primary-navigation {
	background-color: #ffffff;
	border-bottom: 1px solid #EDEDED;
	padding-left: 2.61792em;

}

.secondary-navigation a[href*="facebook.com"], .secondary-navigation a[href*="twitter.com"] {
  text-indent: -9999px; 
 }

.secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="twitter.com"]:after {
    text-indent: 0;
    display: block;
    float: left; 
 }

.secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="twitter.com"]:after {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400; 
 }

.secondary-navigation a[href*="twitter.com"]:after {
  content: "\f099";
  color: #00aced; }

.secondary-navigation a[href*="facebook.com"]:after {
  content: "\f09a";
  color: #ffffff; }


.site-footer  .storefront-handheld-footer-bar a:not(.button):not(.components-button) {
    color: #fff;
}

.storefront-handheld-footer-bar ul li.cart .count {
    background-color: #fff;
    color: #020a7d;
    border-color: #020a7d;
}

@media screen and (min-width: 768px) {
		
		.site-header {
    	padding-top: 0;
				height: 80px;
		
		}
		
  .storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
    width: 68%;
    float: left;
    margin-right: 1%; }
		
		
		
  .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
    
			width: 8%;
    float: left;
    margin-right: 1%; 
		
		margin-top: 1em;
		}
		
         .woocommerce-active .site-header .site-branding img {
          max-width: 100%;  
          }
		
		  .site-branding {
    margin-bottom: 0em; }
		
		.woocommerce-active .site-header .site-search {
				margin-top: 1em;
		}
		
		
}

@media (max-width: 768px) {
  .col-full {
    padding: 1em; } 

		.site-header .custom-logo-link img {
    width: 150%;
    max-width: 768px;
}

}