/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* READ MORE BUTTON */
.bdt-show-hide-btn.bdt-display-inline { padding: 15px 30px !important; }
.bdt-toggle-close a {color: #fff !important; }

/* CONTACT FORM */
.contact-form form .flex p {
    display: flex;
    gap: 10px;
}

.contact-form form br {
    display: none;
}

.contact-form form p { margin: 10px 0;}

.contact-form form span {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #333333;
    font-weight: 400;
    font-size: 14px;
    vertical-align: center;
}


.contact-form form input::placeholder,
.contact-form form textarea::placeholder {
    font-weight: 300;
    color: #333 !important;
}



.contact-form form input[type=text],
.contact-form form input[type=email],
.contact-form form input[type=tel],
.contact-form form textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #212121;
    height: 60px;
    display: block;
    width: 100%;
    padding: 5px 20px;
    background: #F3F3F3;
    border: unset !important;
    box-shadow: 1px 1px 21px 1px rgba(247, 243, 243, 0.75) inset;
    -webkit-box-shadow: 1px 1px 10px 1px rgb(177 165 165 / 37%) inset;
    -moz-box-shadow: 1px 1px 21px 1px rgba(247, 243, 243, 0.75) inset;
    border-radius: 0;
}

.contact-form form textarea {
    margin-bottom: 15px;
    height: 180px;
}


.contact-form form [type=submit] {
    font-size: 16px;
    font-weight: 700;
    width: 200px;
    height: 60px;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    background-color: #FF5C26;
    color: #FFFFFF;
    border: unset;
    border-radius: 50px;
    text-transform: uppercase;
    display: block;
    margin: 30px auto 0;
}


.contact-form form [type=button]:focus,
.contact-form form [type=button]:hover,
.contact-form form [type=submit]:focus,
.contact-form form [type=submit]:hover {
    color: #fff !important;
    background-color: #EF2B30 !important;
    text-decoration: none;
}


@media screen and (max-width: 768px) {
    .contact-form form .flex p {
        flex-wrap: wrap;
    }
}