/* 
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
*/
:root {
    --ck-primary-color: #153983;
    --ck-secondary-color: #E8ECF3;
    --ck-text-color: #949494;
    --ck-accent-color: #0260AA;
    --ck-gray-50-color: #EDECEC;
}
body *:not(i):not(.ck-sg-popover__close):not(.ck-sg-popover__close *) {
    font-family: 'Montserrat', sans-serif;
}
body a, .comments-area a, .page-content a{
    text-decoration: none;
}

/* Header custom styles */
#ck-header nav .parent > a {
    border-radius: 50px;
}
#ck-header nav .parent > a:hover, #ck-header nav .parent > a:focus, #ck-header nav .parent > a:focus-visible {
    color: var(--ck-primary-color);
    background-color: var(--ck-secondary-color);
}

/* Custom CSS for elementor widgets */
.ck-tabs-wrapper .e-n-tabs-heading{
    background-color: var(--ck-secondary-color);
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ck-tabs-wrapper .e-n-tabs-heading button {
    border-radius: 6px;
    flex: 1;
}

/* Contact Form 7 custom styles */
.ck-contact-form__field {
    margin-bottom: 28px;
}
.ck-contact-form__field--message {
    margin-bottom: 36px;
}
.ck-contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.ck-contact-form input[type="text"],
.ck-contact-form input[type="email"],
.ck-contact-form textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--ck-text-color);
    border-radius: 0;
    background: transparent;
    padding: 8px 0;
    font-size: 1rem;
    color: var(--ck-primary-color);
    outline: none;
    box-shadow: none;
}
.ck-contact-form input::placeholder,
.ck-contact-form textarea::placeholder {
color: var(--ck-text-color);
    opacity: 1;
}
.ck-contact-form input:focus,
.ck-contact-form textarea:focus {
    border-bottom-color: var(--ck-primary-color);
}
.ck-contact-form textarea {
min-height: 120px;
    resize: vertical;
}
.ck-contact-form .wpcf7-submit {
    color: var(--ck-primary-color);
    border: 1.5px solid var(--ck-primary-color);
    border-radius: 50px;
    padding: 12px 40px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.ck-contact-form .wpcf7-submit:hover,
.ck-contact-form .wpcf7-submit:focus {
    background: var(--ck-primary-color);
    color: #fff;
}
.ck-contact-form .wpcf7-not-valid-tip {
    font-size: 0.85rem;
    color: #c0392b;
    margin-top: 6px;
}
.ck-contact-form .wpcf7-response-output {
    margin: 20px 0 0;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 0.9rem;
}
.ck-contact-form .wpcf7 form.invalid .wpcf7-response-output, .ck-contact-form .wpcf7 form.unaccepted .wpcf7-response-output, .ck-contact-form .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #c0392b;
}

/* ---- Arabic version ---- */
.ltr {
	direction:ltr;
}
.rtl {
	direction: rtl;
}
.list-icon-rtl li a .elementor-icon-list-text{
	direction: ltr;
	text-align: right;
}
html[lang="ar"] *:not(i):not(.ck-sg-popover__close):not(.ck-sg-popover__close *):not(.ab-icon){
    font-family: 'Tajawal', sans-serif!important;
}
.hfe-skip-link {
	display:none!important;
}
html[lang="ar"] .ck-contact-form {
	direction: rtl;
}