/* Match the full-width header. OceanWP otherwise boxes page content. */
body.ea-is-page #outer-wrap,
body.ea-is-page #wrap,
body.ea-is-page #main {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ea-influencer-spot {
	width: 100%;
	max-width: none;
	font-family: Poppins, system-ui, sans-serif;
	color: #102a3c;
	background: #fff;
	overflow-x: clip;
}

.ea-influencer-spot,
.ea-influencer-spot * {
	box-sizing: border-box;
}

.ea-influencer-spot h1,
.ea-influencer-spot h2,
.ea-influencer-spot h3,
.ea-influencer-spot p,
.ea-influencer-spot a,
.ea-influencer-spot button,
.ea-influencer-spot input,
.ea-influencer-spot select {
	font-family: Poppins, system-ui, sans-serif;
}

.ea-influencer-spot img {
	max-width: none !important;
}

#ea-registration,
#ea-opportunities,
#ea-why-join {
	scroll-margin-top: 120px;
}

.ea-influencer-spot .ea-benefit {
	display: grid !important;
	grid-template-rows: subgrid;
	grid-row: span 3;
	row-gap: 0 !important;
	align-items: start;
}

.ea-influencer-spot .ea-benefit-copy {
	display: contents;
}

.ea-influencer-spot .ea-benefit h3 {
	margin: 18px 0 0 !important;
}

.ea-influencer-spot .ea-benefit p {
	margin: 12px 0 0 !important;
}

.ea-influencer-spot a.ea-btn {
	color: #ffffff !important;
	background-color: #06ad6c !important;
	text-decoration: none !important;
}

.ea-influencer-spot a.ea-btn:hover {
	color: #ffffff !important;
	background-color: #00814f !important;
	text-decoration: none !important;
}

.ea-influencer-spot a.ea-btn-mint {
	color: #00814f !important;
	background-color: #e1ffff !important;
}

.ea-influencer-spot a.ea-btn-mint:hover {
	color: #00814f !important;
	background-color: #ffffff !important;
	text-decoration: none !important;
}

.ea-influencer-spot .ea-login a {
	color: #06ad6c !important;
	font-weight: 600;
	margin-left: 8px;
	text-decoration: none !important;
}

.ea-influencer-spot .ea-login a:hover,
.ea-influencer-spot .ea-form a:hover {
	color: #00814f !important;
}

.ea-influencer-spot .ea-form a {
	color: #33414c !important;
	text-decoration: none !important;
}

@media (max-width: 999px) {
	.ea-influencer-spot .ea-cols-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 559px) {
	.ea-influencer-spot .ea-cols-4 {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

@media (max-width: 1079px) {
	.ea-influencer-spot .ea-step-arrow {
		display: none !important;
	}
}

.ea-form .wpcf7-form {
	margin: 0;
}

.ea-form .wpcf7-form > p {
	margin: 0;
}

.ea-fields,
.ea-fields-3 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 18px;
	row-gap: 8px;
	margin: 0 0 8px;
}

.ea-fields-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ea-field {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 62px;
	margin-bottom: 22px;
	border-radius: 9px;
	background: #edf7f0;
	padding: 0 16px 0 48px;
	overflow: visible;
}

.ea-field::before {
	content: "";
	position: absolute;
	left: 16px;
	width: 20px;
	height: 20px;
	background: center / contain no-repeat;
}

.ea-icon-user::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306AD6C' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E"); }
.ea-icon-mail::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306AD6C' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E"); }
.ea-icon-lock::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2306AD6C'%3E%3Crect x='4' y='10.5' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10.5V7a4 4 0 0 1 8 0v3.5' fill='none' stroke='%2306AD6C' stroke-width='2'/%3E%3C/svg%3E"); }
.ea-icon-calendar::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306AD6C' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E"); }
.ea-icon-pin::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306AD6C' stroke-width='2'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E"); }
.ea-icon-star::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306AD6C' stroke-width='2'%3E%3Cpath d='m12 3 2.8 5.7 6.2.9-4.5 4.4 1 6.2L12 17.3 6.5 20.2l1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E"); }
.ea-icon-grid::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306AD6C' stroke-width='2'%3E%3Cpath d='M9 6h12M9 12h12M9 18h12'/%3E%3Ccircle cx='4' cy='6' r='1.2' fill='%2306AD6C'/%3E%3Ccircle cx='4' cy='12' r='1.2' fill='%2306AD6C'/%3E%3Ccircle cx='4' cy='18' r='1.2' fill='%2306AD6C'/%3E%3C/svg%3E"); }

.ea-influencer-spot .ea-field input,
.ea-influencer-spot .ea-field select,
.ea-influencer-spot .ea-password input {
	width: 100% !important;
	height: 58px !important;
	border: 0 !important;
	outline: none !important;
	background: transparent !important;
	box-shadow: none !important;
	font-size: 15px !important;
	color: #102a3c !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ea-influencer-spot .ea-password {
	position: relative !important;
	display: block !important;
	width: 100%;
}

.ea-influencer-spot .ea-field .ea-password input {
	position: relative !important;
	z-index: 1 !important;
	width: 100% !important;
	padding-right: 44px !important;
	-webkit-text-security: disc !important;
}

.ea-influencer-spot .ea-field .ea-password.is-shown input {
	-webkit-text-security: none !important;
}

.ea-influencer-spot .ea-password input::-ms-reveal,
.ea-influencer-spot .ea-password input::-ms-clear,
.ea-influencer-spot .ea-password input::-webkit-reveal,
.ea-influencer-spot .ea-password input::-webkit-password-reveal-button,
.ea-influencer-spot .ea-password input::-webkit-credentials-auto-fill-button,
.ea-influencer-spot .ea-password input::-webkit-strong-password-auto-fill-button {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

.ea-influencer-spot button.ea-password-toggle {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;
	transform: none !important;
	z-index: 6 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 44px !important;
	height: auto !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	background-color: transparent !important;
	color: #5c7a6a !important;
	box-shadow: none !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}

.ea-password-toggle svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

.ea-social-label {
	margin: 8px 0 12px !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #102a3c !important;
}

.ea-socials {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.ea-influencer-spot button.ea-social {
	height: 66px !important;
	width: 100% !important;
	padding: 0 !important;
	border-radius: 9px !important;
	border: 1.5px solid transparent !important;
	background-color: #f4f6f5 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 26px !important;
	box-shadow: none !important;
}

.ea-influencer-spot button.ea-social.is-active,
.ea-influencer-spot button.ea-social:hover {
	background-color: #e3f5ea !important;
	border-color: #06ad6c !important;
}

.ea-influencer-spot button.ea-social-facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231877f2'%3E%3Cpath d='M14 8.5V7c0-.6.4-1 1-1h2V2.5h-3A4.5 4.5 0 0 0 9.5 7v1.5H7V12h2.5v9.5H14V12h2.7l.6-3.5z'/%3E%3C/svg%3E") !important; }
.ea-influencer-spot button.ea-social-instagram { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d62976' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.3' cy='6.7' r='.9' fill='%23d62976' stroke='none'/%3E%3C/svg%3E") !important; }
.ea-influencer-spot button.ea-social-x { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111'%3E%3Cpath d='M17.8 3h3.1l-6.8 7.8L22 21h-6.2l-4.9-6.4L5.3 21H2.2l7.3-8.3L2 3h6.4l4.4 5.8zm-1.1 16.2h1.7L7.4 4.7H5.6z'/%3E%3C/svg%3E") !important; }
.ea-influencer-spot button.ea-social-tiktok { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111'%3E%3Cpath d='M16.6 5.8A4.3 4.3 0 0 1 15.5 3h-3.1v12.4a2.6 2.6 0 1 1-2.6-2.6c.3 0 .5 0 .8.1V9.7a5.7 5.7 0 1 0 4.9 5.7V9.1a7.3 7.3 0 0 0 4.3 1.4V7.4a4.3 4.3 0 0 1-3.2-1.6z'/%3E%3C/svg%3E") !important; }
.ea-influencer-spot button.ea-social-youtube { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 22'%3E%3Crect x='1' y='1' width='28' height='20' rx='6' fill='%23ff0000'/%3E%3Cpath d='M12 6.5v9l8-4.5z' fill='%23fff'/%3E%3C/svg%3E") !important; }

.ea-social-field { display: none; position: relative; margin: 0 0 28px; }
.ea-social-field.is-open { display: block; }

.ea-influencer-spot .ea-social-field .ea-input {
	width: 100% !important;
	height: 54px !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #edf7f0 !important;
	padding: 0 18px !important;
	font-size: 15px !important;
	color: #102a3c !important;
}

.ea-checks { display: flex; flex-direction: column; gap: 16px; margin: 8px 0 16px; }
.ea-check { position: relative; }
.ea-check,
.ea-check .wpcf7-list-item { margin: 0 !important; display: block; }
.ea-influencer-spot .ea-check label {
	display: flex !important;
	align-items: flex-start;
	gap: 14px;
	cursor: pointer;
	font-size: 16px !important;
	line-height: 1.55 !important;
	color: #33414c !important;
}
.ea-influencer-spot .ea-check .wpcf7-list-item-label {
	font-size: 16px !important;
	line-height: 1.55 !important;
	color: #33414c !important;
}
.ea-influencer-spot .ea-check input[type="checkbox"] {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	margin: 1px 0 0 !important;
	padding: 0 !important;
	border-radius: 5px !important;
	background: #c9ecd6 !important;
	background-color: #c9ecd6 !important;
	border: 1.5px solid #a5dcb9 !important;
	box-shadow: none !important;
	cursor: pointer;
	position: relative !important;
	flex: none;
}
.ea-influencer-spot .ea-check input[type="checkbox"]:checked {
	background: #06ad6c !important;
	background-color: #06ad6c !important;
	border-color: #06ad6c !important;
}
.ea-influencer-spot .ea-check input[type="checkbox"]::before,
.ea-influencer-spot .ea-check input[type="checkbox"]:checked::before {
	content: none !important;
	display: none !important;
}
.ea-influencer-spot .ea-check input[type="checkbox"]:checked,
.ea-influencer-spot .ea-check input[type="checkbox"]:focus,
.ea-influencer-spot .ea-check input[type="checkbox"]:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}
.ea-influencer-spot .ea-check input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #ffffff;
	border-width: 0 2.4px 2.4px 0;
	transform: rotate(45deg);
}
.ea-referrer { display: none; margin-left: 38px; }
.ea-referrer.is-open { display: block; }
.ea-influencer-spot .ea-referrer input {
	width: 100% !important;
	height: 54px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: #edf7f0 !important;
	background-color: #edf7f0 !important;
	box-shadow: none !important;
	padding: 0 18px !important;
	font-size: 15px !important;
	color: #102a3c !important;
}
.ea-influencer-spot .ea-referrer input::placeholder {
	color: #7b8f86;
	opacity: 1;
}

.ea-influencer-spot .ea-check a {
	color: #33414c !important;
	text-decoration: none !important;
}
.ea-influencer-spot .ea-check a:hover {
	color: #06ad6c !important;
	text-decoration: underline !important;
}

.ea-submit { position: relative; margin-top: 8px; }

.ea-influencer-spot .ea-submit .wpcf7-submit,
.ea-influencer-spot .ea-form input.wpcf7-submit,
.ea-influencer-spot .ea-form button.wpcf7-submit {
	width: 100% !important;
	height: 64px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #06ad6c !important;
	background-color: #06ad6c !important;
	color: #ffffff !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	box-shadow: 0 8px 20px rgba(6, 173, 108, 0.22) !important;
}

.ea-influencer-spot .wpcf7-form-control-wrap {
	position: static !important;
	display: block;
	width: 100%;
}

.ea-influencer-spot .wpcf7-not-valid-tip {
	position: absolute;
	left: 0;
	top: calc(100% + 4px);
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: #d93a3a !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
}

.ea-influencer-spot .wpcf7-form:not(.ea-submitted) .wpcf7-not-valid-tip,
.ea-influencer-spot .wpcf7-not-valid-tip.ea-tip-hidden {
	display: none !important;
}

.ea-influencer-spot .wpcf7-form.ea-submitted .ea-field:has(.wpcf7-not-valid-tip:not(.ea-tip-hidden)) {
	margin-bottom: 58px;
}

.ea-social-tip {
	margin: 4px 0 12px;
}
.ea-social-tip .wpcf7-not-valid-tip {
	position: static !important;
}

.ea-influencer-spot .ea-field input:-webkit-autofill,
.ea-influencer-spot .ea-field input:-webkit-autofill:hover,
.ea-influencer-spot .ea-field input:-webkit-autofill:focus,
.ea-influencer-spot .ea-password input:-webkit-autofill,
.ea-influencer-spot .ea-password input:-webkit-autofill:hover,
.ea-influencer-spot .ea-password input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #edf7f0 inset !important;
	box-shadow: 0 0 0 1000px #edf7f0 inset !important;
	-webkit-text-fill-color: #102a3c !important;
	caret-color: #102a3c;
	transition: background-color 99999s ease-out 0s;
}

.ea-influencer-spot select.ea-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.ea-influencer-spot button.ea-select-face {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100% !important;
	height: 58px !important;
	margin: 0 !important;
	padding: 0 4px 0 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: #102a3c !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	text-align: left !important;
	cursor: pointer;
}
.ea-influencer-spot button.ea-select-face.is-placeholder {
	color: #55656f !important;
}
.ea-select-value {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}
.ea-select-value span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ea-chevron { flex: none; }
.ea-field.is-open { z-index: 40; }
.ea-field.is-open .ea-chevron { transform: rotate(180deg); }
.ea-select-menu {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	z-index: 50;
	max-height: 280px;
	overflow: auto;
	margin: 0;
	padding: 6px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 16px 40px rgba(16, 42, 60, 0.14);
}
.ea-field.is-open .ea-select-menu { display: block; }
.ea-field.ea-multi {
	align-items: flex-start;
	height: auto;
	padding-top: 12px;
	padding-bottom: 12px;
}
.ea-field.ea-multi::before {
	top: 22px;
}
.ea-influencer-spot .ea-multi button.ea-select-face {
	height: auto !important;
	min-height: 36px;
	align-items: center;
	flex-wrap: nowrap;
	gap: 8px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.ea-multi .ea-select-value {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: 6px;
	min-width: 0;
}
.ea-multi .ea-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	overflow: visible;
	white-space: normal;
	padding: 4px 8px 4px 10px;
	border: 1px solid #cfe8d8;
	border-radius: 999px;
	background: #ffffff;
	color: #102a3c;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
}
.ea-chip > span:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ea-chip-x {
	color: #5c7a6a;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
.ea-option-group {
	margin: 8px 6px 0;
	padding: 8px 8px 2px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	color: #102a3c;
	pointer-events: none;
}
.ea-influencer-spot button.ea-option {
	white-space: normal !important;
}
.ea-influencer-spot button.ea-option.is-nested {
	padding-left: 22px !important;
	font-weight: 400 !important;
}
.ea-influencer-spot button.ea-option {
	display: flex !important;
	align-items: center;
	gap: 10px;
	width: 100% !important;
	height: auto !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: #102a3c !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	text-align: left !important;
	cursor: pointer;
}
.ea-influencer-spot button.ea-option:hover,
.ea-influencer-spot button.ea-option.is-selected {
	background: #edf7f0 !important;
	background-color: #edf7f0 !important;
}
.ea-flag {
	width: 22px;
	height: 16px;
	object-fit: cover;
	border-radius: 2px;
	flex: none;
	box-shadow: 0 0 0 1px rgba(16, 42, 60, 0.08);
}

.ea-influencer-spot .wpcf7-spinner {
	position: absolute !important;
	right: 22px !important;
	top: 20px !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 2px solid rgba(255, 255, 255, 0.35) !important;
	border-top-color: #ffffff !important;
	border-radius: 50% !important;
	opacity: 1 !important;
	visibility: hidden !important;
	animation: ea-spin 0.7s linear infinite;
}
.ea-influencer-spot .wpcf7-spinner::before { display: none !important; }
.ea-influencer-spot .wpcf7-form.submitting .wpcf7-spinner { visibility: visible !important; }
.ea-influencer-spot .wpcf7-response-output {
	margin: 12px 0 0 !important;
	padding: 12px 14px !important;
	border: 1px solid #f0d7a4 !important;
	border-radius: 9px !important;
	background: #fffdf6 !important;
	color: #102a3c !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
}
.ea-influencer-spot .wpcf7-form.submitting .wpcf7-response-output,
.ea-influencer-spot .wpcf7-form.init .wpcf7-response-output,
.ea-influencer-spot .wpcf7-response-output:empty {
	display: none !important;
}
.ea-influencer-spot[data-thank-you] .wpcf7-form.sent .wpcf7-response-output {
	display: none !important;
}

@keyframes ea-spin {
	to { transform: rotate(360deg); }
}

@media (max-width: 700px) {
	.ea-fields,
	.ea-fields-3 {
		grid-template-columns: 1fr;
	}
}
