.hero{
	background-color: #396321;
	text-align: center;
  position: sticky;
  top: 0;
  z-index: 1
}

.hero .subtitle{
	color:white;
  font-weight: bold;
}

.is-horizontal-center {
  justify-content: center;
}

.centered{
  margin:auto;
}

.welcome{
  padding:3em 0em 0em 0em;
}


img.logo-header{
  width:210px;
}

img.testimonial_quote{
  width:70%;
  opacity: 0.9;
}

.max300{
  max-height: 300px;
}

.greenie{
	background-color: #396321;
	color: white;
}

div.contact{
	text-align: center;
}

.redirector{
	text-align: center;
}

/*.redirector .button{
	width: 25px;
	height: 25px;
}*/

.contact .button{
	background-color:  #396321;
	color:white;
	padding:2em;
}

.learn-more, .learn-more p{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}




div.mini-image{
  text-align: center;
}

.contact-form input, .contact-form textarea{
  width:100%;
}

ul li{
	list-style-type: disc;
	margin-left: 2em;
}

h1.title, p.subtitle{
	text-align: center;
  font-size: 1em;
  text-decoration: none;
  font-weight: normal;
}

.title_logo{
  padding:40px 0px 0px 0px;
}

h1{
	font-size: 2em;
}

h1.title{
  font-size: 1.4em;
}

h2{
	font-size: 1.5em;
	padding-top: 1em;
}

.greenie h2, .greenie h3{
  color:white;
}


/* unvisited link */
.greenie a:link, p.subtitle a:link {
  color: white;
  text-decoration: underline;
}

/* visited link */
.greenie a:visited, p.subtitle a:visited {
  color: white;
  text-decoration: underline;
}

/* mouse over link */
.greenie a:hover, p.subtitle a:hover {
  color: white;
  text-decoration: underline;
}

/* selected link */
.greenie a:active, p.subtitle a:active {
  color: white;
  text-decoration: underline;
}

/* Navbar styles */
.navbar-item, .navbar-link {
  text-decoration: none !important;
}

.navbar-item:hover, .navbar-link:hover {
  background-color: #2d4d19 !important;
  color: white !important;
}

.navbar-dropdown {
  background-color: #396321 !important;
}

.navbar-dropdown .navbar-item {
  color: white !important;
}

.navbar-dropdown .navbar-item:hover {
  background-color: #2d4d19 !important;
}

.navbar-link:not(.is-arrowless)::after {
  border-color: white !important;
}

.navbar-burger span {
  background-color: white !important;
}

@media screen and (max-width: 1023px) {
  .navbar-menu {
    background-color: #396321 !important;
  }
}

/* Scroll offset for anchor links to account for fixed navbar */
html {
  scroll-padding-top: 80px;
}

/* Alternative method using pseudo-elements for older browsers */
*[id]:before {
  content: '';
  display: block;
  height: 80px;
  margin-top: -80px;
  visibility: hidden;
}

/* Add spacing below navbar */
body {
  padding-top: 82px;
}

.section.title_logo {
  padding-top: 30px;
}

.ei-guide{
  background-color: #396321;
  color: white;
}
/* unvisited link */
a:link {
  color: #396321;
  text-decoration: underline;
}

/* visited link */
a:visited {
  color: #396321;
  text-decoration: underline;
}

/* mouse over link */
a:hover {
  color: #396321;
  text-decoration: underline;
}

/* selected link */
a:active {
  color: #396321;
  text-decoration: underline;
}

/* unvisited link */
.greenie h1.green-text a:link {
  color: #396321;
  text-decoration: none;
}

/* visited link */
.greenie h1.green-text a:visited {
  color: #396321;
  text-decoration: none;
}

/* mouse over link */
.greenie  h1.green-text a:hover {
  color: #396321;
  text-decoration: none;
}

/* selected link */
.greenie h1.green-text a:active {
  color: #396321;
  text-decoration: none;
}


/* unvisited link */
.redirector h2 a:link {
  color: #396321;
  text-decoration: none;
}

/* visited link */
.redirector h2 a:visited {
  color: #396321;
  text-decoration: none;
}

/* mouse over link */
.redirector h2 a:hover {
  color: #396321;
  text-decoration: none;
}

/* selected link */
.redirector h2 a:active {
  color: #396321;
  text-decoration: none;
}

/* Media logo styling for research page */
img.media-logo {
  max-width: 150px;
  padding: 20px;
  margin: 20px auto;
  display: block;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #ffffff;
}

/* Content photo styling - rounded borders and subtle box shadow */
img.content-photo {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Photo with box shadow only - no rounded borders */
img.photo-shadow {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Footer site map styling */
.footer h4.footer-heading {
  color: white;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 1em;
  padding-top: 1em;
}

.footer ul.footer-links {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.footer ul.footer-links li {
  list-style-type: none !important;
  margin-left: 0 !important;
  margin-bottom: 0.5em;
}

.footer ul.footer-links li a {
  color: white;
  text-decoration: none;
}

.footer ul.footer-links li a:hover {
  text-decoration: underline;
}





