.page-template-page-event .event-container {
position: relative;
width: min(88%, 1320px);
margin-right: auto;
margin-left: auto;
}
.page-template-page-event .event-narrow {
max-width: 940px;
}
.page-template-page-event .event-hero {
position: relative;
display: flex;
align-items: center;
min-height: clamp(31rem, 60vw, 47rem);
overflow: hidden;
background: #004588;
color: #fff;
}
.page-template-page-event .event-hero-image,
.page-template-page-event .event-hero-overlay {
position: absolute;
inset: 0;
}
.page-template-page-event .event-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.page-template-page-event .event-hero-overlay {
background: linear-gradient(90deg, rgba(0, 33, 65, .9) 0%, rgba(0, 53, 103, .72) 48%, rgba(0, 53, 103, .2) 100%);
}
.page-template-page-event .event-hero-no-image .event-hero-overlay {
background: linear-gradient(135deg, #003866 0%, #0063a6 100%);
}
.page-template-page-event .event-hero-content {
z-index: 1;
padding: 6rem 0;
}
.page-template-page-event .event-hero-content h1 {
max-width: 850px;
margin: 0 0 1.25rem;
color: #fff;
font-size: clamp(2.35rem, 4.8vw, 4.75rem);
line-height: 1.05;
}
.page-template-page-event .event-eyebrow {
margin-bottom: 1rem;
color: #f58220;
font-size: .95rem;
font-weight: 700;
letter-spacing: .11em;
text-transform: uppercase;
}
.page-template-page-event .event-subtitle {
max-width: 720px;
margin-bottom: 2rem;
color: #fff;
font-size: clamp(1.1rem, 2vw, 1.45rem);
line-height: 1.55;
}
.page-template-page-event .event-hero-cta,
.page-template-page-event .event-registration .wpcf7-submit {
min-height: 48px;
padding: .75rem 1.6rem;
border: 0;
background: #f58220;
color: #fff;
font-weight: 700;
}
.page-template-page-event .event-hero-cta:hover,
.page-template-page-event .event-hero-cta:focus,
.page-template-page-event .event-registration .wpcf7-submit:hover,
.page-template-page-event .event-registration .wpcf7-submit:focus {
background: #d86607;
color: #fff;
}
.page-template-page-event .event-section {
padding: clamp(3.75rem, 7vw, 7rem) 0;
}
.page-template-page-event .event-intro {
font-size: clamp(1.08rem, 1.7vw, 1.3rem);
line-height: 1.75;
text-align: center;
}
.page-template-page-event .event-registration {
background: #f2f6f9;
}
.page-template-page-event .event-overview {
position: relative;
overflow: hidden;
background: #004588;
}
.page-template-page-event .event-overview-image,
.page-template-page-event .event-overview-overlay {
position: absolute;
inset: 0;
}
.page-template-page-event .event-overview-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.page-template-page-event .event-overview-overlay {
background: rgba(0, 43, 82, .68);
}
.page-template-page-event .event-overview-no-image .event-overview-overlay {
background: linear-gradient(135deg, #003866 0%, #0063a6 100%);
}
.page-template-page-event .event-overview-grid {
position: relative;
z-index: 1;
display: grid;
gap: clamp(2rem, 5vw, 5rem);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.page-template-page-event .event-overview-single {
grid-template-columns: minmax(0, 720px);
justify-content: center;
}
.page-template-page-event .event-detail-card {
padding: clamp(1.75rem, 3vw, 3rem);
border-top: 4px solid #f58220;
background: rgba(255, 255, 255, .96);
box-shadow: 0 14px 40px rgba(0, 45, 83, .09);
}
.page-template-page-event .event-section h2 {
margin: 0 0 1.25rem;
color: #004588;
font-size: clamp(1.65rem, 2.5vw, 2.35rem);
line-height: 1.2;
}
.page-template-page-event .event-detail-location {
margin-top: 1.75rem;
padding-top: 1.5rem;
border-top: 1px solid rgba(0, 69, 136, .18);
}
.page-template-page-event .event-detail-location h3 {
margin-bottom: .75rem;
color: #004588;
font-size: 1.15rem;
font-weight: 700;
}
.page-template-page-event .event-registration-container {
max-width: 1120px;
}
.page-template-page-event .event-registration-heading {
max-width: 760px;
margin: 0 auto 2rem;
text-align: center;
}
.page-template-page-event .event-registration-form {
max-width: 1040px;
margin: 0 auto;
padding: clamp(1.5rem, 3vw, 3rem);
background: #fff;
box-shadow: 0 14px 40px rgba(0, 45, 83, .09);
}
.page-template-page-event .event-registration .form-control {
min-height: 48px;
border: 1px solid #c9d3dc;
border-radius: 0;
}
.page-template-page-event .event-registration select.form-control {
height: 48px;
}
.page-template-page-event .event-registration .form-group {
margin-bottom: 1.2rem;
}
.page-template-page-event .event-registration .form-row {
margin-right: -.65rem;
margin-left: -.65rem;
}
.page-template-page-event .event-registration .form-row > [class*="col-"] {
padding-right: .65rem;
padding-left: .65rem;
}
.page-template-page-event .event-registration .wpcf7-acceptance label {
display: grid;
grid-template-columns: auto 1fr;
gap: .65rem;
align-items: start;
}
.page-template-page-event .event-registration .wpcf7-acceptance input {
width: 20px;
height: 20px;
margin-top: .15rem;
}
.page-template-page-event .event-registration .wpcf7-spinner {
vertical-align: middle;
}
.page-template-page-event .event-registration-form .cf-turnstile,
.page-template-page-event .event-registration-form .g-recaptcha,
.page-template-page-event .event-registration-form .wpcf7-recaptcha {
max-width: 100%;
margin: 0 auto 1.25rem;
text-align: center;
}
@media (max-width: 991.98px) {
.page-template-page-event .event-container {
width: 90%;
}
.page-template-page-event .event-hero {
min-height: 36rem;
}
.page-template-page-event .event-hero-overlay {
background: linear-gradient(90deg, rgba(0, 33, 65, .9) 0%, rgba(0, 53, 103, .65) 100%);
}
}
@media (max-width: 767.98px) {
.page-template-page-event .event-container {
width: calc(100% - 2rem);
}
.page-template-page-event .event-hero {
min-height: 34rem;
}
.page-template-page-event .event-hero-content {
padding: 4.5rem 0;
}
.page-template-page-event .event-hero-overlay {
background: linear-gradient(180deg, rgba(0, 33, 65, .58) 0%, rgba(0, 33, 65, .94) 82%);
}
.page-template-page-event .event-hero-image img {
object-position: center top;
}
.page-template-page-event .event-overview-grid {
grid-template-columns: 1fr;
}
.page-template-page-event .event-registration-form {
padding: 1.25rem;
}
.page-template-page-event .event-registration .form-row {
display: block;
}
.page-template-page-event .event-registration .form-row > [class*="col-"] {
width: 100%;
max-width: none;
padding-right: .65rem;
padding-left: .65rem;
}
}
@media (max-width: 429.98px) {
.page-template-page-event .event-hero-content h1 {
font-size: 2.2rem;
}
.page-template-page-event .event-hero-cta,
.page-template-page-event .event-registration .wpcf7-submit {
width: 100%;
text-align: center;
}
}