.no-js .top-bar {
		  display: none;
		}
		@media screen and (min-width: 40em) {
		  .no-js .top-bar {
		    display: block;
		  }
		  .no-js .title-bar {
		    display: none;
		  }
		  }

/*
.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: linear-gradient(to bottom right, rgba(225, 208, 208, 0.92) 65%, rgba(250, 246, 246, 0.97) 100%);
}
*/

/*
.site-content {
  flex: 1;
}
*/

/* newer*/
html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

header {
  flex-shrink: 0;
}

main {
  flex: 1;
}

footer {
  flex-shrink: 0;
    background-color: #f0f0f0;
  padding: 10px;
}





/* Custom styles for the menu */
			.top-menu ul {background: none; font-family: 'Mohave', sans-serif; font-weight: 600; text-transform: uppercase;    /* text-shadow: 1px 1px 1px #2e2e2e; */}			
			.top-menu ul li a:link {color: #8b746e; font-size: 1.6rem; }
			.top-menu ul li a:visited {color: #8b746e;}
			.top-menu ul li a:hover {color: #ae9b74; cursor: pointer; } 
			.top-menu ul li a:active {color: #ffffff; text-decoration: none;}
			.top-menu ul li ul {background: rgba(234, 224, 224, 0.9);  font-size: .5rem;}
			.top-menu ul li ul li a:link {font-size: 1.2rem; line-height: normal; padding-bottom: 0px; margin-bottom: 0; color: #8b746e;}
			.sidecar li a:link {color: #8b746e; margin: .2em; padding: .2em;}
			.sidecar li a:visited {color: #313131;}
			.sidecar li a:hover {color: #ae9b74; cursor: pointer; }
			.sidecar li a:active {color: #313131; text-decoration: none;}
			#offCanvasLeftOverlap {background: linear-gradient(to bottom right, rgba(225, 208, 208, 0.92) 85%, rgba(250, 246, 246, 0.97) 100%); }
			.hamlabel {margin-top: 1em; color: #8b746e; font-family: 'Mohave', sans-serif; font-weight: 600; text-transform: uppercase;}
			.try-center {text-align: center;}
			.listwrapper {
  background-color: rgba(229, 240, 219, 0.69);
  padding: .5em;
  padding-top: 1em;
  border-radius: 5px;
  border-bottom-right-radius: 90px; /* Increased lower-right border radius */
}			.listwrapper li {color: #333131; text-align: left; font-family: "Sen", sans-serif; font-size: 1.1em; }
			
			.is-drilldown-submenu-parent > a::after,
			.is-dropdown-submenu li.is-dropdown-submenu-parent.opens-right > a::after {border-color: transparent transparent transparent #631b07;}
			.js-drilldown-back > a::before {border-color: transparent #8b746e transparent transparent;}
			.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: #8b746e transparent transparent transparent;}
			
			header {
/* 	background-color: rgba(229, 218, 209, 0.2);  */
	text-align: center; position: relative; }
section {
/* 	background-color: rgba(193, 159, 159, 0.92); */
	margin-bottom: 1em; margin-top: 1.5em; position: relative;}
/*
h1.logofont {
  font-family: "Tinos", serif;
  font-weight: 700;
  font-style: normal;
  color: #616161;
  font-size: 8em;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sublogo {
  font-family: "Tinos", serif;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  color: #616161;
  font-size: 2em;
  margin-top: 0;
  padding-top: 0;
}
*/
/* 2026 fonts */
h1 {font-size: 3em; color: #333131; font-family: "Mohave", sans-serif; font-weight: 400; font-style: normal; font-variant: small-caps; margin-bottom:0; padding-bottom: 0; line-height: 1em;}
.pageflag {font-size: 2.5em; color: #554e4e; font-family: "Mohave", sans-serif; font-weight: 400; font-style: normal; font-style: lowercase; text-align: right;}

.logosubtitle {font-family: "Mohave", sans-serif; font-size: 1.2em; font-variant:normal; margin-top: 1em; padding-top: 0;line-height: 0;color: #333131; }
.leader {background-color: #E5F0DB; border-radius: 10px; padding: 1em; text-align: center;}
.leader h2 {font-size: 2em; color: #333131; font-family: "Sen", sans-serif; font-weight: 400; font-style: normal; }
.stickout {color: #ff2700}
.section-title {font-size: 2.5em; color: #333131; font-family: "Mohave", sans-serif; font-weight: 400; font-style: normal; font-variant: small-caps; margin-bottom:0; padding-bottom: 0; line-height: 1em;}
.bodycopy p {color: #333131; text-align: left; font-family: "Sen", sans-serif; font-size: 1.2em;}
.greendot h3 {font-size: 2em; color: #333131; padding: .8em; font-family: "Sen", sans-serif;}
.greendot {background-color: #E5F0DB;
  border-radius: 50%;
  padding: .5em; /* Adjust padding as needed */
  text-align: center; /* Center text horizontally */
  display: inline-block; /* Display as inline-block to allow for vertical centering */
  line-height: 1.2; /* Adjust line height for better vertical spacing */
}
.greedot-law {line-height: 1.4}
.padmore {padding: 1.5em; font-size: .95em;}
.impact-bubble {padding: 2em; font-size: .85em; line-height: 1.4;}
.sizeup {text-transform: uppercase; }
.pushdown {margin-top: 4em;}
.smallpush {margin-top: 1em;}
.fineliner {margin-bottom: 1em; height: 1px; background: #d7b0e6; background: -webkit-gradient(linear, 0 0, 100% 0, from(#fbeffb), to(#ffe6ff), color-stop(50%, #6b5612)); z-index:100; position: relative; }
.makespace {margin-bottom: 1em;}
.captioner {font-size: .8em; font-style: italic; color: #333131;}
p.purplereverse {background: rgba(250, 217, 176, 0.51); color: #9a0c9a; border-radius: 10px; padding: 1em; font-size: 1.3em;}





/* end of */

.boundary {background: linear-gradient(to bottom right, rgba(211, 184, 184, 0.92) 65%, rgba(250, 246, 246, 0.97) 100%); box-shadow: 0px 2px 3px 2px rgba(143, 123, 123, 0.5); border-radius: 10px}
.content {padding-top: 1.5em;color: #616161;}
 h2.spacey {font-family: "Sen", sans-serif; font-weight: 400; font-style: normal; color: #616161; font-size: 2.5em; text-align: left;}
 .content h3 {font-family: "Sen", sans-serif; font-weight: 600; font-style: normal; color: #616161; font-size: 1.3em; text-align: left;}
 .content p {font-family: "Mohave", sans-serif; font-weight: 400; font-style: normal; color: #616161; font-size: 1.6em; text-align: left;}
 .content h4.pullquote {font-family: "Sen", sans-serif; font-weight: 600; font-style: normal; color: #C31E9A; font-size: 2.5em; text-align: center; text-transform: uppercase; text-shadow: 0px 1px 1px black;  background: linear-gradient(to bottom left, rgba(211, 184, 184, 0.92) 65%, rgba(250, 246, 246, 0.97) 100%);border-radius: 8px; padding: .3em; }
 .trustee-panel {background: linear-gradient(to bottom left, rgba(239,225,225,0.92) 65%, rgba(250,246,246,0.97) 100%); padding: 2em; border-radius: 8px;}
/*
 .trustee-panel {background: linear-gradient(to bottom left, rgba(211, 184, 184, 0.92) 65%, rgba(250, 246, 246, 0.97) 100%); padding: 2em; border-radius: 8px;}
 
*/
 .trustee-panel h4 {font-family: "Sen", sans-serif; font-weight: 400; font-style: normal; color: #541b07; font-size: 2.2em; text-align: left; text-transform: capitalize; }
 .role {font-size: .8em;}
 .goright-profile {float: right; max-width: 50%; rotate: -3deg; margin: .5em; background:#e3d6d6; padding: .1em;border-radius: 5px;}
.bordered {border: 1px solid #2c2b2b}
a:link {color: #a49362;}
a:visited {color: #a49362;}
a:hover {color: #c3914a;}
a:active {color: #ffffff;}

.theaddress p {font-size: 1.4em;}
.liner {margin: 3em 0; height: 1px; background: #d7b0e6; background: -webkit-gradient(linear, 0 0, 100% 0, from(#fbeffb), to(#ffe6ff), color-stop(50%, #6b5612)); z-index:100; position: relative; }
.profile-liner {margin: .1em 0; height: 1px; background: #d7b0e6; background: -webkit-gradient(linear, 0 0, 100% 0, from(#fbeffb), to(#ffe6ff), color-stop(50%, #6b5612)); z-index:100; position: relative; }

.logo-border {border: 1px solid #221816; padding: 4px; border-radius: 50%;}




.highlighter {background: linear-gradient(to top left, rgba(211, 184, 184, 0.92) 65%, rgba(250, 246, 246, 0.97) 100%);
 padding: 1em;
 line-height: 1.5em;
 margin: 1em;
 border-radius: 5px;
 text-align: left;}
 
 .extraspacey {margin-top: 2em;}
 
 #footer {color: #3c3939}
 
 .left-aligned-dropdown-item {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-align: left;
}	




	 
/* Small only */
@media screen and (max-width: 39.9375em) {
	
	h1 {font-size: 2em; color: #333131; font-family: "Mohave", sans-serif; font-weight: 400; font-style: normal; font-variant: small-caps; margin-bottom:0; padding-bottom: 0; line-height: 1em;}
	.logosubtitle {font-family: "Mohave", sans-serif; font-size: 1em; font-variant:normal; margin-top: 1em; padding-top: 0;line-height: 0;color: #333131; }
.pageflag {font-size: 1.75em; color: #554e4e; font-family: "Mohave", sans-serif; font-weight: 400; font-style: normal; font-style: lowercase; text-align: right;}
.leader {background-color: #E5F0DB; border-radius: 10px; padding: 1em; text-align: center;}
.leader h2 {font-size: 1.3em; color: #333131; font-family: "Sen", sans-serif; font-weight: 400; font-style: normal; }
.section-title {font-size: 2em; color: #333131; font-family: "Mohave", sans-serif; font-weight: 400; font-style: normal; font-variant: small-caps; margin-bottom:0; padding-bottom: 0; line-height: 1em;}
.bodycopy p {font-size: .9em;}
.greendot h3 {font-size: 1.5em; color: #333131; padding: .8em; font-family: "Sen", sans-serif;}
.finelinerup {margin-top: 1em; height: 1px; background: #d7b0e6; background: -webkit-gradient(linear, 0 0, 100% 0, from(#fbeffb), to(#ffe6ff), color-stop(50%, #6b5612)); z-index:100; position: relative; }

 .trustee-panel {background: linear-gradient(to bottom left, rgba(239,225,225,0.92) 65%, rgba(250,246,246,0.97) 100%); padding: .5em; border-radius: 5px;}
 .trustee-panel h4 {font-family: "Sen", sans-serif; font-weight: 400; font-style: normal; color: #541b07; font-size: 1.5em; text-align: left; text-transform: capitalize; }
 .role {font-size: .8em;}
 .goright-profile {float: right; max-width: 50%; rotate: -3deg; margin: .5em; background:#e3d6d6; padding: .1em;border-radius: 5px;}
	 
/*
	 h1.logofont {
  font-family: "Tinos", serif;
  font-weight: 700;
  font-style: normal;
  color: #616161;
  font-size: 3em;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sublogo {
  font-family: "Tinos", serif;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  color: #616161;
  font-size: 1em;
  margin-top: 0;
  padding-top: 0;
}
*/
/*
.top-menu ul li a:link {color: #0D984A; font-size: 1.1rem; background: #ffffff; border-radius: 50px; padding: .1em; padding-left: .6em; padding-right: .6em; margin-left: .6em; border: 3px solid #0D984A; }
			.top-menu ul li a:visited {color: #0D984A;}
			.top-menu ul li a:hover {color: #63eb9e; cursor: pointer;}
			.top-menu ul li a:active {color: #0D984A; text-decoration: none;}
			.top-menu ul li ul {background: none;);  font-size: .5rem; border: none;}
.dropback {background: #adf2be}
*/

.linkout {font-size: 1.1em;}
.copyright {font-size: 1em;}
#footer {font-size: .6em; z-index: 110; position: relative;}

}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}