body, html {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow-x: hidden; /* Fix: Changed from 'soverflow' and allows vertical scrolling but blocks horizontal */
}
.full-page-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.full-page-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/page_bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
}
/* Fix: Ensure video scales down on tiny screens */
.video-wrapper {
  position: relative;
  display: inline-block;
  max-width: 400px; 
  width: 100%;
}
img, video {
  max-width: 100%;
  height: auto;
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.6); /* Semi-transparent circle */
  border-radius: 50%;
  pointer-events: none; /* Allows clicks to go "through" to the video */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* The actual triangle shape */
.play-button::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid white; /* The white arrow */
  margin-left: 5px; /* Centers the triangle visually */
}
video_OLD {
  max-width: 100%;    /* Limits the player to the width of the content */
  height: auto;       /* Maintains the correct aspect ratio */
  display: block;     /* Removes extra space below the video */
  margin: 0 auto;     /* Centers the video if the container is wider */
}
.main_title{
	font-family: 'Playbill', sans-serif;
	color: #634E32;
	font-size: 56pt;
  	display: inline-block; /* Required for transform to work */
	transform: scaleX(3.5); /* 1.0 is normal, 1.5 is 50% wider */
	transform-origin: left; /* Keeps the text from shifting off-center */
 
	/* 1. The Gradient (Dark top to light bottom) */
	background-image: linear-gradient(to bottom, #3d2f1e, #b09268);

	/* 2. Clip the gradient to the text boundaries */
	-webkit-background-clip: text;
	background-clip: text;

	/* 3. Make the text transparent so the background shows through */
	-webkit-text-fill-color: transparent;
	color: transparent; /* Fallback for older browsers */
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.top{
	vertical-align: top;
}
.middle{
	vertical-align: middle;
}
.bottom{
	vertical-align: bottom;
}
.ff_a{
	font-family: Arial;
}
.ff_pb{
	font-face: playbill;
}
.fs12{
	font-size: 12pt;
}
.fs14{
	font-size: 14pt;
}
.fs16{
	font-size: 16pt;
}
.fs36{
	font-size: 36pt;
}
.fs48{
	font-size: 48pt;
}
.bold{
	font-weight: bold;
}
.nodisp{
	display: none;
}
/* Forces the table to stack vertically on mobile screens */
@media screen and (max-width: 768px) {
  table, tr, td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }
}