/*
Theme Name: LOB-site
Theme URI:
Author: Noise
Author URI:
Description: Custom theme for LOB site
Version: 1.0
*/

/* 404 page */
.section-404 {
    background: #1f3b74;
    color: #ffffff;

    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 2.5rem;
        height: 100vh;
        padding: 10rem 0;
    }
}

/* Step Form */
.fluent_form_3 {
    fieldset {
        .ff-step-container {
            .ff-step-body {
				margin-bottom: 0 !important;
				
                .fluentform-step {
                    flex-direction: column;
                    gap: 5rem;
					width: 120rem;
					max-width: 100%;
					padding: 7.5rem;
					border: 1px solid rgba(0,0, 0, .25);
					
					.ff-custom_html {
						display: flex;
						flex-direction: column;
						gap: 2rem;
					}
					
					&.active {
                    	display: flex !important;
					}
					
					.ff-el-group {
						margin-bottom: 0 !important;
						
						.ff-el-input--label {
							display: none !important;
						}
					}
                }
            }
        }
    }
	
	.ff-btn {
		&:hover {
			background: #000000 !important;
			color: #ffffff !important;
		}
	}
	
	.fluentform_3_success {
		font-size: 2rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 1024px) {
	.fluentform {
		width: 100%;
	}
	
	.fluent_form_3 {
		width: 100%;
		
		fieldset {
			width: 100%;
			
			.ff-step-container {
				width: 100%;
			
				.ff-step-body {
					width: 100%;
					
					.fluentform-step {
						width: 100%;
					}
				}
			}
		}
	}
}

@media only screen and (max-width: 482px) {
	.fluent_form_3 {
		fieldset {
			.ff-step-container {
				.ff-step-body {
					.fluentform-step {
						padding: 3rem;
						gap: 4rem;
					}
				}
			}
		}
	}
}