// Font Import
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

// Theme 6 Color
$selectedColor: #D65251;
$selectedBackgroundColor: #FFF4F4;
$themeFont: 'Inter', sans-serif;

// Theme 6 CSS
html {
    overflow-y: unset !important;
}

body {
    &.everest_form-template-default {
        background: $selectedBackgroundColor;
        font-family: $themeFont;
        padding: 100px 0;

        .evf-landing-page-form {
            max-width: 660px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 30px;

            @media screen and (max-width: 768px) {
                padding-left: 20px;
                padding-right: 20px;
            }

            &-logo {
                text-align: center;

                img {
                    width: 169px;
                    height: 90px;
                }
            }

            &-content {
                background: #ffffff;
                border-radius: 8px;
                box-shadow: 0px 8px 42px 0px rgba(29, 29, 29, 0.12);

                &-header {
                    background: $selectedColor;
                    padding: 34px 40px;
                    border-radius: 8px 8px 0 0;

                    @media screen and (max-width: 768px) {
                        padding: 26px;
                    }

                    h3 {
                        font-family: $themeFont;
                        color: #ffffff;
                        font-size: 28px;
                        font-weight: 600;
                        line-height: 36px;
                        margin-top: 0;
                        margin-bottom: 12px;
                    }

                    p {
                        color: #ffffff;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 24px;
                        margin: 0;
                    }
                }

                &-form {
                    .everest-forms {
                        .evf-container {
                            margin-bottom: 0;

                            .everest-form {
                                margin-left: -15px;
                                margin-right: -15px;
                                padding: 34px 40px;

                                @media screen and (max-width: 768px) {
                                    margin-left: 0;
                                    margin-right: 0;
                                    padding: 26px;
                                }

                                @media screen and (max-width: 576px) {
                                    padding-left: 20px;
                                    padding-right: 20px;
                                }

                                .evf-field-container {
                                    margin-bottom: 12px;

                                    .evf-frontend-row {
                                        .evf-field {
                                            &-label {
                                                color: #222222;
                                                font-weight: 500;
                                                line-height: 150%;
                                                margin-bottom: 8px;
                                            }
                                        }

                                        select,
                                        textarea,
                                        input:not([type="radio"]):not([type="checkbox"]) {
                                            border-radius: 2px;
                                            border: 1px solid #e3e3e3;
                                            background: #ffffff;
                                            min-height: 34px;
                                            color: #383838;

                                            &::placeholder {
                                                color: #bababa;
                                            }

                                            &:focus {
                                                border-color: #808080;
                                            }
                                        }
                                    }
                                }

                                .evf-submit-container {
                                    @media screen and (max-width: 768px) {
                                        padding-left: 0;
                                        padding-right: 0;
                                    }

                                    .everest-forms-submit-button {
                                        font-family: $themeFont;
                                        padding: 8px 16px;
                                        border-radius: 3px;
                                        background: $selectedColor;
                                        color: #ffffff;
                                        font-size: 16px;
                                        font-weight: 400;
                                        line-height: 150%;
                                        border: 1px solid $selectedColor;
                                        transition: all .3s ease-in-out;

                                        &:hover {
                                            background: transparent;
                                            color: $selectedColor;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            &-footer {
                max-width:600px;
                margin: 0 auto;

                p {
                    color: #6b6b6b;
                    text-align: center;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 150%;
                    margin: 0;
                }

                &-evf-footer {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                    margin-top: 16px;
                }
            }
        }

		.evf-landing-page-form-footer-background{
			background: #D65251;
			padding: 32px;
			border-radius: 0 0 8px 8px;
			margin-top: -30px;
			max-width: 100% !important;
			margin: -30px 0 0 0 !important;

			p{
				color: #ffffff;
			}

			a img{
				width: 126px;
			}
		}
    }
}
