/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 16 2025 | 07:41:38 */
div.seasons-title {
   font-family: "CinzelDecorative Bold";
   font-kerning: none;
   color: var(--pan-white);
   margin: -200px 0 30px;
   font-size: 6rem;
   text-shadow: 2px 2px 3px gray;
}

.feather-edge {
   box-shadow: 0 0 50px rgba(0,0,0,0.5);
}

.ea-content-video {
  text-align: center; 
}

.btn-body {
  font-size: 12px;
  padding: 8px;
}

.btn[style*="font-size: 14px; padding: 10px;"] {
	font-size: 12px;
  	padding: 8px;
}

.classes-right {
	display: block;
}

.classes-top {
	display: none;
}

table {
  	border-collapse: collapse;
	border-bottom: none;
  	width: 100%;
}

td {
  	padding: 8px;
  	text-align: left;
  	border: none;
	border-color: black;
	border-bottom: none !important;
	width: 50%;
	vertical-align: top;
}
td img {
	display: inline-block; /* Ensures the image is treated as inline-block */
	vertical-align: middle; /* Aligns the image vertically in the center */
}

tr {
  	border: none;
	border-color: black;
	border-bottom: none !important;
}

h2 {
	font-family: "CinzelDecorative Bold";
	letter-spacing: 3pt;
	font-weight: 300;
}

h6 {
	color: var(--pan-blue);
	text-transform: uppercase;
}

.zone-names {
	font-size: 2.0rem;
}

.iframe-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Aspect ratio (16:9) */
  height: 0;
}

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

@media (max-width: 600px) {
	.responsive-table {
		width: 100%;
		display: block;
		overflow-x: auto;
	}
	.responsive-table tr {
		border: none !important;
		display: block;
		margin-bottom: 10px;
	}
	.responsive-table td {
		border: none !important;
		display: block;
		width: 100%;
	}
	h2 {
		margin: 0 0 10px;
	}
	.classes-right {
		display: none;
	}
	.classes-top {
		display: block;
		text-align: center;
	}
}