/*
Theme Name: Flatsome Child
Description: A Custom child Theme For Flatsome Theme
Author: Sepehr Mahvash
Author URI: http://sepehr-mahvash.ir/
Template: flatsome
Version: 3.19
*/


body{
    font-family: 'Mahoor','tahoma';
}

.product-small{
    padding-bottom: 20px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.text > p{
    margin-bottom: 0px;
}


/******************/
/**  Mobile  **/
/******************/
@media (max-width: 599px) {
.ez-btm-nav {
    width: 100%;
    height: 60px;
    background-color: #15345c;
    position: fixed;
    margin-bottom: 0px;
    z-index: 1000;
    bottom: 0;
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-content: center;
    text-align: center;
}

nav.ez-btm-nav a {
    color: white;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ez-btm-nav span.material {
    font-size: 38px;
}

.ez-btm-nav .nav-badge {
    position: absolute;
    font-family: 'Mahoor';
    right: -28px;
    background-color: red;
    font-size: 13px;
    border-radius: 50%;
    text-align: center;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
}

span.material.active {
    color: #ff7c7c;
}

.footer-trust-colbox .col-inner {
    flex-wrap: wrap;
}

.footer-trust-colbox .col-inner .box{
   width: 50%;
}

}/* End Mobile Styles */

/******************/
/**  Over Ride Flatsome Rtl **/
/******************/

.col, .columns, .gallery-item {
    margin: 0;
    padding: 0 5px 0px !important;
    position: relative;
    width: 100%;
}

.flickity-page-dots {
    bottom: 15px;
    left: 20%;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: unset;
    right: 20%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

/******************/
/**  General  **/
/******************/
.img-radius img{
    border-radius: 15px;
}
.width-2040{
    max-width: 2040px;
    margin-left: auto;
    margin-right: auto;

}

.send-icon-background .section-bg {
    background-color: #f4b128;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23ffffff' fill-opacity='0.2'%3E%3Cpath d='M20 45 L50 30 L20 15 L20 27 L40 30 L20 33 Z' transform='rotate(-15 35 30)'/%3E%3Cpath d='M80 100 L105 87.5 L80 75 L80 85 L96.5 87.5 L80 90 Z' transform='rotate(20 92 87)'/%3E%3Cpath d='M90 35 L110 25 L90 15 L90 23 L103 25 L90 27 Z' transform='rotate(-40 100 25)'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 100px 100px;
    animation: movePattern 10s linear infinite;
}


/* تعریف فریم‌های انیمیشن */
@keyframes movePattern {
    0% {
        background-position: 0 0;
    }
    100% {
        /* مقدار حرکت باید برابر با background-size باشد تا انیمیشن پرش نداشته باشد */
        background-position: 100px -100px; 
    }
}



/******************/
/**  Header  **/
/******************/

.header-bg{
    height: 206px;
}

.shape-wrapper {
    position: relative;
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.ez-bg-top {
  position: absolute;
  width: 100%;
  height: 60%;
  background: linear-gradient(to right, #e74c3c, #e64a19);
  clip-path: ellipse(120% 100% at 50% 0%);
}

.ez-bg-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: #e53935;
  border-bottom-right-radius: 120px;
}

.ez-header-icon-box {
    width: 38px;
    height: 38px;
    background-color: #ffff;
    border-radius: 50%;
}

/******************/
/**  Top Header  **/
/******************/

.top-header-iconbox {
    display: flex;
    align-items: center;
    font-size: 0.8em;
}

.top-header-iconbox span.material {
    font-size: 28px;
    color: #cb0404;
    padding-left: 10px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.top-header-text {
    font-weight: 700;
    font-size: 1em;
}

/******************/
/**  Home - Off Slider  **/
/******************/

.economy-slider .product-small{
    border-radius: 10px;
}

/******************/
/**  Pages **/
/******************/
.wp-singular #rank-math-faq .rank-math-list-item{
    padding-right: 1em;
    padding-left: 1em;
}

.rank-math-answer > p{
    text-align: justify;
}

/******************/
/** Blog Single Page **/
/******************/

.single-post .entry-content {
    padding-right: 1em;
    padding-left: 1em;
}

.single-post .entry-content > h2{
    font-size: 1.4em;
    line-height: 2;
}

.single-post .entry-content > p{
    font-weight: 450;
    line-height: 2;
    text-align: justify;
}

.single-post .entry-content > p > strong{
    color: #00599c;
    border-bottom: 1px dashed #c8c8c8;
}

.single-post .entry-content > ol{
    padding-right: 1em;
    line-height: 2;
}

.single-post .entry-content > ol > li > strong{
    color: #7c6b00;
}

/******************/
/** Product Single Page **/
/******************/

.single-product main p {
    line-height: 2;
    text-align: justify;
    color: #000000;
    margin: 20px 10px;
}

.single-product main h2 {
    font-size: x-large;
    text-align: center;
    line-height: 1.8;
}

/******************/
/**  Footer  **/
/******************/

.footer-trust-colbox .col-inner{
    display: flex;
    justify-content: center;
    align-items: center;

}

/******************/
/**  Single Product  **/
/******************/

.single-product .highest-discount {
    color: #ffffff;
    background-color: #b20000;
    position: absolute;
    left: 0px;
    padding: 6px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 1.1em;
    z-index: 100;
    top: -25px;
}


.single-product .product-title{
    margin-top: 1em;
    font-size: larger;
}

.single-product .price-wrapper p.price{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #dadada;
    padding: 1em;
    align-items: flex-end;
    border-radius: 10px;
    
}

.single-product .price-wrapper p.price del bdi{
    font-weight: bold;
    font-size: medium;
    color: #a4a4a4;
}
.single-product .price-wrapper p.price ins bdi{
    color: darkblue;
    margin-top: 6px;
    display: block;
}