:root{

	--color-blue: #87bcde;
	--color-licorice: #1c110a;
	--color-red: #da344d;
	--color-vanilla: #e4d6a7;
	--color-yellow:#e9b44c;
		--color-dark:#000;
	--color-link:#0645AD;
		--color-link-hover:#0B0080;
		
}

/* Fonts*/
body {
  font-family: poppins, sans-serif;
}

/*HEADER*/

/*hours*/
#masthead .hgroup{padding-top:0px;}
#hours{
		font-size:17px;
		color: var(--color-dark);
		font-weight:500;
		margin: 0em 5em;
}
/*Search the Catalog*/
/* Screen-reader-only label */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.catalog-search {
  max-width: 420px;
  margin: 1.5rem 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.catalog-search__inner {
  display: flex;
  align-items: stretch;
  gap: 0.35rem;
}

/* Input field */
#catalog-search-input {
  flex: 1;
  padding: 0.7rem 0.9rem;
  font-size: 1rem;
  border-radius: 0.6rem;
  border: 1px solid #d2c6b8;       /* soft warm neutral */
  background-color: #fdf7f0;       /* warm light background */
  color: #2b2520;
}

#catalog-search-input::placeholder {
  color: #8b7b6e;
}

/* Button */
.catalog-search__button {
  padding: 0.7rem 1.2rem;
  border-radius: 0.6rem;
  border: none;
  background: #f4a261;             /* warm friendly orange */
  color: #2b2520;
  font-size: 1.8rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
		margin-right: 24px;
}

/* Hover / active */
.catalog-search__button:hover {
  background: #f18b42;
}

.catalog-search__button:active {
  background: #e1782f;
}

/* Focus – big, clear, accessible */
#catalog-search-input:focus-visible,
.catalog-search__button:focus-visible {
  outline: 3px solid #2a9d8f;      /* teal accent */
  outline-offset: 2px;
}

/* Button styling */
.retro-search__button {
  padding: 0.65rem 1.3rem;
  border-radius: 0 999px 999px 0;          /* pill shape, right side */
  border: 2px solid #1d3557;
  border-left: none;                       /* merge with input border */
  background: #f77f00;                     /* retro orange */
  color: #fffaf0;
  font-size: 0.95rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  box-shadow: 0 3px 0 #b35400;             /* subtle “pressed” retro shadow */
}

/* Hover / active */
.retro-search__button:hover {
  background: #f48c06;
}

.retro-search__button:active {
  transform: translateY(1px);
  box-shadow: 0 2px 0 #b35400;
}

/* Focus styles for accessibility */
#catalog-search-input:focus-visible,
.retro-search__button:focus-visible {
  outline: 3px solid #ffdd57;              /* high-contrast yellow */
  outline-offset: 2px;
}

/* Text input */
#catalog-search-input {
  flex: 1;
  padding: 0.6rem 0.8rem;
  border: 2px solid #005a9c;      /* strong contrast */
  border-radius: 999px 0 0 999px; /* pill shape, left side */
  font-size: 1.8rem;
  line-height: 1.2;
}

/* Ensure placeholder is readable */
#catalog-search-input::placeholder {
  color: #666;
}

/* Button */
#catalog-search-button {
  padding: 0.6rem 1.2rem;
  border: 2px solid #005a9c;
  border-left: none;              /* merges with input border */
  border-radius: 0 999px 999px 0; /* pill shape, right side */
  background: #005a9c;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  min-width: 90px;
}

/* Hover / active states */
#catalog-search-button:hover {
  background: #004377;
}

#catalog-search-button:active {
  background: #00335a;
}

/* Focus states (accessibility) */
#catalog-search-input:focus-visible,
#catalog-search-button:focus-visible {
  outline: 3px solid #ffcc33; /* high-contrast focus ring */
  outline-offset: 2px;
}

/* Nav */
.main-navigation{display:none;}
#nav-row{padding: 0em 0em 0em 7em !important;}
#nav-menu a{
		font-family: poppins, sans-serif;
		font-weight: 800 !important;
		font-style: normal;
		font-size:16px;
		text-transform: uppercase;
		color: var(--color-dark) !important;
		letter-spacing: .9px;
}
#nav-menu li{padding:1em;}

#nav-menu a:hover {
  color: white !important;        /* When user hovers */
}
#nav-menu li:hover {
  background:var(--color-yellow);        /* When user hovers */
		padding:1em;

}

a:visited {
  color: var(--color-dark);   /* After the link has been clicked */
}

a:active {
  color: var(--color-yellow);     /* While the link is being clicked */
}
.widget_nav_menu ul.menu > li > ul.sub-menu{
		margin-top:2em !important;
		border-top: 2px solid var(--color-blue) !important;
}

/*CONTENT*/

/*font sizes*/
h1.entry-title{font-size: 3.6rem !important;}
h2{font-size: 3.0rem !important;}
h3{font-size: 2.4rem !important;}
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content li {
  font-size: 1.8rem;
}
/*links*/
.entry-content a {
  color: var(--color-link);              /* default blue */
  text-decoration: underline;
		font-size:1.8rem;
}

.entry-content a:visited {
  color: var(--color-link);              /* visited purple */
}

.entry-content a:hover,
.entry-content a:focus {
	color:	var(--color-link-hover);/* hover/focus navy */
  text-decoration: none;       /* optional, underline removed */
  outline: 2px solid #FFBF47;  /* WCAG-friendly focus indicator */
  outline-offset: 2px;
}
.wp-block-file__button{
		background: var(--color-vanilla);
		padding: 0 1rem 0 1rem;
}


/* Programs */
.programs h3{
		font-size:25px;
		font-weight: 700;
		color: var(--color-dark);
		text-align:center;
}
/* Fading Row*/
#fading-row h3{
		font-size:25px;
		font-weight: 700;
		color: var(--color-dark);
}
/*Libby Hover*/
.image-stack {
  position: relative;
  width: 300px;
  height: auto;
  cursor: pointer;
}

.image-stack img {
  display: block;
  width: 100%;
  height: auto;
}

.image-stack .top {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
}

.image-stack:hover .top {
  opacity: 0;
}

/*Newsletter*/
#newsletter{
		  background-image: url('https://brldev2.sals.edu/wp-content/uploads/2025/06/background2-scaled.jpeg');
  background-size: cover;       /* fill the div without distortion */
  background-position: center;  /* center the image */
  background-repeat: no-repeat; /* prevent tiling */
}
#signup{
		text-align:center;
		padding: 5em 0em;
}
#signup h2 a{
		color:white;
		font-size: 35px;
  line-height: 37px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}
#signup h2 a:hover{
		color:var(--color-red);

}
/*Colophon*/
#footer-widgets .widget .widget-title{
		font-family: poppins, sans-serif !important;
		color:var(--color-vanilla) !important;
		font-size:32px !important;
		font-weight:700 !important;
}
#footer-widgets .widget a{
		color:white;
		font-size:20px;
		font-weight:500;
}

/*
  #colophon{
		  background-image: url('https://brldev2.sals.edu/wp-content/uploads/2025/07/Adirondacks2-scaled.jpeg');
  background-size: cover;       
  background-position: center;  
  background-repeat: no-repeat;
}
*/