/**
Theme Name:  ESTMJS
Author:      Clarke Website Design Ltd
Author URI:  https://www.clarkedesign.co.uk
Description: ESTMJS
Version:     2.1.7
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: estmjs
Template:    astra
*/

/* Theme customization starts here
   Colours are also defined in the Astra Theme
------------------------------------------------------- */

:root {
  /* Brand colours */
  --colour-primary:         hsl(186 85% 30%);
  --colour-primary-dark:    hsl(186 75% 30%);

  /* Neutral palette */
  --colour-charcoal:        hsl(191 31% 13%);
  --colour-slate:           hsl(194 13% 31%);
  --colour-grey:            hsl(192 11% 56%);
  --colour-grey-light:      hsl(none 0% 75%);
  --colour-grey-lighter:    hsl(187 24% 93%);
  --colour-white:           hsl(0 0% 100%);
  --colour-black:           hsl(0 0% 0%);

  /* Accent colours */
  --colour-accent-red:      hsl(5 59% 44%);
  --colour-accent-gold:     hsl(36 75% 43%);

  /* Site Colours */
  --colour-site-background: var(--colour-white);
  --colour-site-text:              var(--colour-black);
  --colour-site-headings:          var(--colour-charcoal);

  /* Menu Buttons */
  --colour-menu-button:            var(--colour-primary);
  --colour-menu-button-background: var(--colour-grey-lighter);
}

.menu-private {

}

header.entry-header .entry-title {
  font-size:      1rem;
  text-transform: uppercase;
  color:          var(--colour-grey-light);
}

/* Target the Gutenberg list block */
ul.list-horizontal {
  display:    flex; /* Core horizontal setup */
  flex-wrap:  wrap; /* Wraps items to next line on small screens */
  list-style: none; /* Removes standard bullet points */
  padding:    0; /* Removes default list indentation */
  margin:     0; /* Resets default margins */
  gap:        40px; /* Controls the spacing between items */
}

/* Optional: Align items perfectly in the center vertically */
ul.list-horizontal li {
  display:     inline-flex;
  align-items: center;

  a {
    margin-inline-start: 4px;
  }
}