/*
Theme Name: Storefront Child
Theme URI: https://thegutfactor.co.uk
Description: Child theme for Storefront
Author: Tom Coady
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/
@import url('https/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/

@import url("../storefront/style.css");

//fonts.googleapis.com/css2?family=Syncopate:wght@300;400;700&display=swap');

/* Import Syncopate from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@300;400;700&display=swap');

/* Heading Styles using Syncopate */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Syncopate'
  line-height: 1.2;
  margin: 0 0 0.5em 0;
}

/* Syncopate Light (300) */
h1,
h3,
h5 {
  font-weight: 700; /* Light */
}

/* Syncopate Bold (700) */
h2,
h4,
h6 {
  font-weight: 300; /* Bold */
}

/* Optional: Adjust font sizes for hierarchy */
h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.75rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
}

/* Optional: Letter spacing for Syncopate's distinct look */
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.05em;
}

@media screen and (min-width: 768px) { 
 .woocommerce-active .site-header .site-branding img { 
   max-width: 45%; /* Adjust this percentage to make the logo larger or smaller. */ 
 }
}