/*******************************************
  HEADINGS – KEEP BOLD, CLEAN TYPE
********************************************/
h1, h2, h3, .entry-title, .wp-block-heading {
  font-family: "Montserrat", "Oswald", Arial, sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.4px;
}

/*******************************************
  LOGO – ROUNDED, CENTERED, NICE SIZE
********************************************/

/* Center the logo container */
.custom-logo-link,
.site-logo {
  display: block;
  text-align: center;
}

/* Style the logo image itself */
.custom-logo-link img,
.site-logo img {
  height: auto;
  width: 400px;           /* you can reduce to 300px if needed */
  max-width: 100%;        /* keeps it responsive on smaller screens */
  border-radius: 12px;    /* rounded corners */
  overflow: hidden;
  border: 3px solid #ffffff;   /* white border for contrast */
  margin: 16px auto;      /* some breathing room above/below */
}

/*******************************************
  MAIN NAVIGATION – STICKY, SLIGHTLY OPAQUE
********************************************/

/* Make only the navigation bar sticky & full-width */
#site-navigation,
.main-navigation {               
  background: transparent;      
  padding: 10px 0;                   /* height of the bar */
  border-bottom: 3px solid #C8102E;  /* A-FAB red accent line under nav */
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);  /* soft shadow for depth */
}

/* Center the menu horizontally */
#site-navigation .menu,
.main-navigation .menu {
  display: flex;
  justify-content: center;
  align-items: center;          /* space between links */
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Base styles for menu links */
#site-navigation .menu a,
.main-navigation .menu a {
  color: #ffffff;
  text-decoration: none;
  font-family: "Montserrat", "Oswald", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 4px 0;
  text-transform: none;
}

/* Only on the home page */
.site-header,
.site-header-main,
.main-navigation {
    margin-bottom: 0 !important;
    padding-bottom: 4px !important;
	margin-top: 0 !important;
    padding-top: 10px !important;
}