.newsletter-subscribe-form {

	form {
		align-items: stretch;
		display: flex;
		justify-content: space-between;

		.gform-body {
			flex: 0 1 70%;
		}

		.gform_footer {
			flex: 1 0 30%;
			margin-left: -10px;
			margin-top: 0;
		}

		.gform_footer button {
			word-break: keep-all;
		}
	}

	input[type="email"] {
		background-color: #1d233b;
		border: solid 1px #41465a;
		color: #fff;
	}

	input[type="email"]::placeholder {
		color: #fff
	}
}

.gform_wrapper {

	--gf-form-validation-color: var(--wp--custom--form--color--validation) !important;
	--gf-form-gap-x: var(--wp--custom--form--spacing--block-gap--horizontal) !important;
	--gf-form-gap-y: var(--wp--custom--form--spacing--block-gap--vertical) !important;
	--gf-form-footer-margin-y-start: var(--wp--custom--form--spacing--block-gap--vertical) !important;
	--gf-form-footer-gap: var(--wp--custom--form--spacing--block-gap--vertical) !important;
    --gf-radius: var(--wp--custom--form--elements--default--border--radius) !important;
    
    --gf-transition-ctrl:                               var(--wp--custom--transition--default) !important;
    --gf-color-primary:                                 var(--wp--custom--form--elements--default--color--text) !important;
    --gf-color-primary-darker:                          var(--wp--custom--form--elements--default--hover--color--text) !important;

    --gf-color-in-ctrl-primary:                         var(--wp--custom--form--elements--default--color--text) !important;
    --gf-color-danger:                                  rgb(var(--wp--custom--form--color--danger)) !important;
    --gf-color-danger-rgb:                              var(--wp--custom--form--color--danger) !important;

    --gf-ctrl-padding-x: 		                        var(--wp--custom--form--elements--default--spacing--padding--horizontal) !important;
    --gf-ctrl-padding-y: 		                        var(--wp--custom--form--elements--default--spacing--padding--vertical) !important;

    --gf-font-family-base-primary: 						var(--wp--custom--form--elements--default--typography--font-family) !important;
    --gf-font-size-primary: 							var(--wp--custom--form--elements--default--typography--font-size) !important;
    --gf-font-style-primary: 							var(--wp--custom--form--elements--default--typography--font-style) !important;
    --gf-font-weight-primary: 							var(--wp--custom--form--elements--default--typography--font-weight) !important;
    --gf-letter-space-primary: 							var(--wp--custom--form--elements--default--typography--letter-spacing) !important;
    --gf-line-height-primary: 							var(--wp--custom--form--elements--default--typography--line-height) !important;

    --gf-font-family-base-secondary: 					var(--wp--custom--form--elements--label--typography--font-family) !important;
    --gf-font-size-secondary: 							var(--wp--custom--form--elements--label--typography--font-size) !important;
    --gf-font-style-secondary: 							var(--wp--custom--form--elements--label--typography--font-style) !important;
    --gf-font-weight-secondary: 						var(--wp--custom--form--elements--label--typography--font-weight) !important;
    --gf-letter-space-secondary: 						var(--wp--custom--form--elements--label--typography--letter-space) !important;
    --gf-line-height-secondary: 						var(--wp--custom--form--elements--label--typography--line-height) !important;
    --gf-ctrl-label-color-primary:                      var(--wp--custom--form--elements--label--color--text) !important;

    --gf-ctrl-bg-color:                                 var(--wp--custom--form--elements--default--color--background) !important;
    --gf-ctrl-bg-color-hover:                           var(--gf-ctrl-bg-color);
    --gf-ctrl-bg-color-focus:                           var(--gf-ctrl-bg-color);
    --gf-ctrl-bg-color-disabled:                        var(--gf-color-in-ctrl-light-lighter);
    --gf-ctrl-bg-color-error:                           var(--gf-ctrl-bg-color);
    --gf-ctrl-border-color:                             var(--wp--custom--form--elements--default--border--color) !important;
    --gf-ctrl-border-color-hover:                       var(--gf-ctrl-border-color);
    --gf-ctrl-border-color-focus:                       var(--wp--custom--form--elements--checkbox--border--color) !important;
    --gf-ctrl-border-color-disabled:                    var(--gf-color-in-ctrl-light-darker);
    --gf-ctrl-border-color-error:                       var(--gf-color-danger);
    --gf-ctrl-border-style:                             var(--wp--custom--form--elements--default--border--style) !important;
    --gf-ctrl-border-width:                             var(--wp--custom--form--elements--default--border--width) !important;

    --gf-ctrl-shadow: none !important;
    --gf-ctrl-shadow-color-focus:                       var(--wp--custom--form--elements--default--color--focus) !important;
    --gf-ctrl-btn-radius:                               var(--wp--custom--form--elements--submit--border--radius);
    --gf-ctrl-btn-font-family:                          var(--wp--custom--form--elements--submit--typography--font-family) !important;
    --gf-ctrl-btn-font-size:                            var(--wp--custom--form--elements--submit--typography--font-size) !important;
    --gf-ctrl-btn-font-style:                           var(--wp--custom--form--elements--submit--typography--font-style) !important;
    --gf-ctrl-btn-font-weight:                          var(--wp--custom--form--elements--submit--typography--font-weight) !important;
    --gf-ctrl-btn-letter-space:                         var(--wp--custom--form--elements--submit--typography--letter-spacing) !important;
    --gf-ctrl-btn-line-height:                          var(--wp--custom--form--elements--submit--typography--line-height, 1) !important;
    --gf-ctrl-btn-opacity: 1;
    --gf-ctrl-btn-opacity-disabled: 0.5;
    --gf-ctrl-btn-padding-y:                            var(--wp--custom--form--elements--submit--spacing--padding--vertical) !important;
    --gf-ctrl-btn-padding-x:                            var(--wp--custom--form--elements--submit--spacing--padding--horizontal) !important;

    --gf-ctrl-btn-bg-color-primary: 				    var(--wp--custom--form--elements--submit--color--background) !important;
    --gf-ctrl-btn-bg-color-hover-primary: 		        var(--wp--custom--form--elements--submit--hover--color--background) !important;
    --gf-ctrl-btn-bg-color-focus-primary: 		        var(--gf-ctrl-btn-bg-color-primary);
    --gf-ctrl-btn-bg-color-disabled-primary: 	        var(--gf-ctrl-btn-bg-color-primary);

    --gf-ctrl-btn-color-primary: 						var(--wp--custom--form--elements--submit--color--text) !important;
    --gf-ctrl-btn-color-hover-primary: 					var(--wp--custom--form--elements--submit--hover--color--text) !important;
    --gf-ctrl-checkbox-check-radius:                    var(--wp--custom--form--elements--checkbox--border--radius) !important;

    & input[type='checkbox'] {
        --gf-ctrl-border-color: var(--wp--custom--form--elements--checkbox--border--color) !important;
    }

    /* Reset height for text elements */
    & :where( select, input:not(
		[type='checkbox'],
		[type='radio'],
		[type='submit']
	)) {
        height: auto !important;
        
    }

    .gform-button--width-full {
        width: 100% !important;
    }

    /* Set placeholder color */
    & :where(input, select, textarea)::placeholder {
        color: var(--wp--custom--form--elements--default--color--placeholder);
    }
}