/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/


/* general designs */
p:last-child{
	margin: 0 !important;
}



/* header */
@media(min-width: 1024px){
    .header-menu .contact-btn a,
	.header-menu .contact-btn.current-menu-item a{
        background-color: var(--e-global-color-accent);
        padding: 13px 21px 13px !important;
        border-radius: 5px;
        box-shadow: 2px 2px 10px rgba(0,0,0,0.15);
        transition: ease-out 0.3s !important;
		color: #fff !important;
        margin: -8px 0
    }
    .header-menu .contact-btn a:hover,
	.header-menu .contact-btn.current-menu-item a:hover{
        background-color: var(--e-global-color-primary);
        box-shadow: none;
    }
    .header-menu .contact-btn a:after{
        display: none !important;
    }
}



/* home */
.help-item{
    text-decoration: none !important;
}



/* contact form */
.contact-form .gform_fields{
    grid-row-gap: 15px !important;
}
.contact-form .gfield .gfield_label{
    font-weight: normal;
    margin: 0;
    font-size: 15px;
    color: #333;
}
.contact-form .gfield_required{
    font-size: inherit !important;
    font-style: normal !important;
    text-transform: lowercase !important;
    color: inherit !important;
}
.contact-form .gfield:not(.gfield_contains_required) label:after{
    content: ' (optional)';
}
.contact-form .gfield input,
.contact-form .gfield textarea{
    border-radius: 5px;
    border-color: #888;
    padding: 7px 15px !important;
    line-height: 1.5 !important;
    height: auto !important;
    outline: none !important;
}
.contact-form .gfield input:focus,
.contact-form .gfield textarea:focus{
    border-color: #111;
}
.contact-form .gfield textarea{
    height: 130px !important;
    display: block;
}
.contact-form .gform_footer{
    padding: 0 !important;
    margin-top: 20px !important;
}
.contact-form .gform_button{
    margin: 0 !important;
    line-height: 1 !important;
    border: none !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
	outline: none !important;
}
.contact-form .gform_button:hover{
    background: var( --e-global-color-primary ) !important;
    box-shadow: none !important;
}
.contact-form .gform_validation_errors{
    margin: 0 0 10px !important;
    border-radius: 0 !important;
    padding: 10px 10px 10px 48px !important;
}
.contact-form .gform_validation_errors h2{
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
}
.contact-form .validation_message{
    font-size: 12px !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    line-height: 1 !important;
    font-style: italic;
}



/* footer */
.footer-contact li{
	width: fit-content;
}



/* mobile responsiveness */
@media(max-width: 1024px){
	.contact-form .gform_button{
        font-size: 19px !important;
    }
}

@media(max-width: 767px){
	.contact-form .gform_fields{
        grid-row-gap: 10px !important;
    }
    .contact-form .gfield .gfield_label{
        font-size: 13px;
    }
    .contact-form .gfield input,
    .contact-form .gfield textarea{
        font-size: 14px !important;
    }
    .contact-form .gfield input:focus,
    .contact-form .gfield textarea:focus{
        border-color: #111;
    }
    .contact-form .gfield textarea{
        height: 122px !important;
    }
    .contact-form .gform_footer{
        margin-top: 15px !important;
    }
    .contact-form .gform_button{
        font-size: 16px !important;
        padding: 12px 20px 11px !important;
    }
}

@media(max-width: 360px){
	.footer-contact br{
		display: none;
	}
}