/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/*= General =================== */

/** General >> a:hover **/
a:hover {
	text-decoration: none !important;
}

/** General >> Hide Footer (register) **/
.page-id-17 .fl-page-footer-widgets {
	display: none !important;
}

/** General >> Safari Load **/
#safari-load {
	display: none !important;
	cursor: pointer !important;
}

/** General >> Safari Load:hover **/
#safari-load span:hover {
	color: rgb(0, 153, 0) !important;
}

/** General >> Safari Description Strong **/
#safari-description strong {
	background-color: rgb(255, 255, 0) !important;
}


/*= Header ==================== */

/** Header >> Page Header Wrap **/
.fl-page-header-wrap {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3) !important;
}

/** Header >> Top Bar **/
.fl-page-bar {
	background-color: rgb(68, 68, 68) !important;
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
	border-bottom-style: none !important;
}

/** Header >> Top Bar Container **/
.fl-page-bar-container {
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/** Header >> Top Bar Text **/
.fl-page-bar-text {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}


/*= Main Menu ================= */

/** Main Menu >> Submenu **/
.sub-menu {
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2) !important;
	background-image: linear-gradient(135deg, rgb(68, 68, 68), transparent, rgb(0, 0, 0)) !important;
	border-top: 2px solid rgb(226, 165, 237) !important;
	border-right: 1px solid rgb(153, 90, 164) !important;
	border-bottom: 1px solid rgb(153, 90, 164) !important;
	border-left: 1px solid rgb(153, 90, 164) !important;
	border-bottom-right-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

/** Main Menu >> Submenu LI A **/
.fl-page-nav ul.sub-menu li a {
	font-size: 18px !important;
}

/** Main Menu >> Button A **/
.fl-page-nav-wrap .button a {
	color: rgb(0, 0, 0) !important;
	font-weight: 500 !important;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3) !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75) !important;
	background-color: rgb(255, 255, 255) !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin-top: 7px !important;
	margin-left: 15px !important;
	border: 2px solid rgb(0, 0, 0) !important;
}

/** Main Menu >> Button A Icon **/
.fl-page-nav-wrap .button a i {
	color: rgb(0, 0, 0) !important;
}

/** Main Menu >> Button A:hover **/
.fl-page-nav-wrap .button a:hover {
	background-image: url("https://bethelight5k.com/wp-content/uploads/sites/12/2018/06/burstdots-bw-rightsm-30.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
}

/** Main Menu >> Home > Event Info Menu Current **/
.home .menu-item-42.current-menu-parent > a {
	color: rgb(255, 255, 255) !important;
}

/** Main Menu >> Home > Event Info Menu Current:hover **/
.home .menu-item-42.current-menu-parent > a:hover {
	color: rgb(226, 165, 237) !important;
}

/** Main Menu >> Current Menu Item **/
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item ~ li.current-menu-item > a {
	color: rgb(226, 165, 237) !important;
}

/** Main Menu >> Sub Menu Indicator **/
.fl-submenu-indicator .fl-page-nav ul.navbar-nav li.menu-item-has-children > a:after {
	font-family: "Font Awesome 6 Pro" !important;
	font-weight: 400 !important;
	float: right !important;
	content: '\f107' !important;
}

/** Main Menu >> Sub Menu Indicator in Sub Menu **/
.fl-submenu-indicator .fl-page-nav ul.sub-menu li.menu-item-has-children > a:after {
	transform: rotateZ(270deg) !important;
}


/*= Content =================== */

/** Content >> Alt Purple **/
.alt.purple .fl-row-content-wrap {
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
}

/** Content >> Alt Green **/
.alt.green .fl-row-content-wrap {
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(245, 239, 131), rgb(57, 181, 74)) !important;
}

/** Content >> Alt Blue **/
.alt.blue .fl-row-content-wrap {
	background-color: rgb(174, 226, 250) !important;
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(174, 226, 250), rgb(46, 49, 146)) !important;
}

/** Content >> Alt Orange **/
.alt.orange .fl-row-content-wrap {
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 242, 99), rgb(242, 97, 41)) !important;
}

/** Content >> Alt Black **/
.alt.black .fl-row-content-wrap {
	background-image: linear-gradient(135deg, rgb(68, 68, 68), rgb(34, 34, 34), rgb(0, 0, 0)) !important;
}

/** Content >> Alt Black header / footer **/
.fl-page-header-wrap, 
.fl-page-footer {
	background-image: url("/wp-content/uploads/sites/12/2018/06/burstdots-bw-left-20.png"), linear-gradient(135deg, rgb(68, 68, 68), rgb(34, 34, 34), rgb(0, 0, 0)) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

/** Content >> Rounded Photo **/
.rounded .fl-photo-content img {
	border-radius: 500px !important;
}

/** Content >> Shadow **/
.shadow {
	text-shadow: 1px 1px 3px rgb(0, 0, 0) !important;
}

/** Content >> Disclaimer **/
.disclaimer .fl-rich-text p {
	color: rgb(119, 119, 119) !important;
	font-size: 13px !important;
	font-style: italic !important;
	background-color: rgba(221, 221, 221, 0.25) !important;
	padding: 20px !important;
	border: 2px dashed rgb(221, 221, 221) !important;
	border-radius: 10px !important;
}

/** Content >> Page Content Icon Colors **/
.fl-page-content i {
	color: rgb(119, 119, 119) !important;
}

/** Content >> Alt Purple Modules **/
.fl-module.alt.purple {
	background-image: url("https://bethelight5k.com/wp-content/uploads/sites/12/2018/06/burstdots-w-full1600-20.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
}

/** Content >> Rounded Small Map **/
.smrounded img {
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3) !important;
	border-radius: 20px !important;
}

/** Content >> Race Meta **/
.meta {
	font-size: 13px !important;
	text-align: center !important;
	background-color: rgba(255, 255, 255, 0.1) !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	border-top: 1px dashed rgb(221, 221, 221) !important;
	border-bottom: 1px dashed rgb(221, 221, 221) !important;
	display: block !important;
}

/** Content >> Races Text **/
.races .fl-callout-text {
	font-size: 14px !important;
}

/** Content >> BB Overlay Icons **/
.fl-page-content .fl-block-overlay-active i {
	color: inherit !important;
}

/** Content >> Countdown Number **/
.fl-countdown-unit-number {
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/** Content >> Full Width Image **/
.fullwidth .fl-photo-img, 
.fullwidth .fl-photo-content {
	min-width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
}

/** Content >> Out of Merch Alert **/
.merch p {
	color: rgb(238, 0, 0) !important;
	font-size: 15px !important;
	background-color: rgb(255, 255, 204) !important;
	padding: 10px !important;
	border: 3px dashed rgb(238, 0, 0) !important;
	border-radius: 6px !important;
}

/** Content >> Alt Blue Module FIX? **/
.fl-module.alt.blue {
	background-color: rgb(174, 226, 250) !important;
	background-image: url("/wp-content/uploads/sites/12/2018/06/burstdots-w-full1600-20.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(174, 226, 250), rgb(46, 49, 146)) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: auto !important;
}

/** Content >> Alt Orange Module (FIX) **/
.fl-module.alt.orange {
	background-color: rgb(255, 242, 99) !important;
	background-image: url("/wp-content/uploads/sites/12/2018/06/burstdots-w-full1600-20.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 242, 99), rgb(242, 97, 41)) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: auto !important;
}

/** Content >> Alt Green Module (Fix) **/
.fl-module.alt.green {
	background-color: rgb(245, 239, 131) !important;
	background-image: url("/wp-content/uploads/sites/12/2018/06/burstdots-w-full1600-20.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(245, 239, 131), rgb(57, 181, 74)) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: auto !important;
}

/** Content >> Crew LI **/
.crew li {
	width: 25% !important;
	float: left !important;
	clear: right !important;
}

/** Content >> Home Cover Text **/
.fl-node-5b2d51b359d41 .fl-heading {
	text-shadow: 0 3px 5px rgb(0, 0, 0) !important;
}

/** Content >> Overflow Fix **/
.fl-module-callout .fl-module-content {
	overflow: visible !important;
}

/** Content >> Video in Tabs **/
.fluid-width-video-wrapper {
	width: 100% !important;
	position: relative !important;
}

/** Content >> Video Tabs Frame **/
.fluid-width-video-wrapper iframe, 
.fluid-width-video-wrapper object, 
.fluid-width-video-wrapper embed {
	width: 100% !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
}

/** Content >> Transparent Sq Fix **/
.sq img {
	display: block !important;
	opacity: 0 !important;
}


/*= Buttons =================== */

/** Buttons >> FL-Button **/
.fl-button, 
.button a, 
.gform_button {
	color: rgb(0, 0, 0) !important;
	font-weight: 300 !important;
	letter-spacing: 0.05em !important;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3) !important;
	background-color: rgb(255, 255, 255) !important;
	border-color: rgb(68, 68, 68) !important;
	border-width: 2px !important;
	border-radius: 8px !important;
}

/** Buttons >> Alt FL-Button **/
.fl-button {
	color: rgb(0, 0, 0) !important;
	font-weight: 400 !important;
	background-color: rgb(255, 255, 255) !important;
}

/** Buttons >> Fl-Button-Text/Icon **/
.fl-button-text, 
.fl-button-icon {
	color: rgb(0, 0, 0) !important;
	font-weight: 500 !important;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3) !important;
}

/** Buttons >> FL-Button:hover **/
.fl-button:hover, 
.gform_button:hover {
	font-weight: 400 !important;
	background-color: #fff !important;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8) !important;
	background-image: url("https://bethelight5k.com/wp-content/uploads/sites/12/2018/06/burstdots-bw-rightsm-30.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

/** Buttons >> FL-Button-Icon **/
.fl-button-icon {
	font-size: 1.2em !important;
	font-weight: 600 !important;
}


/*= Footer ==================== */

/** Footer >> Widget Img **/
.fl-widget img {
	border-radius: 8px !important;
}

/** Footer >> Widget Titles **/
.fl-widget .fl-widget-title {
	font-size: 22px !important;
	margin-bottom: 10px !important;
}

/** Footer >> Widget Title:before **/
.fl-widget-title:before {
	font-family: "Font Awesome 6 Pro" !important;
	color: rgb(119, 119, 119) !important;
	font-weight: 900 !important;
	padding-right: 8px !important;
	transform: translate(0, 0) !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Footer >> Icon: Email **/
.widget_bloomwidget h4:before {
	content: "\f199" !important;
}

/** Footer >> Icon: Handshake **/
#media_image-4 h4:before {
	content: "\f4c6" !important;
}

/** Footer >> Icon: Group **/
#media_image-2 h4:before {
	content: "\f0c0" !important;
}

/** Footer >> Icon: Social **/
#custom_html-3 h4:before {
	content: "\f4aa" !important;
}

/** Footer >> Media_Image Bottom Margin **/
#media_image-4, 
#media_image-2 {
	margin-bottom: 20px !important;
}

/** Footer >> Follow A I **/
.follow a i {
	font-size: 2.5em !important;
	margin-right: 15px !important;
	display: inline-block !important;
}

/** Footer >> Follow A:hover I **/
.follow a:hover i {
	opacity: 0.8 !important;
}

/** Footer >> Follow Facebook **/
.follow a i.fa-facebook {
	color: rgb(59, 89, 152) !important;
}

/** Footer >> Follow Twitter **/
.follow a i.fa-x-twitter {
	color: rgba(0, 0, 0, 0.9) !important;
}

/** Footer >> Follow Instagram **/
.follow a i.fa-instagram {
	color: rgb(225, 48, 108) !important;
}

/** Footer >> Follow Bluesky **/
.follow a i.fa-bluesky {
	color: rgb(16, 131, 254) !important;
}

/** Footer >> Follow TikTok **/
.follow a i.fa-tiktok {
	color: rgb(254, 44, 85) !important;
}

/** Footer >> Page Footer Row Columns **/
.fl-page-footer-row .col-md-6 {
	text-align: center !important;
	width: 100% !important;
	float: none !important;
}

/** Footer >> Footer Nav **/
.fl-page-footer .text-left .fl-page-footer-nav {
	font-size: 14px !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

/** Footer >> Footer Nav Li A **/
.fl-page-footer-nav>li>a {
	padding-right: 5px !important;
	padding-left: 5px !important;
}


/*= Forms ===================== */

/** Forms >> Form Widget **/
.gform_widget {
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) !important;
	background-color: rgb(238, 238, 238) !important;
	background-image: linear-gradient(90deg, rgb(238, 238, 238), rgba(255, 255, 255, 0.5), rgb(238, 238, 238)) !important;
	padding: 20px 30px 20px 30px !important;
	border-width: 0 !important;
	border-style: none !important;
	border-radius: 4px !important;
}

/** Forms >> Sub Labels **/
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, 
.gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, 
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label, 
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label, 
.gform_wrapper .description, 
.gform_wrapper .gfield_description, 
.gform_wrapper .gsection_description, 
.gform_wrapper .instruction {
	color: rgba(34, 34, 34, 0.5) !important;
	font-size: 13px !important;
	font-weight: 300 !important;
	padding-top: 1px !important;
	padding-bottom: 8px !important;
	float: none !important;
	clear: both !important;
}

/** Forms >> Label **/
label {
	font-weight: normal !important;
	text-transform: uppercase !important;
	margin-bottom: 0 !important;
}

/** Forms >> Input Container **/
body .gform_wrapper .top_label div.ginput_container {
	margin-top: 5px !important;
}

/** Forms >> Description **/
.gform_wrapper .description, 
.gform_wrapper .gfield_description, 
.gform_wrapper .gsection_description, 
.gform_wrapper .instruction {
	color: rgba(34, 34, 34, 0.75) !important;
	font-size: 14px !important;
	padding-top: 5px !important;
}

/** Forms >> Section **/
.gform_wrapper .gsection {
	padding: 0 !important;
	margin: 0 !important;
	border-bottom-style: none !important;
}

/** Forms >> Section Wrap **/
.fl-content .gform_wrapper .gsection {
	box-shadow: 0 2px 10px -15px rgba(0, 0, 0, 0.3) !important;
	background-image: url("https://bethelight5k.com/wp-content/uploads/sites/12/2018/06/burstdots-bw-left-50.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	border-radius: 100px !important;
}

/** Forms >> Section Title **/
.fl-content .gform_wrapper .gsection h2, 
.fl-content .gform_wrapper .gsection h3 {
	font-size: 28px !important;
	font-weight: 300 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/** Forms >> Input.gf_coupon_code **/
.gform_wrapper input.gf_coupon_code {
	display: inline-block !important;
}

/** Forms >> #gf_coupon_button.button **/
.gform_wrapper input#gf_coupon_button.button {
	background-color: rgba(0, 0, 0, 0.3) !important;
	border-style: none !important;
	border-radius: 8px !important;
}

/** Forms >> #gf_coupon_button.button:hover **/
.gform_wrapper input#gf_coupon_button.button:hover {
	color: rgb(255, 255, 255) !important;
	background-color: rgba(0, 0, 0, 0.75) !important;
}

/** Forms >> Ginput_container_total **/
.ginput_container_total {
	font-size: 20px !important;
	font-weight: 400 !important;
	background-color: rgb(204, 255, 204) !important;
	max-width: 50% !important;
	padding: 10px !important;
	border-radius: 3px !important;
}

/** Forms >> Input **/
.fl-content input[type="text"], 
.fl-content input[type="password"], 
.fl-content input[type="file"], 
.fl-content input, 
.textInput, 
.fl-content select {
	font-size: 18px !important;
	background-color: rgb(255, 255, 255) !important;
	height: auto !important;
	padding: 5px 10px 5px 10px !important;
	border-color: rgb(204, 204, 204) !important;
	border-radius: 5px !important;
}

/** Forms >> Input:focus **/
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="file"]:focus, 
.textInput:focus {
	background-color: rgb(255, 255, 204) !important;
	border: 1px solid rgb(153, 90, 164) !important;
}

/** Forms >> Gform_button submit **/
.gform_button, 
.fl-content input[type="submit"] {
	font-size: 36px !important;
	text-transform: uppercase !important;
	height: auto !important;
	padding: 10px 30px 10px 30px !important;
	margin-left: 10px !important;
	border-color: rgb(226, 165, 237) !important;
	border-radius: 5px !important;
}

/** Forms >> Process Fee Label **/
.ginput_product_price_label {
	display: none !important;
}

/** Forms >> Process Fee Price **/
.fl-content input.ginput_product_price {
	color: rgb(0, 153, 0) !important;
	background-color: rgba(255, 255, 255, 0) !important;
}

/** Forms >> Credit Card Security Code **/
#input_1_21_3 {
	display: inline-block !important;
}

/** Forms >> Form Info **/
.forminfo {
	font-size: 14px !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 10px 20px 20px 20px !important;
	border: 1px solid rgb(204, 204, 204) !important;
	border-radius: 4px !important;
}

/** Forms >> Terms Container **/
.gptos_terms_container {
	font-family: Arial !important;
	color: rgba(51, 51, 51, 0.8) !important;
	font-size: 13px !important;
	padding: 5px !important;
	border-radius: 4px !important;
}

/** Forms >> Info H4 Span **/
.info h4 span {
	color: rgb(204, 153, 0) !important;
}

/** Forms >> CVV2 Field **/
.ginput_card_security_code {
	display: inline-block !important;
}

/** Forms >> GForm Button **/
.gform_button {
	color: rgb(0, 0, 0) !important;
	font-size: 36px !important;
	font-weight: 400 !important;
	padding: 15px 30px 15px 30px !important;
}

/** Forms >> GForm Button:hover **/
.gform_button:hover {
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.3) !important;
}

/** Forms >> Error Wrapper **/
.gform_wrapper li.gfield.gfield_error, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, 
.gform_wrapper div.validation_error {
	border-top-color: rgb(238, 0, 0) !important;
	border-bottom-color: rgb(238, 0, 0) !important;
}

/** Forms >> Error Validation Message **/
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	color: rgb(238, 0, 0) !important;
	font-weight: 500 !important;
}

/** Forms >> Error Validation Message Icon **/
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description:before {
	font-family: "Font Awesome 6 Pro" !important;
	font-weight: 900 !important;
	padding-right: 3px !important;
	padding-left: 5px !important;
	content: "\f33c" !important;
}

/** Forms >> Validation Error Top Message Icon **/
.gform_wrapper div.validation_error:before, 
.gform_wrapper div.validation_error:after {
	font-family: "Font Awesome 6 Pro" !important;
	color: rgb(243, 19, 0) !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
	content: "\f063" !important;
}

/** Forms >> Error Label **/
.gform_wrapper .gfield_error .gfield_label {
	color: rgb(238, 0, 0) !important;
	padding-left: 3px !important;
}

/** Forms >> Hide Sponsor Options **/
.gchoice_5_47_6 {
	display: none !important;
}

/** Forms >> Checkbox Label:hover **/
input[type=checkbox] + label:hover {
	color: rgb(153, 90, 164) !important;
}

/** Forms >> Sponsor Info Img **/
.fl-module img.sponsor-img {
	border-radius: 100px !important;
	float: right !important;
	clear: both !important;
}

/** Forms >> Promo Code Field **/
.gf_coupon_code {
	width: auto !important;
}

/** Forms >> Partial Entry Warning **/
.partial_entry_warning {
	color: rgba(0, 0, 0, 0.5) !important;
	font-size: 13px !important;
	line-height: 1em !important;
	text-align: right !important;
}

/** Forms >> DOB Dates Margin Top **/
#input_12_30, 
#input_12_30 > div {
	margin-top: 0 !important;
}

/** Forms >> DOB Fieldset Legend **/
#field_12_30 legend {
	margin-bottom: 7px !important;
}

/** Forms >> Total Input **/
.ginput_container_total input {
	background-color: rgba(255, 255, 255, 0) !important;
}

/** Forms >> Chain Select Span **/
.gfield_chainedselect span {
	width: 50% !important;
}

/** Forms >> Chain Select **/
.gfield_chainedselect select {
	width: 98% !important;
}

/** Forms >> Required Legend **/
.gform_required_legend {
	color: rgb(119, 119, 119) !important;
	font-size: 12px !important;
	text-align: right !important;
	margin-bottom: 0 !important;
}


/*= Forms > Input Radio ======= */

/** Forms > Input Radio >> Input[type=radio] **/
input[type=radio] {
	display: none !important;
}

/** Forms > Input Radio >> Input[type=radio] + Label **/
input[type=radio] + label {
	font-weight: 600 !important;
	text-align: center !important;
	text-transform: uppercase !important;
	vertical-align: middle !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
	box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2) inset !important;
	background-color: rgb(245, 245, 245) !important;
	background-image: linear-gradient(180deg, rgb(247, 247, 247), rgb(255, 255, 255), rgb(204, 204, 204)) !important;
	max-width: 100% !important;
	padding: 5px 8px 5px 8px !important;
	margin: 0 !important;
	border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
	border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
	border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
	display: block !important;
	cursor: pointer !important;
}

/** Forms > Input Radio >> Input[type=radio] + Label:hover **/
input[type=radio] + label:hover {
	color: rgb(153, 90, 164) !important;
	background-image: linear-gradient(0deg, rgb(255, 255, 255), rgb(235, 235, 235), rgb(204, 204, 204)) !important;
	border-color: rgb(153, 90, 164) !important;
}

/** Forms > Input Radio >> Input[type=radio]:checked + Label **/
input[type=radio]:checked + label {
	color: rgb(226, 165, 237) !important;
	font-weight: 600 !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
	background-image: linear-gradient(0deg, rgb(119, 119, 119), rgb(68, 68, 68), rgb(0, 0, 0)) !important;
	border-color: rgba(0, 51, 0, 0.8) !important;
}

/** Forms > Input Radio >> input[type=radio]:checked + label:before **/
input[type=radio]:checked + label:before {
	color: rgb(226, 165, 237) !important;
}


/*= Forms > Icons ============= */

/** Forms > Icons >> :Before Base (Radio, Title) **/
.gfield_radio label:before, 
.gsection_title:before {
	color: rgb(119, 119, 119) !important;
	padding: 0 10px 0 10px !important;
	transform: translate(0, 0) !important;
	font: 900 1.5em / 1.5em "Font Awesome 6 Pro" !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Forms > Icons >> Title:before **/
.gsection_title:before, 
.fux2 .gsection_title:before {
	color: rgb(119, 119, 119) !important;
	font-size: 1em !important;
	line-height: 1em !important;
}

/** Forms > Icons >> Title Entry Icon **/
.entry .gsection_title:before {
	content: "\f024" !important;
}

/** Forms > Icons >> Title Participant Icon **/
.participant .gsection_title:before {
	content: "\f2bd" !important;
}

/** Forms > Icons >> Title Rating Icon **/
.rating .gsection_title:before {
	color: rgb(119, 119, 119) !important;
	content: "\f005" !important;
}

/** Forms > Icons >> Title Thoughts Icon **/
.thoughts .gsection_title:before {
	content: "\f075" !important;
}

/** Forms > Icons >> Title Inquiry Icon **/
.inquiry .gsection_title:before {
	content: "\f4b0" !important;
}

/** Forms > Icons >> Title Transfer Icon **/
.transfer .gsection_title:before {
	content: "\e068" !important;
}

/** Forms > Icons >> Title Participation **/
.participate .gsection_title:before {
	content: "\f11e" !important;
}

/** Forms > Icons >> Title Waiver Icon **/
.waiver .gsection_title:before {
	content: "\f15c" !important;
}

/** Forms > Icons >> Title Charity Icon **/
.charity .gsection_title:before {
	content: "\f4bc" !important;
}

/** Forms > Icons >> Title Emergency Icon **/
.emergency .gsection_title:before {
	content: "\f071" !important;
}

/** Forms > Icons >> Title Payment Icon **/
.payment .gsection_title:before {
	content: "\f09d" !important;
}

/** Forms > Icons >> Title Team Icon **/
.team .gsection_title:before {
	content: "\f830" !important;
}

/** Forms > Icons >> Title Company Icon **/
.company .gsection_title:before {
	content: "\f1ad" !important;
}

/** Forms > Icons >> Entry/Distance Icons **/
#input_12_74 label:before {
	font-size: 2.6em !important;
	display: block !important;
}

/** Forms > Icons >> Icon: Runner **/
#label_12_74_1:before, 
#label_12_89_1:before, 
#label_12_75_1:before {
	content: "\f70c" !important;
}

/** Forms > Icons >> Icon: Walker **/
#label_12_74_0:before, 
#label_12_89_0:before, 
#label_12_75_0:before {
	content: "\f554" !important;
}

/** Forms > Icons >> Icon: Entry Youth (Child) **/
#label_8_74_2:before, 
#label_10_74_2:before, 
#label_12_74_2:before {
	content: "\f1ae" !important;
}

/** Forms > Icons >> Icon: Flag (Virtual) **/
#label_12_74_3:before {
	content: "\f024" !important;
}

/** Forms > Icons >> Icon: Child **/
#label_3_6_0:before {
	content: "\f1ae" !important;
}

/** Forms > Icons >> Icon: Star Half **/
#label_3_6_1:before {
	font-weight: 900 !important;
	content: "\f089" !important;
}

/** Forms > Icons >> icon: Star Empty **/
# {
	font-weight: 400 !important;
	content: "\f005" !important;
}

/** Forms > Icons >> Icon: Gender Male **/
#label_8_52_0:before, 
#label_3_14_0:before, 
#label_10_52_0:before, 
#label_12_52_0:before, 
#label_13_31_0:before {
	content: "\f183" !important;
}

/** Forms > Icons >> Icon: Gender Female **/
#label_8_52_1:before, 
#label_3_14_1:before, 
#label_10_52_1:before, 
#label_12_52_1:before, 
#label_13_31_1:before {
	content: "\f182" !important;
}

/** Forms > Icons >> Icon: Payment CC **/
#label_8_41_0:before, 
#label_4_22_0:before, 
#label_10_41_0:before, 
#label_12_41_0:before, 
#label_13_46_0:before {
	content: "\f09d" !important;
}

/** Forms > Icons >> Icon: Check **/
#label_4_8_0:before, 
#label_4_22_2:before {
	content: "\f53d" !important;
}

/** Forms > Icons >> Icon: X **/
#label_4_8_1:before, 
#label_4_66_1:before, 
#label_4_67_1:before, 
#label_4_68_1:before, 
#label_13_16_0:before, 
#label_14_33_1:before {
	content: "\f00d" !important;
}

/** Forms > Icons >> Icon: Transfer **/
#label_13_16_1:before {
	content: "\e068" !important;
}

/** Forms > Icons >> Title Assignment Options **/
.option h2:before {
	content: "\f164" !important;
}

/** Forms > Icons >> Icon: Bank **/
#label_4_22_3:before {
	content: "\f19c" !important;
}

/** Forms > Icons >> Icon: Heart **/
#label_8_22_4:before, 
#input_12_36 label:before {
	content: "\f004" !important;
}

/** Forms > Icons >> Icon: Shirt **/
#label_8_32_0:before, 
#label_8_32_1:before, 
#label_8_32_2:before, 
#label_8_32_3:before, 
#label_8_32_4:before, 
#label_3_15_0:before, 
#label_3_15_1:before, 
#label_3_15_2:before, 
#label_3_15_3:before, 
#label_3_15_4:before, 
#input_12_109 label:before {
	content: "\f553" !important;
}

/** Forms > Icons >> Icon: Graduate **/
#label_3_6_1:before {
	content: "\f501" !important;
}

/** Forms > Icons >> Icon: Group **/
#label_3_6_2:before, 
#label_12_97_1:before, 
#label_14_32_0:before, 
#label_14_26_2:before {
	content: "\f0c0" !important;
}

/** Forms > Icons >> Icon: Employee Pay **/
#label_14_32_1:before {
	content: "\f508" !important;
}

/** Forms > Icons >> Icon: Just Me **/
#label_12_98_0:before {
	content: "\f4fc" !important;
}

/** Forms > Icons >> Icon: Add Team Registrations **/
#label_12_98_1:before {
	content: "\f830" !important;
}

/** Forms > Icons >> Icon: User (individual) **/
#label_12_97_0:before, 
#label_14_26_0:before {
	content: "\f007" !important;
}

/** Forms > Icons >> Icon: Users 2 **/
#label_14_26_1:before {
	content: "\f500" !important;
}

/** Forms > Icons >> Icon: Team Entries Select **/
#field_12_103 .ginput_container_select:before, 
#field_12_104 .ginput_container_select:before, 
#field_12_105 .ginput_container_select:before {
	content: "\f234" !important;
}

/** Forms > Icons >> Icon: In-Kind **/
#label_4_22_4:before {
	content: "\f4be" !important;
}

/** Forms > Icons >> Icon: Thumbs Up **/
#label_6_21_0:before, 
#label_6_22_0:before, 
#label_4_66_0:before, 
#label_4_67_0:before, 
#label_4_68_0:before, 
#label_14_33_0:before {
	content: "\f164" !important;
}

/** Forms > Icons >> Icon: Thumbs Down **/
#label_6_21_1:before, 
#label_6_22_1:before {
	content: "\f165" !important;
}

/** Forms > Icons >> Icon: Question **/
#label_6_21_2:before {
	content: "\f128" !important;
}

/** Forms > Icons >> Icon: Walk **/
#label_6_20_0:before {
	content: "\f554" !important;
}

/** Forms > Icons >> Icon: Volunteer **/
#label_6_20_1:before {
	content: "\f0c0" !important;
}

/** Forms > Icons >> Icon: Sponsors **/
#label_6_20_2:before {
	content: "\f4c6" !important;
}

/** Forms > Icons >> Icon: Running **/
#label_8_74_0:before, 
#label_8_74_1:before, 
#label_8_74_3:before, 
#label_10_74_1:before, 
#label_10_74_2:before, 
#label_10_74_0:before {
	font-size: 3em !important;
	font-weight: 900 !important;
	display: block !important;
	content: "\f70c" !important;
}

/** Forms > Icons >> Icon: PayPal **/
#label_12_41_1:before, 
#label_4_22_1:before, 
#label_13_46_1:before {
	font-family: "Font Awesome 6 Brands" !important;
	font-weight: 400 !important;
	content: "\f1ed" !important;
}


/*= Fees Schedule Table ======= */

/** Fees Schedule Table >> Fees TH/TD **/
.fees th, 
.fees td {
	font-size: 14px !important;
	padding: 4px !important;
	border-bottom: 1px solid rgb(255, 255, 255) !important;
}

/** Fees Schedule Table >> Fees TH **/
.fees th {
	font-size: 11px !important;
	text-align: center !important;
	white-space: nowrap !important;
}

/** Fees Schedule Table >> Fees TD **/
.fees td {
	background-color: rgba(255, 255, 255, 0.2) !important;
}

/** Fees Schedule Table >> Fees Active **/
.fees .active td {
	color: rgb(255, 255, 255) !important;
	background-color: rgba(0, 153, 0, 0.5) !important;
}

/** Fees Schedule Table >> Fees Over **/
.fees .over td {
	color: rgb(204, 0, 0) !important;
	text-decoration: line-through !important;
}

/** Fees Schedule Table >> Fees Entry Date **/
.fees .entrydate {
	text-align: left !important;
}


/*= Price Table =============== */

/** Price Table >> Price Table Title 5K **/
.pricetable .fl-pricing-table-column-0 .fl-pricing-table-title {
	font-size: 40px !important;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) !important;
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
}

/** Price Table >> Price Table Title 10K **/
.pricetable .fl-pricing-table-column-1 .fl-pricing-table-title {
	font-size: 40px !important;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) !important;
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 242, 99), rgb(242, 97, 41)) !important;
}

/** Price Table >> Price Table Title Youth 5K/10K **/
.pricetable .fl-pricing-table-column-2 .fl-pricing-table-title {
	font-size: 40px !important;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5) !important;
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(174, 226, 250), rgb(46, 49, 146)) !important;
}

/** Price Table >> Price Table Price **/
.pricetable .fl-pricing-table-price {
	font-weight: 400 !important;
	text-shadow: 0 -1px 4px rgba(0, 0, 0, 0.8) !important;
	background-image: url("/wp-content/uploads/sites/12/2018/06/burstdots-w-full1600-20.png"), linear-gradient(135deg, rgb(119, 119, 119), rgb(68, 68, 68), rgb(0, 0, 0)) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
}

/** Price Table >> Price Table Duration (txt after price) **/
.pricetable .fl-pricing-table-duration {
	font-size: 20px !important;
	font-weight: 300 !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	background-color: rgba(102, 104, 107, 0) !important;
	display: block !important;
}

/** Price Table >> Price Table Duration (txt after price) Fees **/
.pricetable .fl-pricing-table-duration .fees {
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 11px !important;
	font-weight: 300 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	background-color: rgba(0, 0, 0, 0) !important;
	display: block !important;
}

/** Price Table >> Price Table Column **/
.pricetable .fl-pricing-table-inner-wrap {
	background-image: linear-gradient(135deg, rgb(255, 255, 255), transparent, rgb(234, 234, 234)) !important;
}

/** Price Table >> Price Table List LI **/
.pricetable .fl-pricing-table .fl-pricing-table-features li {
	font-size: 15px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	border-bottom: 1px dashed rgba(102, 102, 102, 0.3) !important;
}

/** Price Table >> Price Table List Icon **/
.pricetable .fl-pricing-table .fl-pricing-table-features li i.fa {
	color: rgb(249, 182, 28) !important;
	text-align: center !important;
	min-width: 22px !important;
}

/** Price Table >> Price Table Kids Dash Last List Item **/
.pricetable .fl-pricing-table-column-2 li:last-child {
	border-bottom-color: rgba(102, 102, 102, 0) !important;
}

/** Price Table >> Price Table Short Hide Elements **/
.pricetable.short .fl-pricing-table-features, 
.pricetable.short .fl-button-wrap, 
.pricetable.short br {
	display: none !important;
}


/*= Bloom ===================== */

/** Bloom >> Bloom Widget Header **/
.et_bloom .widget_bloomwidget .et_bloom_widget_content .et_bloom_form_header, 
.et_bloom .et_bloom_form_header img, 
.et_bloom .widget_bloomwidget .et_bloom_form_header .et_bloom_form_text {
	padding: 0 !important;
}

/** Bloom >> Bloom Widget Headline **/
.et_bloom .widget_bloomwidget .et_bloom_form_header .et_bloom_form_text h2 {
	display: none !important;
}

/** Bloom >> Bloom Widget P **/
.et_bloom .widget_bloomwidget .et_bloom_form_header .et_bloom_form_text p {
	color: rgb(0, 0, 0) !important;
	padding-bottom: 10px !important;
	margin-top: 0 !important;
}

/** Bloom >> Bloom Widget Form Content **/
.et_bloom .et_bloom_widget_content .et_bloom_form_container .et_bloom_form_content {
	padding: 0 !important;
}

/** Bloom >> Bloom Widget Form Container **/
.et_bloom .widget_bloomwidget .et_bloom_form_container {
	background-color: rgba(255, 255, 255, 0) !important;
}

/** Bloom >> Bloom Form Input **/
.et_bloom .widget_bloomwidget .et_bloom_form_container.et_bloom_form_text_light .et_bloom_form_content input, 
.et_bloom .widget_bloomwidget .et_bloom_form_container.et_bloom_form_text_light .et_bloom_form_content #mc_embed_signup .mc-field-group input, 
.et_bloom .widget_bloomwidget .et_bloom_form_content .af-body input.text {
	color: rgb(255, 14, 14) !important;
	background-color: rgb(68, 68, 68) !important;
}


/*= WPDataTables ============== */

/** WPDataTables >> Table TD and TH **/
.wpDataTablesWrapper table.wpDataTable td, 
.wpDataTablesWrapper table.wpDataTable th {
	font-size: 0.8em !important;
}

/** WPDataTables >> Row Details TD **/
.wpdt-c .wpDataTablesWrapper table.has-columns-hidden>tbody>tr.row-detail>td {
	background-color: rgb(255, 255, 255) !important;
}

/** WPDataTables >> Table TH **/
.wpDataTablesWrapper table.wpDataTable th {
	font-size: 0.65em !important;
}

/** WPDataTables >> Team Header **/
.wpDataTablesWrapper table.wpDataTable tr.teamheader td, 
#table_7 th {
	color: rgba(0, 0, 0, 0.8) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background-color: rgb(255, 255, 255) !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	border-bottom-color: rgba(0, 0, 0, 0.8) !important;
	border-top-width: 1px !important;
	border-bottom-width: 2px !important;
}

/** WPDataTables >> Team Top 5 Rows **/
.top5 td {
	font-weight: 500 !important;
}


/*= Gravity Form Columns ====== */

/** Gravity Form Columns >> 2 Column Layout **/
.gform_wrapper .gfield.gf_list_2col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_2col .gfield_radio {
	display: grid !important;
	grid-template-columns: repeat(2,1fr) !important;
	grid-template-rows: repeat(auto-fill,auto) !important;
	display: -ms-grid !important;
	-ms-grid-columns: (1fr) [ 2 ] !important;
	grid-column-gap: 0px !important;
}

/** Gravity Form Columns >> 3 Column Layout **/
.gform_wrapper .gfield.gf_list_3col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_3col .gfield_radio {
	display: grid !important;
	grid-template-columns: repeat(3,1fr) !important;
	grid-template-rows: repeat(auto-fill,auto) !important;
	display: -ms-grid !important;
	-ms-grid-columns: (1fr) [ 3 ] !important;
	grid-column-gap: 0px !important;
}

/** Gravity Form Columns >> 4 Column Layout **/
.gform_wrapper .gfield.gf_list_4col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_4col .gfield_radio {
	display: grid !important;
	grid-template-columns: repeat(4,1fr) !important;
	grid-template-rows: repeat(auto-fill,auto) !important;
	display: -ms-grid !important;
	-ms-grid-columns: (1fr) [ 4 ] !important;
	grid-column-gap: 0px !important;
}

/** Gravity Form Columns >> 5 Column Layout **/
.gform_wrapper .gfield.gf_list_5col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_5col .gfield_radio {
	display: grid !important;
	grid-template-columns: repeat(5,1fr) !important;
	grid-template-rows: repeat(auto-fill,auto) !important;
	display: -ms-grid !important;
	-ms-grid-columns: (1fr) [ 5 ] !important;
	grid-column-gap: 0px !important;
}

/** Gravity Form Columns >> 6 Column Layout **/
.gform_wrapper .gfield.gf_list_6col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_6col .gfield_radio {
	display: grid !important;
	grid-template-columns: repeat(6,1fr) !important;
	grid-template-rows: repeat(auto-fill,auto) !important;
	display: -ms-grid !important;
	-ms-grid-columns: (1fr) [ 6 ] !important;
	grid-column-gap: 0px !important;
}


/*= Notification X ============ */

/** Notification X >> Notification Front End Container **/
#notificationx-frontend .nx-container.nxc-bottom_left {
	
}
.notificationx-frontend .notification-item {
	width: 360px !important;
	max-width: 360px !important;
	bottom: 15px !important;
	left: 15px !important;
}

/** Notification X >> Container **/
.nx-container {
	width: 360px !important;
	border-radius: 8px !important;
}

/** Notification X >> Notification Item **/
.notification-item {
	background-color: rgba(0, 0, 0, 0) !important;
	border-radius: 8px !important;
}

/** Notification X >> Inner Container **/
.notificationx-inner {
	box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.1) !important;
	background-image: url("/wp-content/uploads/sites/12/2018/06/burstdots-bw-rightsm-30.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 255, 255), rgb(204, 204, 204)) !important;
	background-position: 100% center !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	padding-left: 5px !important;
	border: 1px solid rgb(226, 165, 237) !important;
	border-radius: 8px !important;
}

/** Notification X >> Image Container **/
.notification-item .notificationx-image {
	background-color: rgba(0, 0, 0, 0) !important;
	width: 80px !important;
	min-width: 80px !important;
	padding: 10px !important;
	-webkit-flex-basis: 80px !important;
	flex-basis: 80px !important;
}

/** Notification X >> Image **/
.notificationx-image img {
	width: 60px !important;
	height: 60px !important;
}

/** Notification X >> Content Container **/
.notification-item .notificationx-content {
	background-color: rgba(0, 0, 0, 0) !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

/** Notification X >> First Row Text **/
.nx-first-row {
	color: rgb(0, 0, 0) !important;
	font-size: 15px !important;
	line-height: 1.4em !important;
}

/** Notification X >> Second Row Text **/
.nx-second-row {
	font-size: 10px !important;
	margin-bottom: 0 !important;
}

/** Notification X >> Second Row Text span **/
.nx-second-row {
	color: rgb(68, 68, 68) !important;
	opacity: 0.7 !important;
}

/** Notification X >> Second Row Text: before **/
.nx-second-row p:before {
	font-family: "Font Awesome 6 Pro" !important;
	font-weight: 900 !important;
	padding-right: 3px !important;
	content: '\f058' !important;
}

/** Notification X >> Notification Strong **/
.notification-item .notificationx-content strong {
	text-transform: capitalize !important;
}


/*= Forms UX 2 ================ */

/** Forms UX 2 >> Form Wrapper **/
.fux2 .gform_wrapper, 
.fux2 .gform_widget {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	background-color: rgb(255, 255, 255) !important;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-top-width: medium !important;
	border-top-style: none !important;
}

/** Forms UX 2 >> Input **/
.fux2 .gform_wrapper input[type=url], 
.fux2 .gform_wrapper input[type=text], 
.fux2 .gform_wrapper input[type=password], 
.fux2 .gform_wrapper input[type=email], 
.fux2 .gform_wrapper input[type=tel], 
.fux2 .gform_wrapper input[type=date], 
.fux2 .gform_wrapper input[type=month], 
.fux2 .gform_wrapper input[type=week], 
.fux2 .gform_wrapper input[type=time], 
.fux2 .gform_wrapper input[type=number], 
.fux2 .gform_wrapper input[type=search], 
.fux2 .gform_wrapper textarea, 
.fux2 .gform_wrapper select, 
.fux2 .gwtos_terms_container {
	color: rgb(51, 51, 51) !important;
	font-size: 18px !important;
	line-height: 1em !important;
	font-weight: 300 !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset !important;
	background-color: rgb(255, 255, 255) !important;
	min-height: 46px !important;
	padding: 8px 14px 8px 40px !important;
	border-color: rgba(0, 0, 0, 0.3) !important;
	border-width: 1px !important;
	border-radius: 6px !important;
	display: inline-block !important;
}

/** Forms UX 2 >> Input Stripe Element **/
.fux2 .StripeElement {
	color: rgb(51, 51, 51) !important;
	font-size: 20px !important;
	font-weight: 300 !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset !important;
	background-color: rgb(255, 255, 255) !important;
	height: auto !important;
	min-height: 46px !important;
	padding: 14px !important;
	margin-top: 5px !important;
	border-color: rgba(0, 0, 0, 0.3) !important;
	border-width: 1px !important;
	border-radius: 6px !important;
}

/** Forms UX 2 >> Input:focus **/
.fux2 input[type=url]:focus, 
.fux2 input[type=text]:focus, 
.fux2 input[type=password]:focus, 
.fux2 input[type=email]:focus, 
.fux2 input[type=tel]:focus, 
.fux2 input[type=date]:focus, 
.fux2 input[type=month]:focus, 
.fux2 input[type=week]:focus, 
.fux2 input[type=time]:focus, 
.fux2 input[type=number]:focus, 
.fux2 input[type=search]:focus, 
.fux2 textarea:focus, 
.fux2 .StripeElement:focus-within {
	color: rgb(0, 153, 51) !important;
	background-color: rgb(255, 255, 204) !important;
	border: 1px solid rgb(153, 90, 164) !important;
}

/** Forms UX 2 >> Gform Footer **/
.fux2 .gform_footer {
	text-align: center !important;
}

/** Forms UX 2 >> Input Submit **/
.fux2 .gform_footer input.button, 
.fux2 .gform_footer input[type=submit], 
.fux2 .gform_page_footer input.button, 
.fux2 .gform_page_footer input[type=submit] {
	font-size: 36px !important;
	text-transform: uppercase !important;
	width: 100% !important;
	height: auto !important;
	padding: 10px 30px 10px 30px !important;
	margin-left: 0 !important;
	border-color: rgb(226, 165, 237) !important;
	border-radius: 8px !important;
}

/** Forms UX 2 >> Input Submit:hover **/
.fux2 button:hover, 
.fux2 input[type=button]:hover, 
.fux2 input[type=submit]:hover {
	color: rgb(0, 0, 0) !important;
	text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.5) !important;
	box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.4) !important;
	background-color: rgb(35, 42, 52) !important;
	background-image: url("https://bethelight5k.com/wp-content/uploads/sites/12/2018/06/burstdots-bw-left-50.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

/** Forms UX 2 >> Field Description **/
.fux2 .gfield_description {
	color: rgb(153, 90, 164) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

/** Forms UX 2 >> Product Price **/
.ginput_product_price_wrapper input[type=text] {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	background-color: rgb(255, 255, 204) !important;
	padding: 10px 20px 10px 20px !important;
}

/** Forms UX 2 >> Ginput Price (label price) **/
.fux2 .ginput_price, 
#field_22_5 .ginput_price {
	color: rgb(0, 153, 51) !important;
	font-size: 18px !important;
}

/** Forms UX 2 >> Select **/
.gform_wrapper select {
	height: 46px !important;
}

/** Forms UX 2 >> Form Section **/
.fux2 .gform_wrapper .gsection {
	box-shadow: 0 15px 15px -15px rgba(0, 0, 0, 0.4) !important;
	background-image: url("https://bethelight5k.com/wp-content/uploads/sites/12/2018/06/burstdots-bw-left-50.png"), linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-top: 25px !important;
	margin-bottom: 10px !important;
	border-radius: 100px !important;
}

/** Forms UX 2 >> Form Section Title **/
.fux2 .gform_wrapper .gsection .gsection_title {
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

/** Forms UX 2 >> Form Process Fee Title **/
.fux2 #field_12_72 label.gfield_label_before_complex, 
.fux2 #field_12_25 label.gfield_label {
	display: none !important;
}

/** Forms UX 2 >> Form Process Fee **/
.fux2 .ginput_container_product_calculation .ginput_product_price_wrapper {
	color: rgb(204, 0, 0) !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	position: relative !important;
	left: 0 !important;
	display: inline-block !important;
}

/** Forms UX 2 >> Form Process Fee Price **/
.fux2 .ginput_container_product_calculation .ginput_product_price {
	font-size: 18px !important;
}

/** Forms UX 2 >> Form Process Fee:before **/
.fux2 .ginput_container_product_calculation .ginput_product_price_wrapper:before {
	font-family: "Ubuntu",sans-serif !important;
	color: rgb(51, 51, 51) !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	position: relative !important;
	display: inline !important;
	content: "PROCESS FEE:" !important;
}

/** Forms UX 2 >> Form Total Container **/
.fux2 .ginput_container_total {
	color: rgb(0, 153, 51) !important;
	font-size: 22px !important;
	background-color: rgb(204, 255, 204) !important;
	min-width: 50% !important;
	padding: 10px !important;
	margin-bottom: 20px !important;
	border-radius: 6px !important;
}

/** Forms UX 2 >> Form Total Input **/
.fux2 .gform_wrapper input.ginput_total {
	color: rgb(0, 153, 0) !important;
	font-size: 22px !important;
	box-shadow: 0 0 0 0 rgba(0, 153, 0, 0) !important;
	background-color: rgba(255, 255, 255, 0) !important;
	padding-left: 90px !important;
	margin-bottom: 0 !important;
	border-style: none !important;
}

/** Forms UX 2 >> Form Total:before **/
.fux2 #field_12_25 div.ginput_container:before {
	font-family: "Ubuntu",sans-serif !important;
	color: rgb(0,153,51) !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	margin-top: 10px !important;
	content: "TOTAL:" !important;
}

/** Forms UX 2 >> Form Info **/
.fux2 .forminfo {
	background-color: rgba(255, 255, 204, 0.5) !important;
}

/** Forms UX 2 >> Form Info Icon **/
.forminfo i.fa-trophy {
	margin-right: 15px !important;
}

/** Forms UX 2 >> Form Info H3 **/
.forminfo h3 {
	font-size: 26px !important;
	margin-top: 0 !important;
}

/** Forms UX 2 >> Textarea **/
textarea {
	max-height: 150px !important;
}

/** Forms UX 2 >> Terms Container **/
.fux2 .gwtos_terms_container {
	color: rgba(0, 0, 0, 0.7) !important;
	font-size: 13px !important;
	line-height: 1.5em !important;
	font-weight: 400 !important;
	background-image: linear-gradient(0, rgb(255, 255, 255), rgb(255, 255, 255), rgba(204, 204, 204, 0.2)) !important;
	min-width: 99% !important;
	min-height: 200px !important;
	padding: 10px !important;
}

/** Forms UX 2 >> Terms/Waiver Checkbox Wrap **/
.fux2 .gchoice_12_84_1, 
.fux2 #field_12_88, 
.fux2 .gchoice_3_16_1, 
.fux2 .gchoice_4_52_1, 
.fux2 .gchoice_4_76_1 {
	background-color: rgb(239, 239, 239) !important;
	padding: 15px 14px 15px 20px !important;
	border: 1px solid rgba(193, 213, 231, 0) !important;
	border-radius: 6px !important;
	position: relative !important;
}

/** Forms UX 2 >> Terms/Waiver Checkbox Wrap:hover **/
.fux2 .gchoice_12_84_1:hover, 
.fux2 #field_12_88:hover, 
.fux2 .gchoice_3_16_1:hover, 
.fux2 .gchoice_4_52_1:hover, 
.fux2 .gchoice_4_76_1:hover {
	color: rgb(153, 90, 164) !important;
	background-color: rgb(255, 255, 204) !important;
	border-color: rgb(255, 204, 0) !important;
	cursor: pointer !important;
}

/** Forms UX 2 >> Terms Agree Label **/
.fux2 .gchoice_12_84_1 label, 
.fux2 .gchoice_3_16_1 label, 
.fux2 .gchoice_4_52_1 label, 
.fux2 .gchoice_4_76_1 label {
	padding-left: 5px !important;
}

/** Forms UX 2 >> DOB Date/Month Field Containers **/
body .fux2 .gform_wrapper .gfield_date_day, 
body .fux2 .gform_wrapper .gfield_date_month {
	width: inherit !important;
	max-width: inherit !important;
	margin-top: inherit !important;
}

/** Forms UX 2 >> DOB Date/Month Input **/
body .fux2 .gform_wrapper .gfield_date_day input, 
body .fux2 .gform_wrapper .gfield_date_month input {
	width: calc(10rem + 8px) !important;
}

/** Forms UX 2 >> DOB Year Input **/
body .fux2 .gform_wrapper .gfield_date_year input {
	width: calc(12rem + 8px) !important;
}

/** Forms UX 2 >> List 2 Column **/
.fux2 .gform_wrapper .gfield.gf_list_2col .gfield_radio {
	grid-template-columns: repeat(2,1fr) !important;
	-ms-grid-columns: (1fr) [ 2 ] !important;
	grid-column-gap: 10px !important;
}

/** Forms UX 2 >> List 3 Column **/
.fux2 .gform_wrapper .gfield.gf_list_3col .gfield_radio {
	grid-template-columns: repeat(3,1fr) !important;
	-ms-grid-columns: (1fr) [ 3 ] !important;
	grid-column-gap: 10px !important;
}

/** Forms UX 2 >> List 4 Column **/
.fux2 .gform_wrapper .gfield.gf_list_4col .gfield_radio {
	grid-template-columns: repeat(4,1fr) !important;
	-ms-grid-columns: (1fr) [ 4 ] !important;
	grid-column-gap: 10px !important;
}

/** Forms UX 2 >> List 5 Column **/
.fux2 .gform_wrapper .gfield.gf_list_5col .gfield_radio {
	grid-template-columns: repeat(5,1fr) !important;
	-ms-grid-columns: (1fr) [ 5 ] !important;
	grid-column-gap: 10px !important;
}

/** Forms UX 2 >> List 6 Column **/
.fux2 .gform_wrapper .gfield.gf_list_6col .gfield_radio {
	display: grid !important;
	grid-template-columns: repeat(6, 1fr) !important;
	grid-template-rows: repeat(auto-fill, auto) !important;
	display: -ms-grid !important;
	-ms-grid-columns: (1fr) [ 6] !important;
	grid-column-gap: 10px !important;
}

/** Forms UX 2 >> Total:before **/
#field_22_44 div.ginput_container:before {
	font-family: "Ubuntu",sans-serif !important;
	color: rgb(0, 153, 51) !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	content: "TOTAL: " !important;
}

/** Forms UX 2 >> List 5 Column Donation **/
.fux2 .gform_wrapper #field_12_36.gfield.gf_list_5col .gfield_radio {
	grid-template-columns: repeat(5,1fr) !important;
	-ms-grid-columns: (1fr) [ 5 ] !important;
	grid-column-gap: 10px !important;
}

/** Forms UX 2 >> List 5 Column Donation Other **/
.fux2 .gform_wrapper #field_12_36.gfield.gf_list_5col .gfield_radio .gchoice_12_36_4 {
	grid-template-columns: repeat(5,1fr) !important;
	-ms-grid-columns: (1fr) [ 5 ] !important;
	grid-column-gap: 10px !important;
}

/** Forms UX 2 >> Total Icon Input **/
#field_22_44 input {
	color: rgb(0, 153, 51) !important;
	padding-left: 90px !important;
}

/** Forms UX 2 >> Validation Errors Summary Wrap **/
.fux2 .gform_validation_errors {
	color: rgb(238, 0, 0) !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	border: 2px dashed rgb(238, 0, 0) !important;
	border-radius: 6px !important;
}

/** Forms UX 2 >> Validation Errors Summary H2 **/
.fux2 .gform_wrapper .gform_validation_errors h2 {
	font-family: "Ubuntu",sans-serif !important;
	color: rgb(238, 0, 0) !important;
	font-size: 18PX !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
}

/** Forms UX 2 >> Validation Errors **/
.fux2 .validation_message {
	color: rgb(238, 0, 0) !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	border: 1px dashed rgb(238, 0, 0) !important;
	border-radius: 6px !important;
}

/** Forms UX 2 >> Validation Error:before **/
.fux2 .gfield .validation_message:before, 
.fux2 .ginput_container .validation_message:before, 
.fux2 #field_12_79 div.validation_message:before, 
.fux2 #field_12_5 div.validation_message:before, 
.fux2 #field_12_11 div.validation_message:before, 
.fux2 #field_12_9 div.validation_message:before, 
.fux2 #field_12_83 div.validation_message:before {
	color: rgb(238, 0, 0) !important;
	font-weight: 600 !important;
	width: auto !important;
	padding-right: 5px !important;
	padding-left: 0 !important;
	margin-top: 0 !important;
	margin-left: -6px !important;
	position: relative !important;
	top: 1px !important;
	left: 0 !important;
	right: 0 !important;
	content: "\f176" !important;
}

/** Forms UX 2 >> Validation Error Instruction **/
.fux2 .gfield .instruction.validation_message {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

/** Forms UX 2 >> Validation Error Link:hover **/
.gform_wrapper .gform_validation_errors>ol a:hover {
	color: rgb(238, 0, 0) !important;
	font-weight: 400 !important;
}

/** Forms UX 2 >> Promo Code Wrap **/
.fux2 #field_12_19, 
.fux #field_3_16 {
	background-color: rgba(0, 0, 0, 0.05) !important;
	padding: 10px !important;
	border: 1px dashed rgba(0, 0, 0, 0.2) !important;
	border-radius: 6px !important;
}

/** Forms UX 2 >> Promo Code Wrap Label **/
.fux2 #field_12_19 .gfield_label, 
.fux2 #field_3_16 .gfield_label {
	display: block !important;
	cursor: pointer !important;
}

/** Forms UX 2 >> Promo Code Wrap Label Icon **/
.fux2 #field_12_19 .gfield_label:before {
	font-family: "Font Awesome 6 Pro" !important;
	color: rgba(0, 0, 0, 0.2) !important;
	font-size: 1.1em !important;
	line-height: 1em !important;
	font-weight: 900 !important;
	padding-right: 8px !important;
	content: "\f645" !important;
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-font-smoothing: antialiased !important;
	text-rendering: auto !important;
}

/** Forms UX 2 >> Promo Code Wrap Label:hover **/
.fux2 #field_12_19 .gfield_label:hover, 
.fux2 #field_12_19 .gfield_label:hover:after {
	color: rgb(0, 153, 51) !important;
}

/** Forms UX 2 >> Promo Code Wrap Label:after **/
.fux2 #field_12_19 .gfield_label:after {
	font-family: "Font Awesome 6 Pro" !important;
	color: rgba(0, 0, 0, 0.3) !important;
	font-weight: 900 !important;
	float: right !important;
	-webkit-transition: .5s linear !important;
	transition: .5s linear !important;
	content: "\f13a" !important;
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-font-smoothing: antialiased !important;
	text-rendering: auto !important;
	-moz-transition: all .5s linear !important;
	-webkit-transition: all .5s linear !important;
}

/** Forms UX 2 >> Promo Code Wrap Label:after Down **/
.fux2 #field_12_19 .gfield_label.down:after {
	transform: rotateZ(180deg) !important;
	-moz-transform: rotate(180deg) !important;
	-webkit-transform: rotate(180deg) !important;
}

/** Forms UX 2 >> Promo Code Description **/
.fux2 #gfield_description_12_19 {
	padding-bottom: 6px !important;
}

/** Forms UX 2 >> Promo Code Field **/
.fux2 #gf_coupon_code_12 {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/** Forms UX 2 >> Promo Code Apply Button **/
body .fux2 input#gf_coupon_button.button {
	color: rgb(0, 0, 0) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	background-color: rgba(0, 0, 0, 0.3) !important;
	background-position: center center !important;
	min-height: 46px !important;
	padding: 11px 20px 11px 20px !important;
	margin-left: 0 !important;
	border-radius: 0 6px 6px 0 !important;
	position: relative !important;
	top: 1px !important;
}

/** Forms UX 2 >> Promo Code Apply Button:hover **/
.fux2 input#gf_coupon_button.button:hover {
	color: rgb(0, 0, 0) !important;
	background-color: rgb(0, 0, 0) !important;
	background-size: contain !important;
}

/** Forms UX 2 >> Promo Code Coupon Discount Container TD **/
.fux2 .gf_coupon_discount_container {
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}

/** Forms UX 2 >> Promo Code Coupon Container TD **/
.fux2 .gf_coupon_name_container, 
.fux2 .gf_coupon_discount_container {
	color: rgb(0, 102, 0) !important;
	background-color: rgb(204, 255, 204) !important;
	padding: 6px 15px 6px 15px !important;
	border-bottom-style: none !important;
}

/** Forms UX 2 >> Promo Code Coupon Name Container TD **/
.fux2 .gf_coupon_name_container {
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}

/** Forms UX 2 >> Legacy Club Strong **/
.fux2 #field_12_88 strong {
	color: rgba(0, 0, 0, 0.8) !important;
	font-size: 16px !important;
	line-height: 16px !important;
	padding-right: 8px !important;
	display: inline-block !important;
}

/** Forms UX 2 >> Legacy Club Icon **/
.fux2 #field_12_88 strong:before {
	font-family: "Font Awesome 6 Pro" !important;
	color: rgba(0, 0, 0, 0.2) !important;
	font-size: 1.1em !important;
	line-height: 1em !important;
	font-weight: 900 !important;
	padding-right: 8px !important;
	content: "\f6a4" !important;
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-font-smoothing: antialiased !important;
	text-rendering: auto !important;
}

/** Forms UX 2 >> Input span:before (icon) **/
.fux2 .ginput_container span:before, 
.fux2 .gfield div:before {
	font-family: "Font Awesome 6 Pro" !important;
	color: rgba(0, 0, 0, 0.2) !important;
	font-size: 1.1em !important;
	line-height: 1em !important;
	font-weight: 900 !important;
	margin-top: 15px !important;
	margin-left: 12px !important;
	position: absolute !important;
	display: block !important;
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-font-smoothing: antialiased !important;
	text-rendering: auto !important;
}

/** Forms UX 2 >> Input:before (Icon):focus **/
.fux2 .ginput_container span:focus-within:before, 
.fux2 .gfield div:focus-within:before {
	color: rgb(0, 153, 51) !important;
}

/** Forms UX 2 >> Team/Individual Icon **/
.fux2 #field_12_79 div:before, 
.fux2 #field_13_19 div:before, 
.fux2 #field_12_114 div:before {
	content: "\f0c0" !important;
}

/** Forms UX 2 >> Hashtag/Bib Icon **/
.fux2 #field_13_8 div:before {
	content: "\f292" !important;
}

/** Forms UX 2 >> Input span **/
.fux2 .ginput_container span, 
.fux2 .gfield div {
	position: relative !important;
	clear: both !important;
}

/** Forms UX 2 >> Create New Team Icon **/
.fux2 #field_12_80 div:before {
	content: "\f830" !important;
}

/** Forms UX 2 >> Company Icon **/
.fux2 #field_13_14 div:before, 
.fux2 #field_4_18 div:before, 
.fux2 #field_14_23 div:before {
	content: "\f1ad" !important;
}

/** Forms UX 2 >> Title Icon **/
.fux2 #field_4_19 div:before, 
.fux2 #field_14_24 div:before {
	content: "\f2c1" !important;
}

/** Forms UX 2 >> Website Icon **/
.fux2 #field_4_15 div:before, 
.fux2 .ginput_container_website:before {
	content: "\f0ac" !important;
}

/** Forms UX 2 >> Hear about icon **/
.fux2 #field_4_71 div:before {
	content: "\f086" !important;
}

/** Forms UX 2 >> Time Icon **/
.fux2 #field_13_48 div.ginput_container:before {
	content: "\f017" !important;
}

/** Forms UX 2 >> Race Entry Runner Icon **/
.fux2 #field_13_44 div.ginput_container:before, 
.fux2 #field_3_23 div.ginput_container:before {
	content: "\f70c" !important;
}

/** Forms UX 2 >> Name Icon **/
.fux2 #input_12_3_3_container:before, 
.fux2 #input_12_3_6_container:before, 
.fux2 #input_12_91_5_container:before, 
.fux2 .name_first:before, 
.fux2 .name_last:before, 
.fux2 #input_13_23_5_container:before, 
.fux2 #input_4_73_5_container:before, 
.fux2 .gfield_list_108_cell1:before, 
.fux2 .gfield_list_108_cell2:before, 
.fux2 .gfield_list_112_cell1:before, 
.fux2 .gfield_list_112_cell2:before, 
.fux2 .gfield_list_113_cell1:before, 
.fux2 .gfield_list_113_cell2:before {
	content: "\f007" !important;
}

/** Forms UX 2 >> Email Icon **/
.fux2 #input_12_4_1_container:before, 
.fux2 #input_12_4_2_container:before, 
.fux2 .ginput_container_email span:before, 
.fux2 .ginput_container_email:before, 
.fux2 .gfield_list_108_cell3:before, 
.fux2 .gfield_list_112_cell3:before, 
.fux2 .gfield_list_113_cell3:before {
	content: "\f0e0" !important;
}

/** Forms UX 2 >> Phone Icon **/
.fux2 #field_12_5 div:before, 
.fux2 #field_12_11 div:before, 
.fux2 .ginput_container_phone:before, 
.fux2 .gfield_list_108_cell4:before, 
.fux2 .gfield_list_112_cell4:before, 
.fux2 .gfield_list_113_cell4:before {
	content: "\f095" !important;
}

/** Forms UX 2 >> Gender Icon **/
.fux2 .gfield_list_108_cell5:before, 
.fux2 .gfield_list_112_cell5:before, 
.fux2 .gfield_list_113_cell5:before {
	content: "\f183" !important;
}

/** Forms UX 2 >> Subject Icon **/
.fux2 #field_13_4 div:before {
	content: "\f4ad" !important;
}

/** Forms UX 2 >> Upgrade/Downgrade Icon **/
.fux2 #input_13_65_1_container:before, 
.fux2 #input_13_65_2_container:before, 
.fux2 #input_13_60_1_container:before, 
.fux2 #input_13_60_2_container:before {
	content: "\f0ec" !important;
}

/** Forms UX 2 >> Message Icon **/
.fux2 #field_13_5 .ginput_container_textarea:before, 
.fux2 #field_4_5 .ginput_container_textarea:before, 
.fux2 #field_3_10 .ginput_container_textarea:before, 
.fux2 #field_6_14 .ginput_container_textarea:before, 
.fux2 #field_6_13 .ginput_container_textarea:before, 
.fux2 #field_6_15 .ginput_container_textarea:before, 
.fux2 #field_14_5 .ginput_container_textarea:before {
	margin-top: 12px !important;
	content: "\f4ae" !important;
}

/** Forms UX 2 >> Emergency Name Icon **/
.fux2 #input_12_10_3_container:before, 
.fux2 #input_12_10_6_container:before, 
.fux2 #input_13_37_3_container:before, 
.fux2 #input_13_37_6_container:before {
	margin-left: 11px !important;
	content: "\f4fc" !important;
}

/** Forms UX 2 >> Emergency Relationship Icon **/
.fux2 #field_12_9 div:before, 
.fux2 #field_13_39 div:before {
	font-weight: 900 !important;
	content: "\f830" !important;
}

/** Forms UX 2 >> DOB Icon **/
.fux2 #input_12_30_1_container:before, 
.fux2 #input_12_30_2_container:before, 
.fux2 #input_12_30_3_container:before, 
.fux2 .gfield_date_month:before, 
.fux2 .gfield_date_day:before, 
.fux2 .gfield_date_year:before, 
.fux2 .gfield_list_108_cell6:before, 
.fux2 .gfield_list_112_cell6:before, 
.fux2 .gfield_list_113_cell6:before {
	content: "\f073" !important;
}

/** Forms UX 2 >> Shirt Icon **/
.fux2 .gfield_list_108_cell7:before, 
.fux2 .gfield_list_112_cell7:before, 
.fux2 .gfield_list_113_cell7:before {
	content: "\f553" !important;
}

/** Forms UX 2 >> Distance Icon **/
.fux2 .gfield_list_108_cell8:before, 
.fux2 .gfield_list_112_cell8:before, 
.fux2 .gfield_list_113_cell8:before {
	content: "\f70c" !important;
}

/** Forms UX 2 >> Address Icon **/
.fux2 .ginput_container_address span:before {
	content: "\f3c5" !important;
}

/** Forms UX 2 >> Donate Icon **/
.fux2 #field_12_83 div:before {
	content: "\f4b9" !important;
}

/** Forms UX 2 >> Promo Code Icon **/
#field_12_19 div.ginput_container_coupon:before {
	content: "\f645" !important;
}

/** Forms UX 2 >> Input Radio Label **/
.fux2 .gform_wrapper .gfield_radio label, 
.fux2 .gform_wrapper input[type=radio] + label {
	font-size: 18px !important;
	line-height: 2em !important;
	font-weight: 400 !important;
	text-align: center !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
	background-color: rgb(255, 255, 255) !important;
	background-image: linear-gradient(0deg, rgb(239, 239, 239), rgba(239, 239, 239, 0.5), rgb(255, 255, 255)) !important;
	width: 100% !important;
	max-width: 100% !important;
	padding: 8px 5px 8px 5px !important;
	margin: 0 !important;
	border: 1px solid rgba(0, 0, 0, 0.3) !important;
	border-radius: 6px !important;
	position: relative !important;
	display: block !important;
	cursor: pointer !important;
}

/** Forms UX 2 >> Input Radio Label:hover **/
.fux2 .gform_body input[type=radio] + label:hover {
	color: rgb(0, 153, 51) !important;
	border-color: rgb(153, 90, 164) !important;
	background: rgb(255, 255, 204) !important;
}

/** Forms UX 2 >> Input Radio Label:hover icon **/
.fux2 .gform_body input[type=radio] + label:hover:before {
	color: rgb(0, 153, 51) !important;
}

/** Forms UX 2 >> Input Radio:checked Label:hover **/
.gform_body input[type=radio]:checked + label:hover, 
.gform_body input[type=radio]:checked + label:hover:before {
	color: rgb(51, 51, 51) !important;
}

/** Forms UX 2 >> Input Radio:checked Label **/
.fux2 .gform_body input[type=radio]:checked + label {
	color: rgb(0, 153, 0) !important;
	line-height: 2em !important;
	font-weight: 600 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2) inset !important;
	background-image: linear-gradient(rgb(255, 242, 99), rgb(255, 255, 255) 75%, rgb(255, 255, 255)) !important;
	padding: 8px 5px 8px 5px !important;
	border: 1px solid rgb(153, 90, 164) !important;
}

/** Forms UX 2 >> Input Radio:checked Label:before **/
.fux2 .gform_body input[type=radio]:checked + label:before {
	color: rgb(0, 153, 0) !important;
}

/** Forms UX 2 >> Input Radio Label:before **/
.gfield_radio label:before {
	color: rgba(35, 42, 52, 0.8) !important;
	vertical-align: middle !important;
	padding-right: 8px !important;
	transform: translate(0, 0) !important;
	font: 900 1.5em / 1.2em "Font Awesome 6 Pro" !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Forms UX 2 >> Input Radio Label:before 2-column **/
.gf_list_2col .gfield_radio label:before {
	color: rgba(35, 42, 52, 0.8) !important;
	vertical-align: middle !important;
	padding-right: 8px !important;
	transform: translate(0, 0) !important;
	font: 900 1.5em / 1.2em "Font Awesome 6 Pro" !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Forms UX 2 >> Input Radio Label:after **/
.fux2 .gfield_radio label:after {
	color: rgba(0, 0, 0, 0.1) !important;
	vertical-align: middle !important;
	padding-right: 8px !important;
	position: absolute !important;
	top: 7px !important;
	right: 0 !important;
	transform: translate(0, 0) !important;
	content: "\f111" !important;
	font: 300 1em / 1.2em "Font Awesome 6 Pro" !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Forms UX 2 >> Input Radio Checked Label:after **/
.fux2 .gform_body input[type=radio]:checked + label:after {
	color: rgb(0, 153, 0) !important;
	font-weight: 900 !important;
	content: "\f058" !important;
}

/** Forms UX 2 >> Icon: Runner **/
#label_12_74_0:before, 
#label_12_74_1:before, 
#label_12_74_2:before, 
#input_22_7 label:before {
	font-size: 2em !important;
	display: block !important;
	content: "\f70c" !important;
}

/** Forms UX 2 >> Icon: Runners Standard **/
#field_14_31 div:before, 
#field_14_42 div:before, 
#field_14_38 div:before, 
#field_14_39 div:before {
	content: "\f70c" !important;
}

/** Forms UX 2 >> Icon: Youth **/
#label_12_74_2:before {
	font-size: 2em !important;
	display: block !important;
	content: "\f1ae" !important;
}

/** Forms UX 2 >> Icon: Runner Virtual **/
#label_12_74_3:before {
	font-size: 2em !important;
	display: block !important;
	content: "\e023" !important;
}

/** Forms UX 2 >> Icon: Youth Secondary **/
#label_12_89_0:before, 
#label_12_89_1:before {
	content: "\f1ae" !important;
}

/** Forms UX 2 >> Icon: Virtual Secondary **/
#label_12_75_0:before, 
#label_12_75_1:before {
	content: "\e023" !important;
}

/** Forms UX 2 >> Icon: Female **/
#label_18_8_0:before, 
#label_19_52_1:before, 
#label_6_14_1:before, 
#label_5_18_0:before, 
#label_19_8_0:before, 
#label_20_32_1:before, 
#label_22_8_0:before {
	content: "\f182" !important;
}

/** Forms UX 2 >> Icon: Male **/
#label_18_8_1:before, 
#label_19_52_0:before, 
#label_6_14_0:before, 
#label_5_18_1:before, 
#label_19_8_1:before, 
#label_20_32_0:before, 
#label_22_8_1:before {
	content: "\f183" !important;
}

/** Forms UX 2 >> Icon: Credit Card **/
#label_18_40_0:before, 
#label_19_41_0:before, 
#label_9_22_0:before, 
#label_19_40_0:before, 
#label_7_22_0:before, 
#label_20_42_0:before, 
#label_22_40_0:before {
	content: "\f09d" !important;
}

/** Forms UX 2 >> Icon: PayPal **/
#label_18_40_1:before, 
#label_19_41_1:before, 
#label_9_22_1:before, 
#label_7_22_1:before, 
#label_19_40_1:before, 
#label_20_42_1:before, 
#label_22_40_1:before {
	font-family: "Font Awesome 6 Brands" !important;
	font-weight: 300 !important;
	content: "\f1ed" !important;
}

/** Forms UX 2 >> Icon: Shirt **/
#label_18_9_0:before, 
#label_18_9_1:before, 
#label_18_9_2:before, 
#label_18_9_3:before, 
#label_18_9_4:before, 
#label_5_16_0:before, 
#label_5_16_1:before, 
#label_5_16_2:before, 
#label_5_16_3:before, 
#label_5_16_4:before, 
#label_19_9_0:before, 
#label_19_9_1:before, 
#label_19_9_2:before, 
#label_19_9_3:before, 
#label_19_9_4:before, 
#label_19_9_5:before, 
#input_20_33 label:before, 
#input_22_9 label:before {
	content: "\f553" !important;
}

/** Forms UX 2 >> Section Title:before **/
.gform_wrapper .gsection .gsection_title:before {
	font-family: "Font Awesome 6 Pro" !important;
	font-weight: 900 !important;
	padding-right: 5px !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Forms UX 2 >> Label **/
.fux2 .gfield_label {
	font-weight: normal !important;
	text-transform: uppercase !important;
	margin-bottom: 0 !important;
	border-bottom-style: none !important;
}

/** Forms UX 2 >> Recaptcha Response Input **/
#g-recaptcha-response {
	display: none !important;
}

/** Forms UX 2 >> Reset Input Price **/
#field_13_21 .ginput_product_price, 
#field_13_64 .ginput_product_price, 
#field_13_61 .ginput_product_price, 
#field_13_62 .ginput_product_price, 
#field_13_63 .ginput_product_price, 
#field_13_26 .ginput_product_price {
	color: rgb(0, 153, 0) !important;
	box-shadow: 0 0 0 0 rgba(51, 51, 51, 0) !important;
	background-color: rgb(204, 255, 204) !important;
	padding-left: 20px !important;
}

/** Forms UX 2 >> Sponsor Options **/
#input_4_47 label {
	font-size: 18px !important;
	line-height: 1.5em !important;
}

/** Forms UX 2 >> Sponsor Options Price **/
#input_4_47 .ginput_price {
	font-weight: 300 !important;
	padding-left: 5px !important;
	display: inline-block !important;
}

/** Forms UX 2 >> List Plus Button Hover **/
.fux2 .gfield_list_icons button:hover.add_list_item {
	background: url("/wp-content/plugins/gravityforms/images/list-add.svg") !important;
}

/** Forms UX 2 >> List Minus Button Hover **/
.fux2 .gfield_list_icons button:hover.delete_list_item {
	background: url("/wp-content/plugins/gravityforms/images/list-remove.svg") !important;
}

/** Forms UX 2 >> List Items Group **/
.fux2 .gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item {
	margin-left: 0.5% !important;
}

/** Forms UX 2 >> List Item Input **/
.fux2 .gform_wrapper.gravity-theme .gfield_list_group_item.gfield_list_group_item input {
	font-size: 16px !important;
	letter-spacing: -0.03em !important;
}

/** Forms UX 2 >> List Header Item **/
.fux2 .gfield_header_item {
	font-size: 14px !important;
	text-transform: uppercase !important;
	-webkit-align-self: flex-end !important;
	align-self: flex-end !important;
}

/** Forms UX 2 >> Gform Hidden **/
.gform_hidden, 
.gform_hidden label, 
.gform_hidden legend, 
.gfield_visibility_hidden, 
.gfield_visibility_hidden label, 
.gfield_visibility_hidden legend, 
.hidden_label legend {
	display: none !important;
}

/** Forms UX 2 >> List Field Group **/
.fux2 .gfield_list_group {
	margin-bottom: 10px !important;
}

/** Forms UX 2 >> Fixing Fieldset w/Icon on Mobile **/
.fux2 .gform_wrapper.gravity-theme .ginput_complex span, 
.fux2 .gform_wrapper.gravity-theme .ginput_complex div {
	clear: both !important;
	display: block !important;
}

/** Forms UX 2 >> Fix Select on Mobile **/
.fux2 .gform_wrapper.gravity-theme .gfield select {
	display: block !important;
}

/** Forms UX 2 >> Stripe Before Link FIX **/
.gform_legacy_markup_wrapper #stripe-payment-link:before, 
.gravity-theme #stripe-payment-link:before {
	font-family: "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
	color: rgba(0, 0, 0, 0.3) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	margin: 0 10px -15px 0 !important;
	position: relative !important;
	float: right !important;
}

/** Forms UX 2 >> Secure Cards Images **/
.cards img {
	width: auto !important;
	height: auto !important;
	max-height: 90px !important;
}


/*= Feedback Survey =========== */

/** Feedback Survey >> Star Ratings Label **/
.fux2 .gform_wrapper .gsurvey-rating:not(:checked) > label {
	font-size: 45px !important;
	line-height: 45px !important;
	text-indent: -99999px !important;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) !important;
	background-color: rgba(245, 245, 245, 0) !important;
	background-image: url("/wp-content/uploads/sites/12/micro-themes/forms-arts/vtr-star0a.png") !important;
	background-size: 48px 48px !important;
	width: 45px !important;
	height: 45px !important;
	border-style: none !important;
}

/** Feedback Survey >> Star Rating Checked **/
.fux2 .gform_wrapper .gsurvey-rating > input:checked ~ label, 
.fux2 .gform_wrapper .gsurvey-rating input[type=radio]:checked + label {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	background-image: url("/wp-content/uploads/sites/12/micro-themes/forms-arts/vtr-star2.png") !important;
	border-style: none !important;
}

/** Feedback Survey >> Star Rating Hover **/
.fux2 .gform_wrapper .gsurvey-rating:not(:checked) > label:hover, 
.fux2 .gform_wrapper .gsurvey-rating:not(:checked) > label:hover ~ label {
	background-color: rgba(245, 245, 245, 0) !important;
	background-image: url("/wp-content/uploads/sites/12/micro-themes/forms-arts/vtr-star2.png") !important;
}

/** Feedback Survey >> Star Rating Group **/
.fux2 .gsurvey-rating {
	margin-bottom: 1.2em !important;
}

/** Feedback Survey >> Input Radio **/
.fux2 #gform_wrapper_12 .gfield_radio label {
	width: 100% !important;
	max-width: 100% !important;
	display: block !important;
}

/** Feedback Survey >> Station Vote Labels **/
.fux2 #input_13_4 label {
	text-align: left !important;
}

/** Feedback Survey >> Station Vote Input **/
.fux2 #input_13_4 input {
	display: none !important;
}

/** Feedback Survey >> Station Vote Icons **/
.fux2 #input_13_4 label:before {
	font-family: "Font Awesome 6 Pro" !important;
	padding-right: 8px !important;
	display: inline-block !important;
	content: "\f00c" !important;
}

/** Feedback Survey >> Section Description **/
.gsection_description {
	color: rgb(255, 255, 255) !important;
	text-align: center !important;
}

/** Feedback Survey >> Label Thumbs Up Icon **/
#label_7_21_0:before, 
#label_7_22_0:before {
	font-family: FontAwesome !important;
	font-size: 1.5em !important;
	font-weight: 400 !important;
	padding-right: 8px !important;
	display: inline-block !important;
	content: "\f164" !important;
}

/** Feedback Survey >> Label Thumbs Down Icon **/
#label_7_21_1:before, 
#label_7_22_1:before {
	font-family: FontAwesome !important;
	font-size: 1.5em !important;
	font-weight: 400 !important;
	padding-right: 8px !important;
	display: inline-block !important;
	content: "\f165" !important;
}

/** Feedback Survey >> Label Thumbs Maybe Icon **/
#label_7_21_2:before {
	font-family: FontAwesome !important;
	font-size: 1.5em !important;
	font-weight: 400 !important;
	padding-right: 8px !important;
	display: inline-block !important;
	content: "\f128" !important;
}

/** Feedback Survey >> Distance Half Marathon Icon **/
#label_12_31_0:before {
	font-family: FontAwesome !important;
	font-size: 1.5em !important;
	font-weight: 400 !important;
	padding-right: 8px !important;
	display: inline-block !important;
	content: "\f005" !important;
}

/** Feedback Survey >> Distance 10K Icon **/
#label_12_31_1:before {
	font-family: FontAwesome !important;
	font-size: 1.5em !important;
	font-weight: 400 !important;
	padding-right: 8px !important;
	display: inline-block !important;
	content: "\f123" !important;
}

/** Feedback Survey >> Distance 5K Icon **/
#label_12_31_2:before {
	font-family: FontAwesome !important;
	font-size: 1.5em !important;
	font-weight: 400 !important;
	padding-right: 8px !important;
	display: inline-block !important;
	content: "\f006" !important;
}

/** Feedback Survey >> Distance Virtual Icon **/
#label_12_31_3:before {
	font-family: FontAwesome !important;
	font-size: 1.5em !important;
	font-weight: 400 !important;
	padding-right: 8px !important;
	display: inline-block !important;
	content: "\f11d" !important;
}

/** Feedback Survey >> Widget Title **/
.widgettitle {
	text-align: center !important;
}

/** Feedback Survey >> Title Icon Rating **/
.rating .gsection_title:before {
	font-family: "Font Awesome 6 Pro" !important;
	color: rgb(119, 119, 119) !important;
	padding-right: 10px !important;
	content: "\f005" !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Feedback Survey >> Title Icon Stations **/
.stations .gsection_title:before {
	font-family: FontAwesome !important;
	color: rgb(255, 204, 0) !important;
	padding-right: 10px !important;
	content: "\f043" !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Feedback Survey >> Title Icon Comment **/
.comments .gsection_title:before {
	font-family: FontAwesome !important;
	color: rgb(255, 204, 0) !important;
	padding-right: 10px !important;
	content: "\f075" !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/** Feedback Survey >> Text Area **/
body .gform_wrapper textarea.small {
	height: 100px !important;
}


/*= Testimonials ============== */

/** Testimonials >> Testimonials Quotes Before/After **/
.testimonials .fl-callout-text p:before, 
.testimonials .fl-callout-text p:after {
	font-family: "Font Awesome 6 Pro" !important;
	color: rgba(0, 0, 0, 0.3) !important;
	font-size: 34px !important;
	line-height: 16px !important;
	font-weight: 900 !important;
	font-style: normal !important;
	vertical-align: top !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
	content: "\f10d" !important;
}

/** Testimonials >> Testimonials:hover Quotes Before/After **/
.testimonials .fl-callout:hover .fl-callout-text p:before, 
.testimonials .fl-callout:hover .fl-callout-text p:after, 
.testimonials .fl-callout:hover .meta i {
	color: rgb(0, 0, 0) !important;
}

/** Testimonials >> Testimonials Quotes After **/
.testimonials .fl-callout-text p:after {
	vertical-align: bottom !important;
	content: "\f10e" !important;
}

/** Testimonials >> Testimonials P **/
.testimonials .fl-callout-text p {
	color: rgba(0, 0, 0, 0.7) !important;
	font-size: 24px !important;
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}

/** Testimonials >> Testimonials:hover P **/
.testimonials .fl-callout:hover .fl-callout-text p {
	color: rgba(0, 0, 0, 1) !important;
}


/*= Timeline ================== */

/** Timeline >> Timeline Containter **/
.bb-tmlabel {
	box-shadow: 0 12px 10px -8px rgba(119, 119, 119, 0.2) !important;
	background-image: linear-gradient(175deg, rgb(255, 255, 255), rgb(255, 255, 255), rgb(221, 221, 221)) !important;
}

/** Timeline >> Timeline Icon **/
.bb-tmicon {
	box-shadow: 0 12px 10px -8px rgba(119, 119, 119, 0.2) !important;
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 255, 255), rgb(204, 204, 204)) !important;
	padding: 8px !important;
	border-width: 0 !important;
	border-top-style: none !important;
}


/*= Special Bar =============== */

/** Special Bar >> body push (disable w/no special bar) **/
header {
	padding-top: 40px !important;
}

/** Special Bar >> Special **/
.special {
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	line-height: 1.3em !important;
	font-weight: 400 !important;
	text-align: center !important;
	letter-spacing: 0.03em !important;
	box-shadow: 0 0 10px 1px rgb(255, 247, 0) !important;
	background-color: rgb(255, 204, 0) !important;
	width: 100% !important;
	padding: 0 0 1px 0 !important;
	border-radius: 0 !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 100 !important;
	-webkit-animation-name: slideInDown !important;
	animation-name: slideInDown !important;
	-webkit-animation-duration: 1.5s !important;
	animation-duration: 1.5s !important;
	-webkit-animation-timing-function: ease-out !important;
	animation-timing-function: ease-out !important;
	-webkit-animation-delay: 0s !important;
	animation-delay: 0s !important;
	background-position: left top !important;
}

/** Special Bar >> Special A **/
.special a {
	color: rgb(255, 255, 255) !important;
	line-height: 1em !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
	background-color: rgb(204, 0, 0) !important;
	padding: 2px 14px 2px 14px !important;
	margin-right: 5px !important;
	margin-left: 3px !important;
	border: 2px solid rgb(255, 255, 255) !important;
	border-radius: 100px !important;
	-webkit-animation-name: flash !important;
	animation-name: flash !important;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-animation-delay: 8s !important;
	animation-delay: 8s !important;
	-webkit-animation-iteration-count: 2 !important;
	animation-iteration-count: 2 !important;
	display: inline-block !important;
	box-shadow: 0 1px 1px rgba(112, 22, 9, 0.3), 0 2px 5px rgba(112, 22, 9, 0.5) !important;
}

/** Special Bar >> Special A:hover **/
.special a:hover {
	color: rgb(204, 0, 0) !important;
	background-color: rgb(255, 255, 204) !important;
	border-color: rgb(204, 0, 0) !important;
	box-shadow: 0 1px 1px rgba(112, 22, 9, 0.3), 0 0px 7px rgba(112, 22, 9, 0.5) !important;
}

/** Special Bar >> Special Strong **/
.special strong {
	color: rgb(0, 255, 221) !important;
	-webkit-animation: tada 1s ease-in 5s 2 !important;
	animation: tada 1s ease-in 5s 2 !important;
	display: inline-block !important;
}

/** Special Bar >> Special em **/
.special u {
	color: rgb(255, 255, 255) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	padding-right: 1px !important;
	padding-left: 1px !important;
}

/** Special Bar >> Special Span **/
.special span.bf {
	color: rgb(255, 255, 255) !important;
	font-weight: 900 !important;
	-webkit-animation-name: flash !important;
	animation-name: flash !important;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-animation-delay: 2s !important;
	animation-delay: 2s !important;
	-webkit-animation-iteration-count: 2 !important;
	animation-iteration-count: 2 !important;
	display: inline-block !important;
}

/** Special Bar >> Special Glow **/
.special .special-glow {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(255, 153, 0) !important;
	background-image: url("/wp-content/uploads/sites/4/2025/07/nga25-summersale-bar.jpg") !important;
	padding: 5px 20px 7px 20px !important;
	border-radius: 0 !important;
	background-position: center center !important;
	text-shadow: 0 1px 1px rgba(112, 22, 9, 0.5), 0 1px 3px rgba(112, 22, 9, 0.8) !important;
	background-size: auto !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}


/*= Info Bar ================== */

/** Info Bar >> Info Bar Column **/
.infobar .fl-col-group .fl-col:not(.fl-col-small-custom-width) {
	border-right: 1px solid rgba(0, 0, 0, 0.05) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

/** Info Bar >> Info Bar Column Register **/
.infobar .fl-col-group .register.fl-col:not(.fl-col-small-custom-width) {
	background-image: linear-gradient(135deg, rgb(255, 255, 255), rgb(246, 169, 203), rgb(102, 45, 145)) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

/** Info Bar >> Info Bar Column Register A **/
.infobar .fl-col-group .register.fl-col:not(.fl-col-small-custom-width) a, 
.infobar .fl-col-group .register.fl-col:not(.fl-col-small-custom-width) a strong {
	color: rgba(0, 0, 0, 0.9) !important;
}

/** Info Bar >> Info Bar Column Register A:hover **/
.infobar .fl-col-group .register.fl-col:not(.fl-col-small-custom-width):hover * {
	color: rgb(255, 255, 255) !important;
	text-shadow: -1px -1px 3px rgba(0, 0, 0, 0.2) !important;
}

/** Info Bar >> Info Bar Icon **/
.infobar .fl-icon i {
	color: rgba(153, 90, 164, 0.7) !important;
}

/** Info Bar >> Info. Bar Callout **/
.infobar .fl-callout {
	margin-right: auto !important;
	margin-left: auto !important;
}

/** Info Bar >> Info Bar Content P **/
.infobar .fl-callout-text p {
	padding-bottom: 0 !important;
}

/** Info Bar >> Info Bar Content P Strong **/
.infobar .fl-callout-text p strong {
	font-size: 22px !important;
	line-height: 1em !important;
	font-weight: 400 !important;
}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** Main Menu >> Nav Wrap **/
	.fl-page-nav-wrap {
	border-top-style: none !important;
	border-bottom-style: none !important;
}

	/** Content >> Countdown Number Div **/
	.fl-countdown-number {
	width: 160px !important;
	height: 160px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Main Menu >> Mobile Toggle **/
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
	border: 2px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: 8px !important;
}

	/** Main Menu >> Mobile Nav Div **/
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse {
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.8) !important;
	background-image: linear-gradient(135deg, rgb(68, 68, 68), transparent, rgb(0, 0, 0)) !important;
	padding: 0 10px 10px 10px !important;
	border-right: 1px solid rgb(226, 165, 237) !important;
	border-bottom: 1px solid rgb(226, 165, 237) !important;
	border-left: 1px solid rgb(226, 165, 237) !important;
	border-style: none solid solid solid !important;
	border-bottom-right-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

	/** Main Menu >> Mobile Menu Li **/
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li {
	border-bottom-color: rgb(119, 119, 119) !important;
	border-bottom-style: none !important;
}

	/** Main Menu >> Mobile Menu Submenu Indicator Icon **/
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-submenu-icon-wrap .fl-submenu-toggle-icon:after {
	font-family: 'Font Awesome 6 Pro' !important;
	font-size: 20px !important;
	font-weight: 900 !important;
	float: right !important;
	content: '\f107' !important;
}

	/** Main Menu >> Mobile Menu Indicator Icon **/
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav ul.sub-menu li a:before {
	font-family: 'Font Awesome 6 Pro' !important;
	font-weight: 900 !important;
	margin-right: 10px !important;
	content: '\f105' !important;
}

	/** Content >> Home Cover BG **/
	.fl-node-5b2d51b359d41 > .fl-row-content-wrap {
	background-color: rgb(0, 0, 0) !important;
	background-position: center center !important;
}

	/** Forms UX 2 >> List 2 Column **/
	.fux2 .gform_wrapper .gfield.gf_list_2col .gfield_radio {
	grid-template-columns: repeat(2,1fr) !important;
	-ms-grid-columns: (1fr) [ 2 ] !important;
	grid-column-gap: 10px !important;
}

	/** Forms UX 2 >> Race Distance Label **/
	#field_22_5 label {
	height: 134px !important;
}

	/** Forms UX 2 >> Promo Code Wrap Label **/
	.fux2 #field_12_19 .gfield_label, 
.fux2 #field_3_16 .gfield_label {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

	/** Info Bar >> Info Bar Column **/
	.infobar .fl-col-group .fl-col:not(.fl-col-small-custom-width) {
	width: 50% !important;
	max-width: 50% !important;
	float: left !important;
	clear: none !important;
}

	/** Info Bar >> Info Bar Column Register **/
	.infobar .fl-col-group .register.fl-col:not(.fl-col-small-custom-width) {
	width: 100% !important;
	max-width: 100% !important;
}

	/** Info Bar >> Info Bar Content P Strong **/
	.infobar .fl-callout-text p strong {
	font-size: 20px !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Content >> H1 Page Titles **/
	h1.fl-heading {
	font-size: 50px !important;
}

	/** Forms >> Form Widget **/
	.gform_widget {
	padding-top: 5px !important;
	padding-left: 15px !important;
}

	/** Forms >> Input.gf_coupon_code **/
	.gform_wrapper input.gf_coupon_code {
	max-width: 200px !important;
}

	/** Forms >> Ginput_container_total **/
	.ginput_container_total {
	max-width: 100% !important;
}

	/** Forms >> Radio/Checkbox Li **/
	.gform_wrapper .gfield_checkbox li, 
.gform_wrapper .gfield_radio li {
	margin-bottom: 0 !important;
}

	/** Forms >> Chain Select Span **/
	.gfield_chainedselect span {
	width: 100% !important;
	margin-bottom: 5px !important;
}

	/** Forms >> Chain Select **/
	.gfield_chainedselect select {
	width: 100% !important;
}

	/** Forms > Input Radio >> Input[type=radio] + Label **/
	input[type=radio] + label {
	font-size: 16px !important;
	min-width: 100% !important;
}

	/** WPDataTables >> Table TD and TH **/
	.wpDataTablesWrapper table.wpDataTable td, 
.wpDataTablesWrapper table.wpDataTable th {
	font-size: 0.7em !important;
}

	/** Gravity Form Columns >> 2 Column Layout **/
	.gform_wrapper .gfield.gf_list_2col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_2col .gfield_radio {
	grid-template-columns: repeat(1,1fr) !important;
	-ms-grid-columns: (1fr) [ 1 ] !important;
}

	/** Gravity Form Columns >> 3 Column Layout **/
	.gform_wrapper .gfield.gf_list_3col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_3col .gfield_radio {
	grid-template-columns: repeat(1,1fr) !important;
	-ms-grid-columns: (1fr) [ 1 ] !important;
}

	/** Gravity Form Columns >> 4 Column Layout **/
	.gform_wrapper .gfield.gf_list_4col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_4col .gfield_radio {
	grid-template-columns: repeat(1,1fr) !important;
	-ms-grid-columns: (1fr) [ 1 ] !important;
}

	/** Gravity Form Columns >> 5 Column Layout **/
	.gform_wrapper .gfield.gf_list_5col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_5col .gfield_radio {
	grid-template-columns: repeat(1,1fr) !important;
	-ms-grid-columns: (1fr) [ 1 ] !important;
}

	/** Gravity Form Columns >> 6 Column Layout **/
	.gform_wrapper .gfield.gf_list_6col .gfield_checkbox, 
.gform_wrapper .gfield.gf_list_6col .gfield_radio {
	grid-template-columns: repeat(1,1fr) !important;
	-ms-grid-columns: (1fr) [ 1 ] !important;
}

	/** Notification X >> Notification Front End Container **/
	.notificationx-frontend .notification-item {
	width: 350px !important;
	max-width: 350px !important;
	bottom: 10px !important;
	left: 10px !important;
}

	/** Notification X >> Container **/
	.nx-container {
	width: 350px !important;
	left: 10px !important;
}

	/** Notification X >> First Row Text **/
	.nx-first-row {
	font-size: 13px !important;
}

	/** Forms UX 2 >> Form Total Container **/
	.fux2 .ginput_container_total {
	width: 100% !important;
	max-width: 100% !important;
}

	/** Forms UX 2 >> Form Total Input **/
	.fux2 .gform_wrapper input.ginput_total {
	width: 100% !important;
	max-width: 100% !important;
}

	/** Forms UX 2 >> Form Total:before **/
	.fux2 #field_12_25 div.ginput_container:before {
	width: 100% !important;
	max-width: 100% !important;
}

	/** Forms UX 2 >> Form Radio Margin **/
	.gform_wrapper .gfield_checkbox li, 
.gform_wrapper .gfield_radio li {
	margin-bottom: 3px !important;
}

	/** Forms UX 2 >> DOB Date/Month Input **/
	body .fux2 .gform_wrapper .gfield_date_day input, 
body .fux2 .gform_wrapper .gfield_date_month input {
	width: calc(9rem + 8px) !important;
}

	/** Forms UX 2 >> List 2 Column **/
	.fux2 .gform_wrapper .gfield.gf_list_2col .gfield_radio {
	display: grid !important;
	grid-column-gap: 1px !important;
	column-gap: 1px !important;
	grid-template-columns: repeat(1,1fr) !important;
	-ms-grid-columns: (1fr) [ 1 ] !important;
	grid-column-gap: 1px !important;
}

	/** Forms UX 2 >> List 3 Column **/
	.fux2 .gform_wrapper .gfield.gf_list_3col .gfield_radio {
	grid-template-columns: repeat(1, 1fr) !important;
	-ms-grid-columns: (1fr) [1] !important;
}

	/** Forms UX 2 >> List 4 Column **/
	.fux2 .gform_wrapper .gfield.gf_list_4col .gfield_radio {
	grid-template-columns: repeat(1, 1fr) !important;
	-ms-grid-columns: (1fr) [1] !important;
}

	/** Forms UX 2 >> List 5 Column **/
	.fux2 .gform_wrapper .gfield.gf_list_5col .gfield_radio {
	grid-template-columns: repeat(1, 1fr) !important;
	-ms-grid-columns: (1fr) [1] !important;
}

	/** Forms UX 2 >> List 6 Column **/
	.fux2 .gform_wrapper .gfield.gf_list_6col .gfield_radio {
	grid-template-columns: repeat(3, 1fr) !important;
	-ms-grid-columns: (1fr) [3] !important;
	grid-column-gap: 1px !important;
}

	/** Forms UX 2 >> List 5 Column Donation **/
	.fux2 .gform_wrapper #field_12_36.gfield.gf_list_5col .gfield_radio {
	grid-row-gap: 10px !important;
	row-gap: 10px !important;
	grid-template-columns: repeat(2, 1fr) !important;
	-ms-grid-columns: (1fr) [2] !important;
}

	/** Forms UX 2 >> List 5 Column Donation Other **/
	.fux2 .gform_wrapper #field_12_36.gfield.gf_list_5col .gfield_radio .gchoice_12_36_4 {
	display: grid !important;
	grid-template-columns: repeat(1, 1fr) !important;
	grid-area: 3 / 1 / 4 / 3 !important;
	-ms-grid-columns: (1fr) [1] !important;
}

	/** Forms UX 2 >> Race Distance Label **/
	#field_22_5 label {
	height: inherit !important;
}

	/** Forms UX 2 >> Promo Code Field **/
	.fux2 #gf_coupon_code_12 {
	min-width: 100% !important;
	margin-right: 10px !important;
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}

	/** Forms UX 2 >> Promo Code Apply Button **/
	body .fux2 input#gf_coupon_button.button {
	line-height: 3px !important;
	min-width: 100% !important;
	margin-top: 5px !important;
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}

	/** Forms UX 2 >> Promo Code Coupon Discount **/
	.fux2 .gform_wrapper #gf_coupon_info {
	padding-top: 8px !important;
}

	/** Forms UX 2 >> Promo Code Coupon Discount Table **/
	.fux2 .gform_wrapper #gf_coupon_info table {
	min-width: 100% !important;
}

	/** Forms UX 2 >> PayPal Form H3 **/
	.fux2 .paypal h3 {
	text-align: center !important;
}

	/** Forms UX 2 >> PayPal Form A **/
	.fux2 .paypal h3 a {
	display: block !important;
}

	/** Forms UX 2 >> PayPal Form Img **/
	.fux2 .paypal img {
	float: none !important;
}

	/** Forms UX 2 >> Input Radio Label **/
	.fux2 .gform_wrapper .gfield_radio label, 
.fux2 .gform_wrapper input[type=radio] + label {
	margin-bottom: -1px !important;
}

	/** Forms UX 2 >> Input Radio Label:before 2-column **/
	.gf_list_2col .gfield_radio label:before {
	margin-left: -20px !important;
}

	/** Forms UX 2 >> Fieldset **/
	.fux2 fieldset {
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
}

	/** Forms UX 2 >> List Field Group **/
	.fux2 .gfield_list_group {
	margin-bottom: 20px !important;
}

	/** Footer >> Widget Titles **/
	.fl-widget .fl-widget-title {
	text-align: center !important;
}

	/** Footer >> Widget wrap **/
	.fl-page-footer-widgets-row .fl-widget {
	text-align: center !important;
}

	/** Footer >> Footer Nav LI **/
	.fl-page-footer-nav>li {
	width: 100% !important;
}

	/** Footer >> Footer Nav Li A **/
	.fl-page-footer-nav>li>a {
	font-size: 20px !important;
	line-height: 2em !important;
}

	/** Special Bar >> body push (disable w/no special bar) **/
	header {
	padding-top: 64px !important;
}

}


/*( Tablet 768px (imp) )*/
@media (max-width: 768px) {
	/** Forms UX 2 >> Promo Code Wrap Label **/
	.fux2 #field_12_19 .gfield_label, 
.fux2 #field_3_16 .gfield_label {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

}


/*( iOS (imp) )*/
@supports (-webkit-touch-callout: none) {
	/** Forms UX 2 >> DOB Icon **/
	.fux2 #input_12_30_1_container:before, 
.fux2 #input_12_30_2_container:before, 
.fux2 #input_12_30_3_container:before, 
.fux2 .gfield_date_month:before, 
.fux2 .gfield_date_day:before, 
.fux2 .gfield_date_year:before, 
.fux2 .gfield_list_108_cell6:before, 
.fux2 .gfield_list_112_cell6:before, 
.fux2 .gfield_list_113_cell6:before {
	margin-top: 12px !important;
}

	/** Forms UX 2 >> Safari Select (Hide Icon) **/
	#field_12_79 div:before, 
#field_12_9 div:before, 
#field_12_6 span.ginput_address_state:before, 
.fux2 #field_13_4 div:before, 
.fux2 #input_13_65_1_container:before, 
.fux2 #input_13_65_2_container:before, 
.fux2 #input_13_60_1_container:before, 
.fux2 #input_13_60_2_container:before, 
.fux2 .ginput_address_country:before, 
.fux2 #field_13_39 div:before, 
.fux2 #field_4_71 div:before, 
.fux2 #field_4_29 .ginput_address_state:before, 
#field_12_103 .ginput_container_select:before, 
#field_12_104 .ginput_container_select:before, 
#field_12_105 .ginput_container_select:before, 
#field_14_31 div:before, 
#field_14_42 div:before, 
#field_14_38 div:before, 
#field_14_39 div:before, 
.fux2 #field_12_114 div:before {
	display: none !important;
}

}


/*( Safari (imp) )*/
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none)  {
	/** Forms UX 2 >> Safari Select (Hide Icon) **/
	#field_12_79 div:before, 
#field_12_9 div:before, 
#field_12_6 span.ginput_address_state:before, 
.fux2 #field_13_4 div:before, 
.fux2 #input_13_65_1_container:before, 
.fux2 #input_13_65_2_container:before, 
.fux2 #input_13_60_1_container:before, 
.fux2 #input_13_60_2_container:before, 
.fux2 .ginput_address_country:before, 
.fux2 #field_13_39 div:before, 
.fux2 #field_4_71 div:before, 
.fux2 #field_4_29 .ginput_address_state:before, 
#field_12_103 .ginput_container_select:before, 
#field_12_104 .ginput_container_select:before, 
#field_12_105 .ginput_container_select:before, 
#field_14_31 div:before, 
#field_14_42 div:before, 
#field_14_38 div:before, 
#field_14_39 div:before, 
.fux2 #field_12_114 div:before {
	display: none !important;
}

}


/*( iOS/Safari (imp) )*/
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
	/** Forms UX 2 >> Safari Select (Hide Icon) **/
	#field_12_79 div:before, 
#field_12_9 div:before, 
#field_12_6 span.ginput_address_state:before, 
.fux2 #field_13_4 div:before, 
.fux2 #input_13_65_1_container:before, 
.fux2 #input_13_65_2_container:before, 
.fux2 #input_13_60_1_container:before, 
.fux2 #input_13_60_2_container:before, 
.fux2 .ginput_address_country:before, 
.fux2 #field_13_39 div:before, 
.fux2 #field_4_71 div:before, 
.fux2 #field_4_29 .ginput_address_state:before, 
#field_12_103 .ginput_container_select:before, 
#field_12_104 .ginput_container_select:before, 
#field_12_105 .ginput_container_select:before, 
#field_14_31 div:before, 
#field_14_42 div:before, 
#field_14_38 div:before, 
#field_14_39 div:before, 
.fux2 #field_12_114 div:before {
	display: none !important;
}

	/** General >> Safari Load **/
	#safari-load {
	display: block !important;
}

}