/*
Theme Name: Hello Elementor Child theme of hello-elementor
Theme URI: 
Description: Child theme of hello-elementor theme for the Hello Elementor theme
Author: <a href="https://elementor.com/?utm_source=wp-themes&#038;utm_campaign=author-uri&#038;utm_medium=wp-dash">Elementor Team</a>
Author URI: 
Template: hello-elementor
Version: 3.3.0
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Mon, 14 Apr 2025 10:40:21 +0000 */
/* The plugin now uses the recommended approach for loading the css files.*/

:root{
    --main-theme-color: #295637;
}

h1,h2,h3,h4,h5,h6{
    margin-top: 0;
}

ul, ol {
    margin-bottom: 10px;
    list-style-position: inside;
}

.page__content table {
    table-layout: auto;
    width: auto;
    max-width: fit-content;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.page__content table th,.page__content table td {
    padding: 10px;
}
.table_container{
    overflow-x: auto
}


.flex_block {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.wpcf7-form, .quote_form {
    input, textarea {
        border-radius: 10px;
        border: solid 1px #d9d9d9;
        font-size: 14px;

        &:focus, &:focus-visible {
            border-color: #d9d9d9;
            outline: none;
        }
    }

    textarea {
        border-radius: 10px;
    }

    input[type="submit"] {
        width: 100%;
        padding: 15px;
        font-size: 14px;
        font-weight: 700;
        color: #ffffff;
        background-color: var( --main-theme-color);
        border: 1px solid transparent;

        &:hover, &:focus {
            color: var( --main-theme-color);
            border-color: var( --main-theme-color);
            background-color: transparent;
        }
    }
}

.quote_form .submit_btn{
    background-color: var( --main-theme-color);
}

/*faq form*/

.form__col__content {
    form {
        textarea {
            max-height: 125px;
        }

        .wpcf7-spinner {
            display: none;
        }
    }

    .wpcf7-not-valid-tip {
        font-size: 12px;
        font-weight: 500;
        text-align: left;
    }

    .quote_form {
        background-color: transparent;
    }

}

.heading__bg{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

label.error{
   color: red !important;
}

@media(max-width: 576px){
    .page__content img{
        width: 100%
    }
    .wpcf7-form {
        input, textarea {
            padding: 10px;
            &::placeholder{
                font-size: 12px;
            }
        }
    }
}