.top-left-gallery-image {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 175%;
	color: #8c2b43;
	padding-left: 8px;
	padding-right: 8px;
}

.right-gallery-rating {
	position: absolute;
	top: 10px;
	right: 0px;
	font-size: 200%;
	font-weight: bold; 
	color: #ff5722;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
}

.button {
	background-color: #00796b !important;
	margin: 2px !important; 
}

.button:hover {
	background-color: #00695c !important;
	margin: 2px !important;
}

.is-checked {
	background-color: #004d40 !important;
	margin: 2px !important;
}

.gallery-header {
	background-color: lightgray !important;
	color: black !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.gallery-header-top {
	height: 65px !important;
	background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(244,244,244,1) 50%, rgba(255,255,255,1) 100%);
	padding-bottom: 0px !important;
}

.gallery-header-bottom {
	height: 60px !important;
	background: linear-gradient(0deg, rgba(211,211,211,1) 0%, rgba(222,222,222,1) 50%, rgba(233,233,233,1) 100%);
	padding-top: 5px !important;
}

.helmet-name {
	color:  #8c2b43;
	font-size: 120%;
}

.helmet-rating-expand {
	color: #ff5722;
}

.price {
	font-size: 120%;
}

.helmet-plot {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

@media only screen and (max-width: 750px) {
	.helmet-plot {
		width: 100%;
	}
}

.test-gif {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}


body p {
	font-size: 18px;
}

.collapsible {
	font-size: 18px;
}

@media only screen and (min-width: 800px) and (max-width: 992px) {
	.title-wrapper {
		margin-top: 125px !important;
	}
}

.collapsible a {
	color:  #00796b !important;
}

.dropdown-content a {
	color:  #00796b !important;
}

.tagline {
	font-size: 18px !important;
	line-height: 24px !important;
	margin-top: 8px !important;
	color:  white !important;
}

#contact-info a {
	color:  #00796b !important;
	font-weight: bold !important;
}

.name {
	font-weight: bold !important;
}

#lab-cover {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	margin-top: 20px;
}

.card-content {
	height: 120px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.card a {
	color:  #000000 !important;
	font-weight: bold !important;
	font-size: 18px !important;
}

.bottom-spacer {
	height: 30px;
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: 100% !important;
    -webkit-transform: translateX(-100%) !important;
            transform: translateX(-100%) !important;
	}
}

.back-btn {
	color: white !important;
	font-size: 18px !important;
}

.helmet-page {
	 background-color: white;
	 text-align: center;
	 padding-left: 20px;
	 padding-right: 20px;
	 padding-top: 10px;
}

.helmet-page-name {
	/*color: #8c2b43 !important;*/
}

.helmet-page-rating {
	color: #ff5722;
	font-size: 36px !important;
}

.helmet-page {
	box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
}

#helmet-page-back a {
	color:  #00796b !important;
	font-weight: bold !important;
	font-size: 24px !important;
	vertical-align: middle !important;
}

#helmet-page-photo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 300px;
}

@media only screen and (max-width: 750px) {
	#helmet-page-photo {
		width: 100%;
	}
}

.helmet-page-text {
	font-size: 18px !important;
}

.summary-list {
		font-size: 18px;
}

.report-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100% !important;
	margin-top: 20px;
	max-width: 600px !important;
}

.report-h2 {
	font-size: 36px !important;
}

.report-h3 {
	font-size: 30px !important;
}

.report-table {
			font-size: 18px;
}

.helmet-meta-list,
.certifications-list {
  margin: 0.5rem 0 1rem;
  padding-left: 1.2rem;
}

.helmet-meta-list li {
  margin: 0.1rem 0;
}

/* Footer base: mirrors your light gray gradients and 18px text */
.site-footer {
  background: linear-gradient(180deg, rgba(233,233,233,1) 0%, rgba(222,222,222,1) 60%, rgba(211,211,211,1) 100%);
  border-top: 1px solid #d0d0d0;
  color: #000;
  font-size: 18px;            /* matches body p / collapsible */
  padding: 14px 0 0;
  box-shadow: 0 -2px 6px rgb(0 0 0 / 6%);
}

/* Layout container */
.site-footer .footer-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

/* Brand uses your maroon + bold name class already in use */
.footer-brand .name {
  color: #8c2b43 !important;  /* consistent with .helmet-name */
  font-weight: bold !important;
}

/* Link styling consistent with your teal anchors */
.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.footer-links a {
  color: #00796b !important;
  font-weight: bold !important;
  text-decoration: none;
}
.footer-links a:hover {
  color: #00695c !important;  /* matches your hover teal */
  text-decoration: underline;
}

/* Contact line (keeps your teal for inline links) */
.footer-contact a {
  color: #00796b !important;
  font-weight: bold !important;
}

/* Bottom bar to echo your two-tier header look */
.site-footer .footer-bottom {
  margin-top: 10px;
  background: linear-gradient(0deg, rgba(211,211,211,1) 0%, rgba(222,222,222,1) 50%, rgba(233,233,233,1) 100%);
  text-align: center;
  padding: 8px 16px;
  border-top: 1px solid #cfcfcf;
  font-size: 16px; /* a touch smaller as small print */
  color: #555;
}

/* Mobile: stack and center */
@media only screen and (max-width: 750px) {
  .site-footer .footer-wrap {
    flex-direction: column;
    text-align: center;
    gap: 6px;
  }
  .footer-links {
    justify-content: center;
  }
}

/* Optional: fixed footer variant (use with .footer-fixed on <footer>) */
.footer-fixed {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 100;
}
body.has-fixed-footer { padding-bottom: 72px; } /* reserve space */

.footer-logo {
  height: 50px;       /* adjust as needed */
  width: auto;
  display: block;
}

.site-footer { clear: both; }