/* Newsletter Input Field */
.jfb-nl .newsletter-text {
	border: 0;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	height: 50px;
	padding-right: 25px;
	padding-left: 25px;
	outline: none;
}

.jfb-nl-1 .newsletter-text {
	color: var(--e-global-color-text);
	background: var(--e-global-color-9ca0ed2);
}

.jfb-nl-2 .newsletter-text {
	color: var(--e-global-color-text);
	background: var(--e-global-color-40cf936);
}

.jfb-nl-3 .newsletter-text {
	color: var(--e-global-color-text);
	background: var(--e-global-color-d99ca76);
}

.jfb-nl-4 .newsletter-text {
	color: var(--e-global-color-text);
	background: var(--e-global-color-2f52b20);
}

.jfb-nl .newsletter-text::placeholder, body.mode .jfb-nl .newsletter-text::placeholder {
    color: var(--e-global-color-text);
	opacity: 1 !important;
}

body.mode .jfb-nl-1 .newsletter-text {
	color: var(--e-global-color-text);
	background: var(--e-global-color-bcec371);
}

body.mode .jfb-nl-2 .newsletter-text {
	color: var(--e-global-color-text);
	background: var(--e-global-color-d4b1a21);
}

body.mode .jfb-nl-3 .newsletter-text {
	color: var(--e-global-color-text);
	background: var(--e-global-color-295a6a0);
}

body.mode .jfb-nl-4 .newsletter-text {
	color: var(--e-global-color-text);
	background: var(--e-global-color-291c485);
}

.jfb-nl .nl-form {
    margin-bottom: 0px;
}

.jfb-nl .nl-form .nl-form-con {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0px;
}

.jfb-nl .nl-form .nl-form-con .jet-form-builder-row {
    display: inline;
}

.jfb-nl .nl-form .nl-form-con .field-type-text-field {
    width: 100%;
}

.jfb-nl .nl-form .nl-form-con .field-type-text-field {
    width: 100%;
}

.jfb-nl .nl-form .nl-form-con .newsletter-text {
    width: 100%;
}

.jfb-nl .nl-form .nl-form-con .newsletter-submit {
    width: 100%;
}

.jfb-nl .nl-form .nl-form-con .newsletter-submit {
    color: var(--e-global-color-74e93c4);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding: 17px 15px 17px 15px;
    outline: none;
    box-shadow: none;
    background-color: var(--e-global-color-d4b1a21);
    transition: 0.3s;
}
.jfb-nl .nl-form .nl-form-con .newsletter-submit:hover {
    color: var(--e-global-color-74e93c4);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    padding: 17px 15px 17px 15px;
    background-color: var(--e-global-color-accent);
    transition: 0.3s;
}
body.mode .jfb-nl .nl-form .nl-form-con .newsletter-submit {
    color: var(--e-global-color-d4b1a21);
    background-color: var(--e-global-color-74e93c4);
    transition: 0.3s;
}
body.mode .jfb-nl .nl-form .nl-form-con .newsletter-submit:hover {
    color: var(--e-global-color-74e93c4);
    background-color: var(--e-global-color-accent);
    transition: 0.3s;
}

/* Status Message */
.jfb-nl .jet-form-builder-message--success {
    display: none;
    font-size: 12px;
    color: var(--e-global-color-7d06ad6);
    border: none;
    padding: 0px;
}
.jfb-nl .jet-form-builder-message--error {
    display: none;
    font-size: 12px;
    color: var(--e-global-color-1299f2e);
    border: none;
    padding: 0px;
}