/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
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:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

.copyban-ion-wrapper {
    place-items: center;
    margin-top: 3.2rem;
}

.copyban-ion-wrapper > div {
    width: 100%
}

.copyban-page-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    border-radius: 1.6rem;
    padding: 3.2rem;
    overflow: hidden;
    position: relative;
    box-shadow: 0 50px 50px 0 rgba(148, 163, 184, .1);
}

/*DOWNLOAD & PAY BUTTONS*/
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .download,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.pay {
    background-color: #ef4444;
    color: #fff;
    transition: all .3s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(239, 68, 68, .1);
    margin-left: 16px;
    padding: 0.8rem 1.6rem;
    border-radius: 0.8rem;
    cursor: pointer;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .download:hover,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.pay:hover {
    background-color: #dc2626;
    box-shadow: 0 8px 16px 0 rgba(239, 68, 68, .16);
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .download:active,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.pay:active {
    box-shadow: none;
    background-color: #dc2626;
}

/*VIEW BUTTON*/
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action a.view,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.view,
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .delete,
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .report {
    position: relative;
    /*display: inline-block;*/
    margin-left: 16px;
    padding: 0.8rem 1.6rem;
    cursor: pointer;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action a.view .title,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.view .title,
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .delete .title,
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .report .title {
    display: none;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action a.view:after,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.view:after {
    content: "نمایش";
    position: absolute;
    top: -60%;
    left: 50%;
    border-radius: .4rem;
    background-color: #64748b;
    color: #fff;
    font-size: 1rem;
    padding: .2rem .4rem;
    transform: translateX(-50%);
    display: none;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action a.view:hover:after,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.view:hover:after,
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .delete:hover:after,
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .report:hover:after {
    display: block;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action a.view:before,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.view:before {
    content: "\e950";
    position: absolute;
    font-family: 'iconly';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #94a3b8;
    font-size: 20px;
    transition: all .3s ease-in-out;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action a.view:hover:before,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.view:hover:before {
    color: #64748b;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action a.view:active,
#ion-form-wrapper .ion-content .ion-section table tbody tr td a.view:active {
    box-shadow: none;
    background-color: transparent;
}

/*DELETE*/
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .delete:after {
    content: "حذف";
    position: absolute;
    top: -60%;
    left: 50%;
    border-radius: .4rem;
    background-color: #64748b;
    color: #fff;
    font-size: 1rem;
    padding: .2rem .4rem;
    transform: translateX(-50%);
    display: none;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .delete:hover:before {
    color: #ef4444;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .delete:before {
    content: "\e925";
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'iconly';
    transform: translate(-50%, -50%);
    color: #94a3b8;
    font-size: 20px;
    transition: all .3s ease-in-out;
}

/*REPORT*/
#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .report:after {
    content: "گزارش";
    position: absolute;
    top: -60%;
    left: 50%;
    border-radius: .4rem;
    background-color: #64748b;
    color: #fff;
    font-size: 1rem;
    padding: .2rem .4rem;
    transform: translateX(-50%);
    display: none;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .report.red:hover:before {
    color: #dc2626;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .report.red:before {
    content: "\e924";
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'iconly';
    transform: translate(-50%, -50%);
    color: #ef4444;
    font-size: 20px;
    transition: all .3s ease-in-out;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .report.green:hover:before {
    color: #64748b;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action .report.green:before {
    content: "\e953";
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'iconly';
    transform: translate(-50%, -50%);
    color: #94a3b8;
    font-size: 20px;
    transition: all .3s ease-in-out;
}

/*TABLE STYLES*/
#ion-form-wrapper .ion-content .ion-section table thead {
    background-color: #f1f5f9;
    color: #64748b;
    border-bottom: none;
}

#ion-form-wrapper .ion-content .ion-section table thead tr th {
    border: none;
    padding: 16px;
    font-size: 14px;
}

#ion-form-wrapper .ion-content .ion-section table tbody {
    border-bottom: none;
}

#ion-form-wrapper .ion-content .ion-section table tfoot {
    border-bottom: none;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr {
    background-color: #f8fafc;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr:nth-child(2n-1) {
    background-color: #fff;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td {
    background-color: #f8fafc;
    padding: 16px !important;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td time.created_at {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td time.created_at span.time{
    margin-left: 12px;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.status,
#ion-form-wrapper .ion-content .ion-section table tbody tr td.woocommerce-orders-table__cell-order-status,
#ion-form-wrapper .ion-content .ion-section table tbody tr td.woocommerce-orders-table__cell-order-total{
    white-space: nowrap;
}
#ion-form-wrapper .ion-content .ion-section table tbody tr:nth-child(2n-1) td {
    background-color: #fff;
}



/*ION-DANGER*/

#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td {
    color: #ef4444;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .download {
    background-color: #f1f5f9;
    color: #94a3b8;
    margin-left: 16px;
    transition: none;
    box-shadow: none;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .download,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .delete,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .view,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .report {
    cursor: auto;

}

#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .delete:before,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .view:before,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .report:before {
    color: #e2e8f0;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .delete:hover:before,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .view:hover:before,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .report:hover:before {
    color: #e2e8f0;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .delete:hover:after,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .view:hover:after,
#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .report:hover:after {
    display: none;
}


#ion-form-wrapper .ion-content .ion-section table tbody tr.ion-danger td.ion-myaccount-action .download span {
    cursor: default;
}

#ion-form-wrapper .ion-content .ion-section table tbody tr td.woocommerce-table__product-name a {
    padding: 0;
}


#ion-form-wrapper .ion-content .ion-section .margin-top a {
    background-color: #f1f5f9;
    color: #94a3b8;
    border-radius: 8px;
    padding: 8px 16px;
    transition: all .3s ease-in-out;
}

#ion-form-wrapper .ion-content .ion-section .margin-top a:hover {
    background-image: none;
    color: #64748b;
}


/*WOOCOMMERCE*/
.woocommerce .woocommerce-notices-wrapper ul li p {
    margin-bottom: 0;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-error {
    background-color: #ef4444;
    border-radius: 8px
}

body.woocommerce-account nav > ul {
    margin-bottom: 0;
}

body.woocommerce-account nav > ul li {
    margin: 0;
}

body.woocommerce-order-received .woocommerce ul.order_details {
    display: flex;
    justify-content: space-between;
    text-align: right;
}

body.woocommerce-order-received .woocommerce ul.order_details li:not(:first-child) {
    padding-right: 16px;
}

body.woocommerce-order-received .woocommerce ul.order_details li {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    line-height: normal;
    border-color: #e2e8f0;

}

.woocommerce-checkout table.shop_table .product-total, .woocommerce-checkout table.shop_table tfoot td {
    text-align: right;
}

.woocommerce-pagination .woocommerce-button {
    background-color: #f1f5f9;
    color: #94a3b8;
    border-radius: 8px;
    padding: 8px 16px;
    transition: all .3s ease-in-out;
    display: inline-block;
}

.woocommerce-pagination .woocommerce-button:hover {
    background-image: none;
    color: #64748b;

}

/*HORIZONTAL MENU*/
.ion-account-wrapper main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.ion-account-wrapper main .ion-app-container {
    transition: all .3s ease-in-out;
}

.ion-account-wrapper main .ion-app-container .ion-tabs {
    margin-bottom: 2.4rem;
    background-color: #f1f5f9;
    border-radius: .8rem;
}

.ion-account-wrapper main .ion-app-container .ion-tabs .ion-tabs__right {
    display: none;
}

.ion-account-wrapper main .ion-app-container .ion-tabs .ion-tabs__left {
    display: none;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
    white-space: nowrap;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li {
    position: relative;
    margin-top: 0;
    cursor: pointer;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li a {
    display: block;
    width: 100%;
    padding: 16px;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li:hover h3 {
    color: #64748b;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li:hover h3:after {
    opacity: 1;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li.is-active h3 {
    color: #64748b;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li.is-active h3:after {
    background-color: #ef4444;
    opacity: 1;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li.is-active.specific h3 {
    color: #ef4444;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li h3 {
    position: relative;
    color: #94a3b8;
    font-size: 1.4rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 0;
}

.ion-account-wrapper main .ion-app-container .ion-tabs ul li h3:after {
    content: "";
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
    width: .8rem;
    height: .8rem;
    background-color: #94a3b8;
    border-radius: 100%;
    box-shadow: 0 0 5px 0 #94a3b8;
    transition: all .3s ease-in-out;
    opacity: 0;
}


/*LOGIN MODAL*/
#hfl_popup .hfl_popup .hfl_close {
    font-size: 3rem;
    right: 1.6rem;
    top: 0.8rem;
    transition: all .3s ease-in-out;
}

/*.hfl-main-body .hf-text-center .avatar {
    position: relative;
    display: inline-block;
    width: 144px;
    height: 144px;
    border-radius: 50%;
}
.hfl-main-body .hf-text-center .avatar:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    right: 12px;
    background-color: #10b981;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 2;
}*/
.hfl-main-body .hf-text-center .avatar #change_profile_image {
  box-shadow: 10px 15px 20px 0 rgba(148, 163, 184 , .1);
}

.hfl-main-body .hf-text-center .avatar #change_profile_image img {
    transition: all .3s ease-in-out;
}
.hfl-main-body .hf-text-center .avatar #change_profile_image:hover img {
    filter: blur(2px) grayscale(100%);

}

.hfl-main-body .hf-text-center .avatar #change_profile_image:hover:before,
.hfl-main-body .hf-text-center .avatar #change_profile_image:hover:after {
    width: 20%;
    border-color: #fff;
    z-index: 2;
}
.hfl-main-body .hfl-main .hfl-header {
    display: none;
}

.hfl-main-body .hfl-main form {
    box-shadow: none;
}

.hfl-main-body .hfl-main form label {
    font-size: 14px;
    margin-bottom: 0;
}

.hfl-main-body .hfl-main form input {
    outline: none;
    border: 1px solid #e2e8f0;
    padding: 1.2rem !important;
    border-radius: 0.8rem;
    transition: all .3s ease-in-out;
    line-height: normal;
    height: auto !important;
}

.hfl-main-body .hfl-main form input:focus {
    border-color: #94a3b8;
    box-shadow: none;
}

.hfl-main-body .hfl-main form .message {
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
}

.hfl-main-body .hfl-main form .message .success {
    color: #10b981;
}

.hfl-main-body .hfl-main form .message .success code {
    background-color: transparent;
    padding: 6px;
    color: #64748b;
    border: none;
}

.hfl-main-body .hfl-flex-space-between input.hfl-next {
    border: none;
    text-align: center;
    padding: 1.2rem !important;
    border-radius: .8rem;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: normal;
    height: auto;
    font-weight: bold;
    background-color: #ef4444;
    color: #fff;
    transition: all .3s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(239, 68, 68, 0.1);
    height: auto !important;
}

.hfl-main-body .hfl-flex-space-between input.hfl-next:hover {
    background-color: #dc2626;
    box-shadow: 0 8px 16px 0 rgba(239, 68, 68, 0.16);
}

.hfl-main-body .hfl-flex-space-between input.hfl-next:active {
    box-shadow: none;
    background-color: #dc2626;
}

.hfl-main-body .hfl-flex-space-between #counter {
    border: none;
    text-align: center;
    padding: 1.2rem;
    border-radius: .8rem;
    cursor: pointer;
    font-size: 1.4rem;
    line-height: normal;
    height: auto;
    font-weight: bold;
    background-color: #10b981;
    color: #fff;
    transition: all .3s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(16, 185, 129, 0.1);
}

.hfl-main-body .hfl-flex-space-between #counter:hover {
    background-color: #059669;
    box-shadow: 0 8px 16px 0 rgba(16, 185, 129, 0.16);
}

.hfl-main-body .hfl-flex-space-between #counter:active {
    box-shadow: none;
    background-color: #059669;
}

.hfl-main-body .hfl-flex-space-between #counter.disable {
    background-color: transparent;
    border: 1px solid #10b981;
    color: #10b981;
    transition: all .3s ease-in-out;
}

/*END*/

#ion-form-wrapper .ion-content .ion-section #hfl-user-panel .hfl-main-section form .user_item input {
    outline: none;
    border: 1px solid #e2e8f0;
    padding: 1.2rem;
    border-radius: .8rem;
    transition: all .3s ease-in-out;
    height: auto;
}

#ion-form-wrapper .ion-content .ion-section #hfl-user-panel .hfl-main-section form .user_item input:focus {
    border-color: #94a3b8;
    box-shadow: none;
}

#ion-form-wrapper .ion-content .ion-section #hfl-user-panel .hfl-main-section form .save input {
    background-color: #ef4444;
    color: #fff;
    height: auto;
    transition: all .3s ease-in-out;
    box-shadow: 0 4px 8px 0 rgba(239, 68, 68, .1);
    padding: 12px;
    border-radius: 8px;
}

#ion-form-wrapper .ion-content .ion-section #hfl-user-panel .hfl-main-section form .save input:hover {
    background-color: #dc2626;
    box-shadow: 0 8px 16px 0 rgba(239, 68, 68, .16);
}

#ion-form-wrapper .ion-content .ion-section #hfl-user-panel .hfl-main-section form .save input:active {
    box-shadow: none;
    background-color: #dc2626;
}

@media only screen and (max-width: 576px) {
    .copyban-page-wrapper {
        padding: 1.6rem;
    }

    #ion-form-wrapper .ion-content .ion-section {
        overflow-x: auto;
    }
    .ion-account-wrapper main .ion-app-container .ion-tabs  {
        overflow: hidden;
        position: relative;
    }
    .ion-account-wrapper main .ion-app-container .ion-tabs ul {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: calc(100% - 64px);
        margin: 0 auto;
    }

    .ion-account-wrapper main .ion-app-container .ion-tabs ul::-webkit-scrollbar {
        display: none;
    }

    .ion-account-wrapper main .ion-app-container .ion-tabs .ion-tabs__right {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-45%);
        z-index: 2;
        padding: 1.6rem .8rem 1.6rem 1.6rem;
        background: rgb(241, 245, 249);
        background: linear-gradient(90deg, rgba(241, 245, 249, 0.4990371148459384) 0%, rgba(241, 245, 249, 1) 10%, rgba(241, 245, 249, 1) 100%);

    }
    .ion-account-wrapper main .ion-app-container .ion-tabs .ion-tabs__left {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-45%);
        z-index: 2;
        padding: 1.6rem 1.6rem 1.6rem .8rem;
        background: rgb(241, 245, 249);
        background: linear-gradient(270deg, rgba(241, 245, 249, 0.4990371148459384) 0%, rgba(241, 245, 249, 1) 10%, rgba(241, 245, 249, 1) 100%);

    }

    #ion-form-wrapper .ion-content .ion-section table tbody tr td.woocommerce-orders-table__cell-order-actions {
        min-width: 192px;
    }
    #ion-form-wrapper .ion-content .ion-section table tbody tr td.ion-myaccount-action {
        min-width: 272px;
    }
}