.home-promo h1 {
	font-size:5rem; 
	padding-bottom:1rem;
	line-height: 5rem;
}
.home-promo h1 span.get {
	text-transform: uppercase;
}
.home-promo h1 span.for {
	color: #2EA4D2;
}
.home-promo h1 span.year {
	font-weight: bold;
}
.home-promo .title-block__content.page-bounds {
	padding-top: 0;
	padding-bottom: 0;
}
.home-promo h2 {
	display: block;
	width: max-content;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2rem;
	padding: 10px 24px;
	border-radius:4px;
}
.home-promo h2.vif {
	background-color: #8B743A
}
.home-promo h2.ppc {
	background-color: #994E5B
}
.home-promo h2.week {
	background-color: #2696C1
}
.home-promo h2.tri {
	background-color: #287B90
}
.home-promo .title-block {
	margin-bottom: 0;
}
.grid.buttons {
	margin-top: 10rem;
}
.grid.buttons .grid__unit--1-6-m {
	padding-right: 0;
}
@media (min-width: 1370px) {
	.content {
		padding-top: calc(104px + 48px);
	}
}
.grid.buttons .button:hover,
.grid.buttons .button:focus {
	text-decoration: none
}
.grid.buttons .button {
	background: transparent;
	border-color: #fff;
}

/*Hex*/
.title-block__content {
	text-align:center;
}
.home-promo .text-center {
	display: flex; /* Use flexbox for layout */
	justify-content: center; /* Centers the items horizontally */
	align-items: center; /* Vertically centers items */
	gap: 20px; /* Adds space between the hexagons */
}
.title-block__content h2 {
	display: inline-block; /* Makes the hexagons sit next to each other */
	vertical-align: top; /* Aligns hexagons to the top */
	width: 250px; /* Hexagon width */
	height: 215px; /* Hexagon height */
	text-align: center;
	font-size: 20px; /* Larger text size for readability */
	color: #fff; /* Text color */
	background-color: #007acc; /* Hexagon background color */
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); /* Hexagon shape */
	margin: 15px; /* Adds spacing between hexagons */
	position: relative; /* Enables positioning for pseudo-elements */
	line-height: 1.6em; /* Ensures consistent text spacing */
	display: flex; /* Flexbox for internal alignment */
	justify-content: center; /* Centers text horizontally */
	align-items: center; /* Centers text vertically */
	float: left; /* Ensures elements sit side by side */
	transition: transform 0.3s ease; /* Smooth scaling on hover */
}

.title-block__content h2 a {
	color: #fff; /* Keeps link text readable */
	text-decoration: none; /* Removes underline */
	text-align: center; /* Centers text inside the link */
}

/* Hover effect for scaling the hexagon */
.title-block__content h2:hover {
	transform: scale(1.1); /* Scales the hexagon up by 10% */
}
.title-block__content h2:hover a {text-decoration:none}

.title-block__content h2::before,
.title-block__content h2::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: inherit;
	clip-path: inherit;
	z-index: -1;
}

/* Clearfix for parent container */
.title-block__content::after {
	content: '';
	display: block;
	clear: both;
}
@media (max-width: 991.98px) {
	.home-promo h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
}
@media (max-width: 768px) {
	.home-promo .text-center {
		display: block;
		max-width:355px;
		margin: 0;
	}
	.title-block__content h2 {
		width: 100%; /* Makes the hexagons full width on small screens */
		height: auto; /* Removes fixed height to allow flexibility */
		clip-path: none; /* Removes hexagonal shape */
		background-color: #007acc; /* Background color for rectangle */
		background-image: url('path-to-your-background-image.jpg'); /* Add your background image */
		background-size: cover; /* Ensures the image covers the full area */
		background-position: center; /* Centers the background image */
		padding: 20px 0; /* Adds some vertical padding for better text spacing */
	}

	/* Adjust font size for mobile */
	.title-block__content h2 {
		font-size: 18px; /* Makes the text size smaller on mobile */
	}

	/* Ensures proper layout of the h2 elements */
	.title-block__content {
		display: block; /* Stack elements vertically */
		text-align: center; /* Keeps the text centered */
	}
}
/* home cards */
@media (min-width:1370px) {
	.grid.home-events-grid .grid__unit {padding-bottom: 0}
	.grid.home-events-grid .card__body {min-height: 125px}
}
.home_wrapper .title-block__content {text-shadow: none}
.home-events-grid h3 {
	font-size: 1.5rem;
	line-height: 1.8rem;
	margin-bottom: 0 !important;
	font-weight: 600;
	text-align: center;
	display: inline-block;
	line-height: normal;
}
.home-events-grid .card__body {
	padding: 15px;
	text-align: center;
}
.home-events-grid .card__body h6 {
	font-size: 1rem;
	font-weight: 400;
}
.home-events-grid .card__body h6.date {margin-bottom: 0;}
.home-events-grid .card__body h6.location {margin-bottom: 0}
.grid.home-events-grid .card {
	background-color:  rgba(255, 255, 255, 0.9);
	transition: transform 0.3s ease;
}
.grid.home-events-grid a:hover .card {
	background-color:  rgba(255, 255, 255, 1)
}
.grid.home-events-grid .card__image {height:auto}
@media (max-width:1369px) {
	.wide-width.home-promo {padding-top: 0}
}
/* horizontal */
.horizontal__scroller.home .horizontal__item {
	flex: 0 0 calc(25% - 16px) !important;
}
.horizontal__scroller.home .card__image {
    width: 100%; 
    height: auto;
    object-fit: cover;
    object-position: top;
    transform-origin: 50% 100%;
    transition: transform 0.15s ease-out;
}
.horizontal__scroller.home h3 {
	font-size: 1.4rem;
	line-height: 33px;
	font-weight: 500;
	text-align: center;
}
.horizontal__scroller.home .horizontal__item {justify-content: start}
@media (max-width: 575.98px) {
	.horizontal__scroller.home .horizontal__item {
		flex: 0 0 calc(100% - 16px) !important;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .horizontal__scroller.home .horizontal__item {
        flex: 0 0 calc(50% - 16px) !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .horizontal__scroller.home .horizontal__item {
        flex: 0 0 calc(33.333% - 16px) !important;
    }
}
.to-screen-edges.pda-updates {padding-top: 0}

/* carousel */
#pdaupdates .carousel-cell {
  width: calc(25% - 20px);
  height: auto;
  margin-right: 15px;
  border-radius: 5px;
  counter-increment: carousel-cell;
}
.carousel-cell h3 {
	font-size: 1.5rem;
	line-height: 33px;
	font-weight: 500;
	text-align: center;
	padding-top: 10px;
}

#pdaupdates .flickity-prev-next-button.next,
#pdaupdates .flickity-prev-next-button.previous {
	border: 1px solid #006699;
	background-color: #d6e3f0;
}
#pdaupdates {padding-bottom: 2rem}