/* 
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
*/


/* ░░░░░░░░░░░░░░░░░░░░░░░░░ Base - start ░░░░░░░░░░░░░░░░░░░░░░░░░ */
:root {
    --main-font: IRANSansXV;
}

/* body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */
.elementor-icon-wrapper {
    display: flex;
}
/* ░░░░░░░░░░░░░░░░░░░░░░░░░ Base - end ░░░░░░░░░░░░░░░░░░░░░░░░░ */



/* ░░░░░░░░░░░░░░░░░░░░░░░░░ Typography - start ░░░░░░░░░░░░░░░░░░░░░░░░░ */

@font-face {
    font-family: 'IRANSansXV';
    src: url('/wp-content/themes/hello-theme-child/fonts/IranSansX/IRANSansX_V.woff') format('woff-variations'),
    url('/wp-content/themes/hello-theme-child/fonts/IRANSansX/IRANSansX_V.woff') format('woff');
    font-weight: 100 1000;
    font-display: fallback;
}
@font-face {
    font-family: 'IRANSansXV';
    src: url('/wp-content/themes/hello-theme-child/fonts/IranSansX/IRANSansX_V.woff2') format('woff2-variations'),
    url('/wp-content/themes/hello-theme-child/fonts/IRANSansX/IRANSansX_V.woff2') format('woff2');
    font-weight: 100 1000;
    font-display: fallback;
}

body {
    font-family: var(--main-font);
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, input, th, span, address, td, strong, textarea, legend, p, li, ul, a, div, select, button {
    font-family: var(--main-font);
}

.comments-area .wc-field-submit input {
    font-family: var(--main-font) !important;
}

h1 {
    font-variation-settings: "wght" 950, "DOTS" 7;
}

p {
    font-variation-settings: "wght" 400, "DOTS" 8;
}

a, .comments-area a, .page-content a {
    text-decoration: none;
}

/* ░░░░░░░░░░░░░░░░░░░░░░░░░ Typography - end ░░░░░░░░░░░░░░░░░░░░░░░░░ */
/* ────────── post template in blog page hero - start ────────── */




/* ░░░░░░░░░░░░░░░░░░░░░░░░░ home page - start ░░░░░░░░░░░░░░░░░░░░░░░░░ */

/* ░░░░░░░░░░░░░░░░░░░░░░░░░ home page - end ░░░░░░░░░░░░░░░░░░░░░░░░░ */





/* ░░░░░░░░░░░░░░░░░░░░░░░░░ responsive - start ░░░░░░░░░░░░░░░░░░░░░░░░░ */

/* ════════════ DESKTOP ONLY CSS - start ════════════ */
.page-content {
    width: 100%;
}
.znk-sec-width {
    width: 75%;
    max-width: 75%;
    margin-right: auto;
    margin-left: auto;
}

/* ════════════ DESKTOP ONLY CSS - end ════════════ */


/* ════════════ LAPTOP ONLY CSS - start ════════════ */
@media only screen and (max-width: 1440px) {
    .page-content {
        width: 100%;
    }

    .znk-sec-width {
        width: 75%;
        max-width: 75%;
        margin-right: auto;
        margin-left: auto;
    }
}

/* ════════════ LAPTOP ONLY CSS - end ════════════ */


/* ════════════ TABLET ONLY CSS - start ════════════ */
@media only screen and (max-width: 1024px) {
    .page-content {
        width: 100%;
    }

    .znk-sec-width {
        width: 80%;
        max-width: 80%;
        margin-right: auto;
        margin-left: auto;
    }


}

/* ════════════ TABLET ONLY CSS - end ════════════ */


/* ════════════ MOBILE ONLY CSS  - start ════════════ */
@media only screen and (max-width: 767px) {
    .page-content {
        width: 100%;
    }

    .znk-sec-width {
        width: 90%;
        max-width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

}

/* ════════════ MOBILE ONLY CSS  - end ════════════ */

/* ░░░░░░░░░░░░░░░░░░░░░░░░░ responsive - end ░░░░░░░░░░░░░░░░░░░░░░░░░ */