/* Exact size for the site title (header) */
.site-title,
.site-title a {
  font-size: 35px !important;   /* ← set your exact size */
  line-height: 1.6;
	letter-spacing: 0.03em;  
	text-transform: none;
}

/* Optional: mobile tweak */
@media (max-width: 782px) {
  .site-title,
  .site-title a { font-size: 30px !important; }
}

h2.site-description {
	color: grey;
	font-size: 20px;
}

h1.site-title {
  font-size: 2.5rem;   /* keep your desired size */
  color: #333;         /* title color */
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2)); 
  /* x-offset | y-offset | blur-radius | color */

}

h1.site-title a {
  letter-spacing: .4px !important;
}


/* Make each menu item a bit taller/clickable */
.main-navigation ul li a {
  padding-top: 18px;
  padding-bottom: 15px;
  line-height: 1.2;
}
/* Mobile tweak */
@media (max-width: 782px) {
  .main-navigation,
  #site-navigation {
    margin-top: 8px;          /* or padding-top: 8px; */
  }
}

/* NAV item typography */
.main-navigation a,
#site-navigation a,
.menu-primary a {
  font-family: 'Quattrocento Sans', Georgia, serif;   /* choose your font stack */
  font-size: 20px;                               /* size */
	color: brown;
  font-weight: 500;                              /* weight */
  letter-spacing: 0.02em;                        /* tracking */
  text-transform: none;                          /* or: uppercase */
  line-height: 1.2;
}

/* Hover effect */
.main-navigation a:hover,
#site-navigation a:hover,
.menu-primary a:hover {
  color: #333;       /* hover color – change to your palette */
  font-size: 20.5px;      /* slightly larger on hover */
}

/* Optional: a bit more click area */
.main-navigation li > a { padding: 10px 18px; }

/* NAV item typography */
.main-navigation a,
#site-navigation a,
.menu-primary a {
  color: #5472d3;
	font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  padding: 12px 16px;           /* space inside the box */
  background-color: #F6F7FC;   /* light background */
  border: 1px solid brown;      /* subtle border */
  border-radius: 2px;          /* slightly rounded corners (set to 0 for sharp square) */
  transition: all 0.25s ease;  /* smooth effect */
  margin: 0 px;               /* little space between tabs */
}

/* Hover effect */
.main-navigation a:hover,
#site-navigation a:hover,
.menu-primary a:hover {
  background-color: #D26466;   /* hover background */
  color: #fff;                 /* text color on hover */
  border-color: #D26466;       /* border matches background */
  transform: scale(1.05);      /* subtle “pop” */
}


/* Mobile tweak */
@media (max-width: 782px) {
  .main-navigation a,
  #site-navigation a { font-size: 15px; }
}

.site-header,
#masthead { border-bottom: 0 !important; box-shadow: none !important; }


/* Shrink header image (zoom out) */
.wp-custom-header img,
img.header-image {
  transform: scale(0.73);
  transform-origin: center center;
  display: block;
  margin: 0 auto;
}

/* Keep the header from staying tall */
.wp-custom-header {
  max-height: 320px;
  overflow: hidden;
}
/* Desktop default */
.wp-custom-header img,
img.header-image {
  transform: scale(0.73);
  transform-origin: center center;
  display: block;
  margin: 0 auto;
}

.wp-custom-header {
  max-height: 320px;
  overflow: hidden;
}

/* Tablets (and small laptops) */
@media (max-width: 1024px) {
  .wp-custom-header img,
  img.header-image {
    transform: scale(0.82);   /* not as tiny as desktop */
  }
  .wp-custom-header {
    max-height: 300px;
  }
}

/* Phones */
@media (max-width: 768px) {
  .wp-custom-header img,
  img.header-image {
    transform: scale(0.95);   /* nearly full size so it stays readable */
  }
  .wp-custom-header {
    max-height: 240px;
    overflow: hidden;
  }
}
/* Remove/reduce white space around header banner */
header#masthead.site-header {
  padding-top: 0 !important;
}


p {
	font-size: 20px;
}