@import url("https://use.typekit.net/zwq2ser.css");

:root {
	--font-size-2xs: 0.5625rem; /* 9 */ 
	--font-size-xs: 0.75rem; /* 12 */ 
	--font-size-sm: 0.875rem; /*  14 */
	--font-size-md: 1rem; /* 16 */ 
	--font-size-lg: 1.375rem; /*  22 */
	--font-size-xl: 1.625rem; /* 26 */
	--font-size-2xl: 2rem; /* 32 */
	--font-size-3xl: 2.625rem; /* 42 */
	--font-size-4xl: 4.5rem; /* 72 */
	
	--yellow: #FFD103;
	--orange: #F05523;
	--light-purple: #B4C4E1;
	--purple: #272B67;
	--dark-purple: #0D0F26;
	--light-gray: #D9DCE0;
	--dark-grey: #979799;
	--dark-blue: #272b67;
	--text-color: var(--dark-blue);
	--heading-color: var(--purple);
	--button-hover-color: #2f336a; 
	--gradient: linear-gradient(to right, var(--orange) 0%, var(--yellow) 100%);
	
	--gutter-x: 1.125rem;
	--gutter-y-sm: 3.125rem;
	--gutter-y: 4.375rem;
	--gutter-y-lg: 7.5rem;
	--field-gutter-y-sm: 1.25rem;
	--field-gutter-y: 1.875rem;
	--field-height: 3.56rem;
	--field-border: var(--light-gray);
	--field-x-padding: var(--gutter-x);
	--field-border-radius: 0.375rem;
	--gradient-border-size: 0.75rem;
}

@media (max-width: 576px) {
	:root {
		--font-size-lg: 1.1rem; 
		--font-size-xl: 1.2rem;
		--font-size-2xl: 1.375rem;
		--font-size-3xl: 1.75rem;
		--font-size-4xl: 2.25rem;
		
		--gutter-y-sm: 1.5rem;
		--gutter-y: 2rem;
		--gutter-y-lg: 4rem;
		--field-gutter-y-sm: 1rem;
		--field-gutter-y: 1.25rem;
	}
}

/* 
	Page Wrapper & Overrides
*/
.uwgc-body {
	color: var(--text-color);
	font-family: open-sans, sans-serif;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
/*
.uwgc-body .row {
	margin-right: -9px !important;
	margin-left: -9px !important;
}
.uwgc-body [class^='col'] {
	padding-right: 9px !important;
	padding-left: 9px !important;
}
*/
:where(.uwgc-body) button {
	border: none;
	background-color: transparent;
}
:where(.uwgc-body) button:disabled {
	opacity: .5;
	cursor: not-allowed;
}
:where(.uwgc-body) button:focus, :where(.uwgc-body) a:focus,
:where(.uwgc-body) input:focus, :where(.uwgc-body) select:focus,
:where(.uwgc-body) textarea:focus, .uwgc-body .custom-select:focus {
	border-color: var(--orange);
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(240 85 35 / 25%);
}

/* 
	Layout
*/
.uwgc-container {
/*	position: relative;  *//*  enable modals  */
	z-index: 2;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 max(9px, 5vw);
	box-sizing: content-box;
}
.uwgc-container--expand {
      max-width: none;
}
.uwgc-section {
	margin-bottom: var(--gutter-y-sm);
}
.uwgc-sub-section {
	margin-bottom: var(--gutter-y-sm);
}
.uwgc-level {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.uwgc-5050 {
	padding-right: 50vw;
}
.uwgc-image-5050 {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
}
.uwgc-image-5050 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.uwgc-image-5050::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent);
	content: '';
}
.uwgc-5050 .uwgc-header-main {
	padding-bottom: 1.875rem;
}
.uwgc-5050 .uwgc-large-heading {
	font-size: 3.625rem;
}
@media (max-width: 1215px) {
	.uwgc-5050 {
		padding-right: 0;
	}
	.uwgc-image-5050 {
		position: static;
		width: 100%;
	}
	.uwgc-image-5050 {
		height: clamp(50vh, 26rem, 100vh);
	}
	.uwgc-image-5050::before {
		height: 6rem;
	}
}
@media (min-width: 576px) and (max-width: 1400px) {
	.uwgc-5050 .uwgc-contact {
		width: 100%;
		flex: auto;
	}
}

/* 
	Header
*/
.uwgc-header {
	position: relative;
	margin-bottom: var(--gutter-y-sm);
	color: #FFF;
	background-color: var(--purple);
	overflow: hidden;
}
.uwgc-header--5050 {
      z-index: 1;
      background: transparent;
}
@media (max-width: 1215px) {
      .uwgc-header--5050 {
              position: absolute;
              width: 100%;
      }
}
.uwgc-header-bg-image {
	position: absolute;
	top: -6.87rem;
	right: -6.25rem;
	pointer-events: none;
}
.uwgc-header-top {
	margin-top: calc(var(--gradient-border-size) * -1);
	gap: var(--gutter-x);
}
.uwgc-header-main {
	max-width: 100ch;
	padding: var(--gutter-y) 0 var(--gutter-y-sm);
}
.uwgc-header-main .uwgc-button {
	min-width: 11.25rem;
}
.uwgc-header-event-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 90% 50%;
}
.uwgc-header-bg-gradient {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, #272B67, transparent);
	content: '';
}
.uwgc-header-logo--5050:nth-of-type(2) {
      display: none;
}
@media (min-width: 1215px) {
      .uwgc-header-logo--5050:nth-of-type(1) {
              display: none;
      }
      .uwgc-header-logo--5050:nth-of-type(2) {
              display: block;
      }
}

/* 
	Footer
*/
.uwgc-footer {
	color: #FFF;
	background-color: var(--dark-purple);
}
.uwgc-footer a {
	color: var(--light-purple);
	font-weight: 600;
}
.uwgc-level {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--gutter-x);
	width: 100%;
}
.uwgc-footer-level-main {
	padding: var(--gutter-y) 0;
}
.uwgc-footer-level-copyright {
	padding-bottom: 1.5rem;
}
.uwgc-level > div {
	max-width: 42.5rem;
}

/* 
	Elements
*/
.uwgc-large-heading {
	margin-bottom: 1.25rem;
	font-size: var(--font-size-4xl);
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.016rem;
}
.uwgc-large-heading.uwgc-large-heading-event {
	margin-bottom: var(--gutter-y-sm);
}
.uwgc-h2 {
	margin-bottom: 1rem;
	font-weight: 800;
	line-height: 1.4;
	font-size: var(--font-size-3xl);
}
.uwgc-h4 {
	margin-bottom: 1rem;
	font-weight: 800;
	line-height: 1.4;
	font-size: var(--font-size-xl);
}
.uwgc-section-heading {
	display: block;
	margin-bottom: 1.375rem;
	color: var(--heading-color);
	font-size: var(--font-size-2xl);
	font-weight: 800;
}
.uwgc-sub-heading {
	font-size: var(--font-size-sm);
	text-transform: uppercase;
	letter-spacing: 0.21rem;
	font-weight: 800;
}
.uwgc-underlined {
	padding-bottom: .1rem;
	border-bottom: 1px solid var(--orange);
}
a.uwgc-underlined:hover {
	border-color: transparent;
}
.uwgc-intro {
	margin-bottom: 1.875rem;
	font-size: var(--font-size-lg);
	font-weight: 600;
	line-height: 1.6;
}
.uwgc-legend {
	margin-bottom: 1.375rem;
	color: var(--heading-color);
	font-size: var(--font-size-lg);
	font-weight: 800;
	line-height: 1.5;
}
.uwgc-button {
	display: inline-block;
	padding: 0.625rem 1.375rem;
	font-size: var(--font-size-xs);
	text-transform: uppercase;
	letter-spacing: 0.21rem;
	font-weight: 800;
	color: #FFF;
	text-align: center;
	border: none;
	background-color: var(--purple);
}
.uwgc-button:hover {
	text-decoration: none;
	background-color: var(--button-hover-color);
}
.uwgc-button-large {
	padding: 1.125rem 1.375rem;
	font-size: var(--font-size-sm);
}
.uwgc-button-white {
	color: var(--purple);
	background-color: #FFF;
}
.uwgc-button-white:hover {
	color: var(--purple);
	background-color: #EEE;
}
.uwgc-button-wide {
	margin-bottom: var(--gutter-y);
	min-width: min(34.68rem, 100%);
}
#uwgc-continue-to-payment:not(.uwgc-untoggled) {
	display: none;
}
#uwgc-continue-to-payment.uwgc-untoggled ~ * {
	display: none;
}
.uwgc-link-white, .uwgc-link-white:hover, .uwgc-link-white:visited {
	color: #FFF;
}
.uwgc-circle {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 2.625rem;
	min-width: 2.625rem;
	height: 2.625rem;
	border-radius: 50%;
}
.uwgc-circle-button {
	color: var(--purple);
	border: 1px solid var(--orange);
}
.uwgc-circle-button:hover {
	color: var(--button-hover-color);
	background: var(--light-purple);
	text-decoration: none;
}
.uwgc-circle-button-white {
	color: #FFF;
	border: 1px solid #FFF;
}

/* 
	Forms
*/
.uwgc-field {
	position: relative;
	margin-bottom: var(--field-gutter-y);
}
.uwgc-checkbox-field {
	margin-bottom: .5rem;
}
.uwgc-checkbox-field input[type="checkbox"] {
	margin-right: .5rem;
	accent-color: var(--orange);
}
.uwgc-checkbox-field input[type="checkbox"] + label {
	display: inline;
}
.uwgc-label {
	position: absolute;
	top: calc(50% - .5rem);
	left: var(--field-x-padding);
	color: var(--heading-color);
	opacity: 0;
	transition: .15s;
	pointer-events: none;
}
.uwgc-label-float {
	top: calc(var(--font-size-2xs) * -1 / 2);
	font-family: Helvetica, open-sans, sans-serif;
	font-size: var(--font-size-2xs);
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.05rem;
	opacity: 1;
	background-color: #FFF;
	outline: .25rem solid #FFF;
}
.uwgc-input, .uwgc-select {
	width: 100%;
	padding-left: var(--field-x-padding);
	padding-right: var(--field-x-padding);
	height: var(--field-height);
	border: 1px solid var(--field-border);
	border-radius: var(--field-border-radius);
}
.uwgc-textarea {
	width: 100%;
	padding: var(--field-x-padding);
	border: 1px solid var(--field-border);
	border-radius: var(--field-border-radius);
	resize: none;
}
.uwgc-input:not(:placeholder-shown), .uwgc-select.uwgc-select:not([value=""]), .uwgc-textarea:not(:placeholder-shown) {
	color: var(--text-color);
	border-color: var(--purple);
}
.uwgc-radio {
	display: flex;
	min-height: 5.625rem;
	padding-left: 1.625rem;
	padding-right: 1.625rem;
	margin-bottom: var(--field-gutter-y-sm);
	font-size: var(--font-size-lg);
	font-weight: 600;
	border: 1px solid var(--field-border);
	border-radius: var(--field-border-radius);
}
.uwgc-radio-selected {
	background-color: var(--yellow);
	border-color: var(--yellow);
}
.uwgc-radio input {
	position: relative;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: .375rem;
	/* border-radius: 50%; */
	/* //border: 1px solid var(--field-border); */
	appearance: none;
	-webkit-appearance: none;
}
.uwgc-radio input::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.135rem;
	height: 1.135rem;
	border-radius: 50%;
	background-color: #FFF;
	border: 1px solid var(--field-border);
	content: '';
}
.uwgc-radio input:checked::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-image: url(assets/checkmark.svg);
	background-repeat: no-repeat;
	background-position: 50% 45%;
	content: '';
}
.uwgc-radio-col {
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
	padding-top: .7rem;
	padding-bottom: 1rem;
}
.uwgc-radio-row {
	display: flex;
	align-items: center;
	gap: 1.375rem;
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
}
.uwgc-radio-row .help-text {
	display: block;
	font-size: var(--font-size-sm);
	font-weight: 400;
}
.uwgc-has-cards input {
	padding-right: 10rem;
}
.uwgc-field-right {
	position: absolute;
	top: calc(50% - 1rem);
	right: 0.8125rem;
}
.uwgc-field-right i {
	font-size: 2rem;
	color: var(--purple);
	opacity: .2;
}
#every-paycheck-display {
	display: none;
}
.uwgc-radio-selected #every-paycheck-display {
	display: block;
}

/*
	Components
*/
.uwgc-contact {
	color: var(--purple);
}
.uwgc-contact-name {
	font-size: var(--font-size-xl);
	font-weight: 800;
	color: inherit;
}
.uwgc-contact-name + p {
	font-weight: bold;
}
.uwgc-contact i {
	color: var(--orange);
}
.uwgc-contact a {
	color: var(--purple);
	font-weight: 600;
	text-decoration: none;
}

/* 
	Misc & Utility
*/
.uwgc-text-purple {
	color: var(--purple);
}
.uwgc-text-yellow {
	color: var(--yellow);
}
.uwgc-gradient-bg {
	background-image: var(--gradient);
}
.uwgc-gradient-border {
	border-top-style: solid;
	border-image-source: var(--gradient);
	border-image-slice: 1;
	border-top-width: var(--gradient-border-size);
}
.uwgc-intro-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: var(--gutter-y-sm) clamp(var(--gutter-x), 5vw, 7.18rem);
	margin-bottom: var(--field-gutter-y);
}
.uwgc-img-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 17.25rem;
	min-height: min(17.25rem, 50vw);
	padding: clamp(var(--gutter-x), 5vw, 2.25rem);
	box-shadow: 0 0 25px rgba(0, 0, 0, .07);
}
.uwgc-intro-container .uwgc-img-wrapper {
	min-width: min(21.56rem, 100%);
}
.uwgc-img-wrapper img {
	display: block;
	max-width: 100%;
}
.uwgc-info-container {
	display: flex;
	gap: 1rem;
	align-items: center;
	padding: 1.125rem var(--field-x-padding);
	border-radius: var(--field-border-radius);
	background-color: #F9F9F9;
}
.uwgc-info-container p {
	margin: 0;
}

.uwgc-img-wrapper-border {
      margin-bottom: 3rem;
      padding: 1rem min(7.3rem, 5vw);
      border: 1px solid;
      border-image-source: var(--gradient);
      border-image-slice: 1;
      border-width: 2px;
}
.uwgc-img-wrapper-border img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      max-width: min(20.81rem, 100%);
}