/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* style.css – یا هر فایل CSS که بعد از fonts.css enqueue می‌شود */

/* ۱. heading‑ها با Lalezar */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lalezar', serif;      /* اگر Lalezar پیدا نشد، fallback به serif */
/*     font-weight: 400;                    /* همان وزن تعریف‌شده در @font-face */ */
}

/* ۲. متن عمومی با Vazirmatn */
body,
p,
a,
li,
blockquote,
pre,
code,
table,
th,
td {
    font-family: 'Vazirmatn', sans-serif;   /* fallback به sans-serif */
/*     font-weight: 400;                        /* وزن پیش‌فرض ۴۰۰ */ */
}

:root {
  --bg-color: var(--ast-global-color-1);
  --field-bg: #ffffff;
  --field-radius: 12px;
  --field-height: 56px;
  --text-color: #2b2b2b;
  --icon-color: #7a7a7a;
  --icon-active: #184a45;
  --focus-glow: rgba(24, 74, 69, 0.25);
  --button-bg: #ffd233;
  --button-text: #000;
}
/* sina post images */
.owl-item .sina-bg-thumb {
    width: 100%;
    aspect-ratio: 16 / 9; 
    overflow: hidden;
}

.owl-item .sina-bg-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* above header */
.ast-above-header-wrap {
    max-width: 1420px;
	width: 97%;
	padding: 0 15px;
    margin: 0 auto;
    background: var(--bg-color);
	border-radius: 0 0 100px 100px;
}

.ast-above-header {
    min-height: 36px;
}

.ast-above-header-bar,
.site-above-header-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ast-above-header .ast-builder-grid-row,
.ast-above-header .site-header-section,
.ast-above-header .ast-flex {
    align-items: center !important;
}

.ast-above-header,
.ast-above-header * {
    line-height: 1.6;
}

.ast-above-header .widget_block p {
    margin: 0 !important;
    display: none;
}

/* contact form 7 */
.cf7-pro-form {
  background: var(--bg-color);
  padding: 24px;
  border-radius: 14px;
}

.cf7-field {
  position: relative;
  margin-bottom: 16px;
}

.cf7-field input,
.cf7-field select {
  width: 100%;
  height: var(--field-height);
  border-radius: var(--field-radius);
  border: 2px solid transparent;
  background: var(--field-bg);
  padding: 0 52px 0 16px;
  font-size: 14px;
  color: var(--text-color);
  transition: 0.3s ease;
}

.cf7-field select {
  appearance: none;
  cursor: pointer;
}

/* focus animation */
.cf7-field input:focus,
.cf7-field select:focus {
  outline: none;
  border-color: var(--icon-active);
  box-shadow: 0 0 0 4px var(--focus-glow);
}

/* icon */
.cf7-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  pointer-events: none;
}

.cf7-icon svg {
  width: 100%;
  height: 100%;
  fill: var(--icon-color);
  transition: 0.3s ease;
}

/* icon focus effect */
.cf7-field input:focus ~ .cf7-icon svg,
.cf7-field select:focus ~ .cf7-icon svg {
  fill: var(--icon-active);
  transform: scale(1.1);
}

/* checkbox */
.cf7-checkbox {
  display: block;
  font-size: 13px;
  color: #e9f5f3;
  margin: 10px 0 18px;
}

.cf7-checkbox a {
  color: #ffffff;
  text-decoration: underline;
}

/* submit */
.cf7-submit input[type="submit"] {
  width: 100%;
  height: 56px;
  background: var(--button-bg);
  color: var(--button-text);
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s ease;
}

.cf7-submit input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}


/* حرکت بسیار ملایم افقی (چپ و راست) */
/* حرکت طبیعی افقی – سریع‌تر اما نرم */
.float-x-natural {
    animation: floatXNatural 5.5s cubic-bezier(0.42, 0, 0.58, 1) infinite;
    will-change: transform;

}

@keyframes floatXNatural {
    0%   { transform: translateX(0); }
    20%  { transform: translateX(18px); }
    50%  { transform: translateX(36px); }
    80%  { transform: translateX(18px); }
    100% { transform: translateX(0); }
}


/* حرکت عمودی سریع و طبیعی */
.float-y-fast {
    animation: floatYFast 5.5s cubic-bezier(0.42, 0, 0.58, 1) infinite;
    will-change: transform;
}

@keyframes floatYFast {
    0%   { transform: translateY(0); }
    20%  { transform: translateY(-18px); }
    50%  { transform: translateY(-36px); }
    80%  { transform: translateY(-18px); }
    100% { transform: translateY(0); }
}


/*  */
mark.svg-underline {
    position: relative;
    background: none;
    padding: 0 4px;
    color: inherit;
    font-weight: inherit;
}

mark.svg-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 12px;

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='91' height='12' viewBox='0 0 91 12'><path fill='%23FFC221' d='M0.980197061,9.09306521 C25.5681791,0.00152988657 55.1427929,-2.26697742 89.6953818,2.26269565 C90.5167807,2.37037698 91.0953632,3.12354536 90.9876819,3.9449443 C90.8800005,4.76634325 90.1268321,5.3449257 89.3054332,5.23724437 C55.2055398,0.76691744 26.1134869,2.99841013 2.02061792,11.9068748 C1.24360585,12.1941791 0.380806977,11.7971925 0.0935026912,11.0201804 C-0.193801595,10.2431684 0.203184997,9.3803695 0.980197061,9.09306521 Z'/></svg>");

    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}









/* ============================= */
/* Astra Professional Page Title */
/* Full Width BG + Boxed Content */
/* ============================= */

/* container اصلی هدر */
/* body:not(.home) .entry-header.ast-header-without-markup {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

    background:
        linear-gradient(
            40deg,
            color-mix(in srgb, var(--ast-global-color-0) 0%, transparent),
            color-mix(in srgb, var(--ast-global-color-1) 100%, transparent)
        ),
        url('/wp-content/uploads/2026/02/people-holding-earth-their-hands.png');

    background-repeat: no-repeat, no-repeat;
    background-size: cover, contain;        
    background-position: center, left center;

    padding: 70px 0 60px;

    box-shadow: 
        0 10px 30px rgba(0,0,0,0.03),
        inset 0 -1px 0 rgba(0,0,0,0.05);

    overflow: hidden;
} */


body:not(.home) .entry-header.ast-header-without-markup {
    background-color: #194341; /* رنگ پایه تیره */
    background-image: 
        linear-gradient(45deg, transparent 70%, #ffcd2873 100%),
        url('/wp-content/uploads/2026/02/people-holding-earth-their-hands.png');	
    background-repeat: no-repeat;
    background-position: right top, left center;
    background-size: auto, contain;
    padding: 100px 20px;
}


body:not(.home) .entry-header.ast-header-without-markup .entry-title {
    max-width: 1400px;
    margin: 0 auto;
    color: #fff;
    position: relative;
}

@media (max-width: 768px) {
    body:not(.home) .entry-header.ast-header-without-markup {
        padding: 45px 0 40px;
    }

    body:not(.home) .entry-header.ast-header-without-markup .entry-title {
        padding: 0 20px;
    }

    body:not(.home) .entry-header.ast-header-without-markup .entry-title::after {
        right: 20px;
        width: 60px;
    }
}