/*
Theme Name: Military & Veterans Campus
Theme URI: https://militaryveteranscampusnh.org
Template: gesso
Author: Ryan Bolduc
Description: Child theme of the Gesso starter theme
Version: 1.0.0.1755659316
Updated: 2025-08-19 23:08:36

*/

html {
	scrollbar-gutter: stable;
}

/* Button Colors */
.is-style-secondary .wp-block-button__link, .is-style-secondary > a{
	background-color: #c12e33;
	border: 3px solid #c12e33;
}

/* Fix width on registration block */
.wp-block-button__link {
	width: auto;
}

.wp-block-button__link,.nav-button > a {
	border: 3px solid #c12e33;
}

/* Spacing */
.page-hero--no-image {
	padding-bottom: 0px;
}

/* Remove padding from page content */
.page:not(.home) .entry-content{
	padding-top: 0; 
	padding-bottom: 0;
  background: #ffffff;
}

/* Footer */
.l-footer {
	background: #004473;
	border-bottom: 20px solid #c12e33;
	margin-top: 0;
	padding-top: 2.5rem;
}

/* Campus card rounded top */
.mvc-card img {
	border-radius: 0px;
}

/* Accordian Summary Style */
.mvc-faqs summary{
	font-size: var(--wp--preset--font-size--medium);
}

.mvc-tilted-photo {
	transform: rotate(2.5deg) !important;
}

/* File download button */
.wp-block-file__button.wp-element-button {
	color: #ffffff;
}

/* MVC Campus Map */
.featherlight-close-icon.featherlight-close {
	background: #c12e33 !important;
	color: #ffffff !important;
	border-radius: 0px 0px 0px 10px;
}

.featherlight-close-icon.featherlight-close:hover{
	background: #ffffff !important;
	color: #c12e33 !important;
}
.featherlight-content{
border-radius: 10px;
min-width: 50%;
}

.hotspot-title {
display: none !important;
}

.mvc-lightbox {
display: flex;
flex-direction: column;
gap: 1rem;
font-family: "Roboto", sans-serif;
color: #2c2c2c;
line-height: 1.6;
}

.mvc-lightbox__image {
width: 100%;
max-height: 350px;
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 0.5rem;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.mvc-lightbox__content {
background-color: #ffffff;
padding: 1rem !important;
border-radius: 0.5rem;
border: 1px solid #ddd;
}

.mvc-lightbox__title {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.5rem;
color: #004473;
margin: 0 0 0.5rem;
}

.mvc-lightbox__description {
margin: 0 0 1rem;
font-size: 1rem;
}

.mvc-lightbox__features {
list-style: disc;
padding-left: 1.25rem;
margin: 0;
}

.mvc-lightbox__features li {
margin-bottom: 0.5rem;
}

/* 360 View Responsive iFrame */
.mvc-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  border-radius: 10px;
}

.mvc-embed-container iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* Footer */
.footer-icons .wp-social-link {
	color: #c12e33;
}

.footer-contact-info {
	color: #ffffff;
}

.footer-contact-info a {
	color: #ffffff;
}

.footer-map a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 6px; /* Optional rounded corners */
  outline: none; /* Reset default outline */
  transition: transform 0.3s ease;
}

/* Optional: scale the image slightly on hover */
.footer-map a:hover img,
.footer-map a:focus img {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

/* Add a subtle overlay on hover/focus for visual cue */
.footer-map a::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2); /* Slight dark overlay */
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.footer-map a:hover::after,
.footer-map a:focus::after {
  opacity: 1;
}

/* Add visible focus for keyboard users */
.footer-map a:focus-visible {
  outline: 2px solid #004473; /* Use a brand color for accessibility */
  outline-offset: 4px;
}