/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.6.1.1677784314
Updated: 2023-03-02 19:11:54
*/
.single table td,table th {
    vertical-align: middle;
}
.single-post nav[aria-label*="Recent Posts"] ul {
    padding: 0 0 0 15px;
    list-style-type: disclosure-closed;
    color: var( --e-global-color-secondary );
}
.single .wp-block-syntaxhighlighter-code > * {
    color: white;
}
/*
Start Hero section for home page
 */
.hero-section.custom-home-header {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}

.hero-section.custom-home-header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #04002A;
    opacity: 0.72;
    z-index: 2;
    pointer-events: none;
}

.hero-section.custom-home-header > .e-con-inner {
    position: static;
}

.hero-section.custom-home-header .hero-video-widget {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.hero-section.custom-home-header .hero-bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-section.custom-home-header .hero-bg-image {
    position: absolute !important;
    inset: 0;
    z-index: 1;
}

.hero-section.custom-home-header .hero-bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-section.custom-home-header .e-con-inner > *:not(.hero-video-widget):not(.hero-bg-image) {
    position: relative;
    z-index: 5;
}
.elementor-element.e-con-full.hero-info-section.e-flex.e-con.e-child {
    z-index: 2;
}
.hero-section.custom-home-header .hero-bg-video {
    opacity: 0;
    transition: opacity 0.7s ease;
}
.hero-section.custom-home-header .hero-bg-image {
    opacity: 1;
    transition: opacity 0.7s ease;
}

.hero-section.custom-home-header.hero-video-active .hero-bg-video {
    opacity: 1;
}

.hero-section.custom-home-header.hero-video-active .hero-bg-image {
    opacity: 0;
}
/*
End Hero section for home page
 */
 .cc-recent-posts-title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 16px;
}
/*
Start gravity form
 */
/* ---------- Gravity Forms: Form 1 layout ---------- */
div#gform_fields_1 {
    column-gap: 37px;
}
.gform-footer.gform_footer.top_label {
    padding: 0;
}
:is(input, textarea):focus {
    outline: none !important;
    box-shadow: 0 0 12px #e315072e !important;
    border-color: #e31507 !important;
}

/* ---------- Gravity Forms Theme vars برای فرم 1 ---------- */
#gform_wrapper_1[data-form-index="0"].gform-theme,
[data-parent-form="1_0"] {
    --gf-color-primary: #ff0000;
    --gf-color-primary-rgb: 32, 76, 229;
    --gf-color-primary-contrast: #fff;
    --gf-color-primary-contrast-rgb: 255, 255, 255;
    --gf-color-primary-darker: #af0d02;
    --gf-color-primary-lighter: #e31507;

    --gf-color-secondary: #fff;
    --gf-color-secondary-rgb: 255, 255, 255;
    --gf-color-secondary-contrast: #112337;
    --gf-color-secondary-contrast-rgb: 17, 35, 55;
    --gf-color-secondary-darker: #F5F5F5;
    --gf-color-secondary-lighter: #FFFFFF;

    --gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);
    --gf-color-out-ctrl-light-rgb: 17, 35, 55;
    --gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);
    --gf-color-out-ctrl-light-lighter: #F5F5F5;

    --gf-color-out-ctrl-dark: #585e6a;
    --gf-color-out-ctrl-dark-rgb: 88, 94, 106;
    --gf-color-out-ctrl-dark-darker: #112337;
    --gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);

    --gf-color-in-ctrl: #fff;
    --gf-color-in-ctrl-rgb: 255, 255, 255;
    --gf-color-in-ctrl-contrast: #112337;
    --gf-color-in-ctrl-contrast-rgb: 17, 35, 55;
    --gf-color-in-ctrl-darker: #F5F5F5;
    --gf-color-in-ctrl-lighter: #FFFFFF;

    --gf-color-in-ctrl-primary: #af0b00;
    --gf-color-in-ctrl-primary-rgb: 32, 76, 229;
    --gf-color-in-ctrl-primary-contrast: #fff;
    --gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;
    --gf-color-in-ctrl-primary-darker: #8b0b02;
    --gf-color-in-ctrl-primary-lighter: #9f0f05;

    --gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);
    --gf-color-in-ctrl-light-rgb: 17, 35, 55;
    --gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);
    --gf-color-in-ctrl-light-lighter: #F5F5F5;

    --gf-color-in-ctrl-dark: #585e6a;
    --gf-color-in-ctrl-dark-rgb: 88, 94, 106;
    --gf-color-in-ctrl-dark-darker: #112337;
    --gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);

    --gf-radius: 3px;
    --gf-font-size-secondary: 14px;
    --gf-font-size-tertiary: 13px;

    --gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
    --gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");
    --gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='640' height='640'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");

    --gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);
    --gf-ctrl-border-color: #686e77;
    --gf-ctrl-size: var(--gf-ctrl-size-md);
    --gf-ctrl-label-color-primary: #112337;
    --gf-ctrl-label-color-secondary: #112337;
    --gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);
    --gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);
    --gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);
    --gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);
    --gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);
    --gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);
    --gf-ctrl-btn-border-color-secondary: #686e77;
    --gf-ctrl-file-btn-bg-color-hover: #EBEBEB;
    --gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);
}


/* ---------- Header menu (موبایل) ---------- */
@media (max-width: 767px) {
    .home.page-template .elementor-widget-n-menu .e-n-menu {
        margin-right: 80px;
    }
    .elementor.elementor-3527.elementor-location-header .elementor-widget-n-menu .e-n-menu {
        margin-right: 120px;
    }
    .services-template-default.single.single-services .elementor-widget-n-menu .e-n-menu {
        margin-right: auto !important;
    }
}

/* ---------- Contact Form 7 message ---------- */
.wpcf7 form.sent .wpcf7-response-output {
    color: black;
    border-radius: 12px;
}

/* ---------- N-Menu fix ---------- */
.elementor-element.elementor-element-05ca77c.e-fit_to_content.elementor-widget-mobile__width-auto.elementor-hidden-mobile.e-n-menu-layout-horizontal.e-n-menu-tablet.elementor-widget.elementor-widget-n-menu {
    margin-bottom: 0 !important;
}

/* ---------- Gravity Forms: Form 1 heading ---------- */
div#gform_wrapper_1 .gform_heading {
    text-align: center;
    color: white;
    font-size: 20px;
    line-height: 1.5;
    padding: 0 50px;
}

div#gform_wrapper_1 .gform_heading h2 {
    color: white;
    font-size: 40px;
    line-height: 50px;
}

/* ---------- Gravity Forms: Form 1 inputs ---------- */
div#gform_fields_1 input,
div#gform_fields_1 textarea {
    box-sizing: border-box;
    max-width: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    border-radius: 8px;
    border: 1px solid #617385;
    height: 58px;
    padding: .4rem 1.6rem;
    transition: 0.4s;
    background-color: #001533;
}


/* ---------- Gravity Forms: Submit button ---------- */
input#gform_submit_button_1 {
    background:
            #e31507
            url('https://canadacreate.com/wp-content/uploads/2025/11/ico-arrow-btn.svg')
            no-repeat
            right 2.1rem center / 1.5rem 1.2rem;
    position: relative;
    padding: 1.1rem 1.6rem;
    padding-right: 4.3rem;
    font-size: 18px;
}


@media (max-width: 480px) {
    div#gform_fields_1 {
        column-gap: unset;
    }
    div#gform_wrapper_1 .gform_heading {
        padding: 0 15px;
    }
    div#gform_fields_1 input,
    div#gform_fields_1 textarea {
        padding: .4rem 1.2rem;
        font-size: 16px;
        width: 100%;
    }

}
/*
End Gravity form style
 */

.elementor-1248 .elementor-element.elementor-element-c633e0e .elementor-social-icon {
    background-color: #00000000 !important;
}
.custom-home-header {
    object-fit: cover;
    left: 0;
    top: 0;
    height: 760px;
    width: 100%;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: white;
}
.Taxonomy-header {
    z-index: 1 !important;
}
span.animated-heading-highlighted-text.shape-zigzag-underline svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    overflow: visible!important;
}

span.animated-heading-highlighted-text.shape-zigzag-underline svg path {
    stroke: #f44336;
    stroke-width: 10;
    fill: none;
    stroke-dasharray: 1500;
    -webkit-animation-name: highlighted-text-animation;
    animation-name: highlighted-text-animation;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    stroke-width: 6px;
}

span.animated-heading-highlighted-wrap {
    position: relative;
    display: inline-block;
}
span.animated-heading-highlighted-text.shape-zigzag-underline:after {
    width: 200px;
    justify-content: center;
    align-items: center;
    display: flex;
    background-image: url('https://canadacreate.com/wp-content/uploads/2023/03/Mediamodifier-Design.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: flow-root;
    height: 20px;
}
.elementor .elementor-hidden-mobile, .elementor .elementor-hidden-phone {
    display: block;
}
/*
Start header
*/
.elementor-image-box-description a {
    color: var( --e-global-color-text );
}
ul.premium-mobile-menu.premium-main-mobile-menu.premium-main-nav-menu li a {
    color: #080808 !important;
}
.premium-mobile-menu.premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon {
    color: #E31507 !important;
}
.premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link {
    justify-content: flex-start !important;
}
.premium-ver-hamburger-menu.elementor-widget-premium-nav-menu .premium-nav-widget-container:not(.premium-nav-pointer-framed) .premium-mobile-menu li .premium-menu-link-parent:after {
    background-color: #cfcfcf !important;
    opacity: 1 !important;
    height: 0.5px !important;
}
.footer-address ul {
    padding: 0;
    list-style-type: none;
}
.footer-address ul li a {
    margin-left: 10px;
    color: white;
}
body.post-type-archive-portfolio div#portfolio,body.post-type-archive-services div#services {
    background-color: #E31507;
}
.grecaptcha-badge { visibility: hidden; }
/* End header */
.code-dark {
    background: #111;
    color: #f5f5f5;
    padding: 16px;
    border-radius: 8px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 13px;
    overflow-x: auto;
    margin: 20px 0;
    direction: ltr;
}

.code-dark code {
    white-space: pre;
    display: block;
}


span.published abbr{
    text-decoration: unset !important;
    font-size: 13px;
}

/*
Start footer
*/
.copyright p {
    margin-top: 22px;
}
/*
End footer
*/
/*
Start Recent post
*/
.wp-block-syntaxhighlighter-code {
    background-color: #000000;
    color: #ffffff;
    padding: 24px;
    margin: 14px auto;
}
.elementor-widget-wp-widget-recent-posts nav ul li a {
    color: #545454;
    font-size: 0.9375em;
    line-height: 25px;
    font-weight: 400;
}
.elementor-widget-wp-widget-recent-posts nav ul li {
    margin: 5px auto;
}
.elementor-widget-wp-widget-recent-posts nav ul li a:hover {
    color: #FB1100;
}

/*
End Recent post
*/
/*
Whatsapp icon
 */

#wa-float-btn{
    position: fixed;
    right: 12px;
    bottom: 16px;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 65px; height: 56px;
    border-radius: 50%;
    background: #25D366;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}

#wa-float-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(0,0,0,.22);
}

#wa-float-img{
    display: block;
    width: 65px; height: 65px;
}
@media (min-width:783px){
    body.admin-bar #wa-float-btn{ bottom: 23px; }
}

@media (max-width: 480px){
    #wa-float-btn{ width: 56px; height: 56px; right: 14px; bottom: 14px; }
    #wa-float-img{ width: 56px; height: 56px; }
}

@media print{
    #wa-float-btn{ display:none !important; }
}

/*
End Whatsapp icon
 */
/*
Start modal services form
 */
.gform-theme--framework .gform_validation_errors {
    display: none !important;
}
form.services-form div#gform_fields_1 {
    padding: 0;
}
form.services-form div#gform_fields_1 {
    padding: 0;
}
.elementor-popup-modal .elementor p {
    margin: 0 auto;
}
/*
End modal services form
 */

strong.underline-decoration {
    position: relative;
}
.underline-decoration:before,.underline-decoration-on-hover:before {
    content: "";
    position: absolute;
    top: .895em;
    left: 0;
    right: 0;
    height: .625rem;
    background-color: #E31507;
    z-index: 0;
}
.elementor-post-navigation .elementor-post-navigation__link a { 
    white-space: normal;
}
.full-click-box > .elementor-widget-container {
    position: relative;
    cursor: pointer;
}
.full-click-box .elementor-icon-box-title a {
    position: static;
}
.full-click-box .elementor-icon-box-title a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
}

@media only screen and (max-width:426px){
    .elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-31ccdb1 {
        width: 50% !important;
    }
    .elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-543e131.elementor-hidden-mobile {
        width: 50% !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        vertical-align: middle;
    }
    .elementor-1248 .elementor-element.elementor-element-a8bb202 > .elementor-widget-container {
        margin: 0 !important;
    }
    .custom-menu-home > .elementor-widget-container {
        display: inline-block;
    }
    .first-element-text,.second-element-image {
        width: 100% !important;
    }
}