/* Description: This stylesheet contains a number of style changes that are always needed, as well as providing the structure for the style.css
   It will be loaded before style.css and can be safely overridden.
   
   <IMPORTANT!>

   Never edit the latest file directly, rather create a copy of it with an incremented version number, both in file description and in file name. Set the correct version in wp-config-cpu.php for the latest and
   if a specific store is need of a new version then set it's wp-config.php to have the needed style versioning.
   
   <IMPORTANT!/>

   Version: 1_0

   @since 1_0 2022-02-01 LMW Initial version

*/

/* Includes   (imports)
*/

/* Variables (colours, fonts)
*/

/* Woocommerce Settings
*/

#shipping_country_field .select2-selection__rendered, 
#billing_country_field .select2-selection__rendered {
	overflow: auto;
}

.required, 
.stock.out-of-stock {
   color: #ee0000;
}


.woocommerce-error {
   background-color: #ee0000;
}

/* Cart
*/

table.cart td.actions label {
   display: inline-block;
   margin: 0 1em;
}

.storefront-sticky-add-to-cart__content-price {
   opacity: 1;
}

.site-header-cart .cart-contents .count {
   opacity: 1;
   font-size: 1rem;
}

/* Checkout
*/

/* Site-wide settings
*/

body {
   font-family: var(--paragraph);
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.wc-block-grid__product-title {
   font-family: var(--heading);
}

.site-footer h1, 
.site-footer h2, 
.site-footer h3, 
.site-footer h4,
.site-footer h5, 
.site-footer h6, 
.site-footer .widget .widget-title,
.site-footer .widget .widgettitle {
   font-family: var(--heading);
}

.storefront-breadcrumb {
	margin: 0;
}

/* Header
*/

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

.site-header .col-full::before,
.site-header .col-full::after {
	display: none;
}

.site-header > .col-full {
	display: flex;
	align-items: center;
	justify-content: space-between;
   padding: 1em 0;
}

.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
	width: auto;
	margin: 0;
}

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
	width: auto;
	margin: 0;
	margin-left: auto;
}

.woocommerce-active .site-header .site-search {
	width: auto;
	margin: 0;
}

@media (max-width: 767px) {
   .site-header > .col-full {
      justify-content: center;
   }
   .site-header .site-logo-anchor img, 
   .site-header .site-logo-link img,
   .site-header .custom-logo-link img {
      margin: auto;
   }
}

/* Primary navigation
*/

/* Secondary navigation
*/

/* Handheld navigation
*/

/* Frontpage banner
*/

.header-widget-region > .col-full {
   padding: 0;
   max-width: 100%;
   margin: 0;
}

.header-widget-region .widget {
   padding: 0;
   margin-bottom: 4em;
}

body:not(.home) .header-widget-region .widget {
   display: none;
}

.wp-block-cover-image .wp-block-cover__inner-container, 
.wp-block-cover .wp-block-cover__inner-container {
   max-width: 76em;
   margin-left: auto;
   margin-right: auto;
}

@media (max-width: 1200px) {
   .wp-block-cover-image .wp-block-cover__inner-container, 
   .wp-block-cover .wp-block-cover__inner-container {
      margin-left: 2.617924em;
      margin-right: 2.617924em;
   }
}

/* Content
*/

ul.products, 
.wc-block-grid__products {
   display: flex;
   flex-wrap: wrap;
}

ul.products li.product {
   display: flex;
   justify-content: center;
   flex-direction: column;
   justify-content: space-between;
}

/* Before footer widget region
*/

/* Footer
*/

.footer-widgets {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding: 2rem 0;
   width: auto;
   border-bottom: none;
}

.footer-widgets .block {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.footer-widgets.col-3 .block, 
.footer-widgets .block {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
}

.footer-widgets .block .widget {
   flex-wrap: wrap;
   width: 100%;
   padding: 0 1em;
}

@media (max-width: 767px) {
   .footer-widgets {
      flex-direction: column;
  }
}

/* Social media
*/

.social-media-column {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.social-media-column ul {
	margin: 0;
	list-style: none;
	margin-bottom: 1em;
}

.social-media-column ul li {
	margin: 0em 0.5em;
	float: left;
	cursor: pointer;
	transition: all 0.2s ease;
	width: 25px;
	height: 25px;
	line-height: 75px;
	cursor: pointer;
	float: left;
	transition: all 0.2s ease;
}

.social-media-icon > a, .social-media-icon > a:not(.button):not(.components-button) {
	position: absolute;
	width: 25px;
	height: 25px;
	text-align: center;
}

.social-media-column ul li.social-media-icon > a {
   background-repeat: no-repeat;
   background-position: left center;
}

/* After footer widget region
*/

.after-footer {
   margin-bottom: 4em;
}

/* Miscellaneous
*/