/* Tri Tones red = #ff4042      rgba 255, 64, 66 */

.upbeat_masthead {

	height: 75vh; 
	min-height: 300px; 
	max-height: 700px; 

	@media (max-width: 768px) { /* For tablets and smaller screens */
	    height: 40vh;
	}

	@media (max-width: 480px) { /* For mobile screens */
	    height: 30vh;
	}

	background:
	linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), 
	radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 60%),
	url('../img/upbeat/upbeat_masthead.jpg') no-repeat center center;
	background-size: cover;

}



.upbeat_masthead h1 {
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);
}


.upbeat .img_rounded {
	border-radius: 15px;
}

.upbeat figcaption {
  text-align: center;
  font-size: 0.8rem; 
  margin-top: 0.4rem;
}


.upbeat ul a:link, .upbeat ul a:visited, .upbeat figcaption a:link, .upbeat figcaption a:visited {
    color: #ff4042;
}

.upbeat ul a:hover, .upbeat ul a:active, .upbeat figcaption a:hover, .upbeat figcaption a:active {
    color: #f8f8f8;
}

.upbeat a.btn-primary:link, .upbeat a.btn-primary:visited {
    color: #fff;
}

.upbeat a.btn-primary:hover, .upbeat a.btn-primary:active {
    color: #fff;
}

.upbeat .blockquote_leftline {
  border-left: 1px solid #850709;
  padding-left: 12px;
  margin-left: 0;
}


.upbeat blockquote {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 0.4rem;
  padding: 1rem 1rem 1rem 42px;
}

.upbeat h3 {
  border-left: 4px solid #ff4042;
  padding-left: 0.6rem;
  margin-bottom: 1rem;
}





















/* Upbeat page improvements */

/* Smoother section spacing */
.upbeat section, .upbeat > .container > .row {
  margin-bottom: 3rem;
}

/* Nav menu pill buttons - slightly more breathing room */
.upbeat .btn {
  margin-bottom: 0.4rem;
}

/* Masthead subtitle styling */
.upbeat_masthead p.lead {
  font-size: 1.4rem;
  text-shadow: 1px 1px 6px rgba(0,0,0,0.9);
}

/* Quote highlight block - make the left-border panel pop more */
.upbeat .border-start.border-primary {
  background-color: rgba(255, 64, 66, 0.06);
  border-radius: 0 0.5rem 0.5rem 0;
  border-color: #ff4042 !important;
}

/* Testimonial grid - consistent card height feel */
.upbeat .row .col-lg-3 blockquote,
.upbeat [style*="break-inside"] blockquote {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 0.4rem;
}

/* Section headings - add subtle spacing above */
.upbeat h3 {
  margin-top: 0.5rem;
}

/* Figure hover effect on photos */
.upbeat figure img {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.upbeat figure img:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
}

/* Set list cards - add a subtle red glow on hover */
.upbeat .card {
  transition: box-shadow 0.2s ease;
}
.upbeat .card:hover {
  box-shadow: 0 0 0 1px #ff4042, 0 4px 20px rgba(255,64,66,0.2);
}

/* Blockquote footer (attribution) - make it red to match brand */
.upbeat .blockquote-footer {
  color: #ff4042;
}

/* Air Arts stats numbers - already red, just ensure consistent sizing */
.upbeat .display-stat {
  font-size: 2.5rem;
  font-weight: 800;
  color: #ff4042;
}