/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* home */

.neo-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 30px;
    transform: rotate(7.09deg);

}

.neo-box::before {
    content: "";
    position: absolute;
    inset: 0;

    background: #FFFFFF1F;
    backdrop-filter: blur(20px);


    border-radius: 12px;

    filter: drop-shadow(0 80px 30px #4DD7E9) drop-shadow(0 0 1px #4DD7E9) drop-shadow(0 0 0px #4DD7E9);

}

.neo-box span {
    position: relative;
    font-size: 42px;
    font-weight: 900;
    color: var(--e-global-color-secondary);


}

@media(max-width:480px) {

    .neo-box {
        padding: 10px 30px;
        margin-left: 8px;
    }

    .neo-box span {
        font-size: 20px;

    }

    .neo-box::before {
        filter: drop-shadow(0 30px 30px #4DD7E9) drop-shadow(0 0 1px #4DD7E9) drop-shadow(0 0 0px #4DD7E9);
    }
}

/* home */

/* post item main */

.post-item-main-cat .elementor-post-info__terms-list {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
}

.post-item-main-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-item-main-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


@media(max-width:768px) {
    .post-item-main-meta .elementor-inline-items {
        overflow-x: scroll;
        padding: 5px 0 !important;
        flex-wrap: nowrap !important;
        white-space: nowrap;
        justify-content: flex-start !important;
        overflow-x: scroll;
        margin-inline: 0px;
    }
}

/* post item main */

/* project */

/* cover */

.project-dynamic-element .jet-listing-dynamic-field {
    height: -webkit-fill-available;
}

.project-dynamic-element .jet-listing-dynamic-field__content {
    display: flex;
    flex-direction: column;
}

.project-dynamic-element .jet-listing-dynamic-field__content .project-dynamic-key {
    margin-bottom: 10px;
}

.project-dynamic-element .jet-listing-dynamic-field__content .project-dynamic-key:hover {
    color: var(--e-global-color-primary);
}

.project-dynamic-element .jet-listing-dynamic-field__content .project-dynamic-value {
    color: var(--e-global-color-secondary);
    font-size: 16px;
    font-weight: 500;
}

/* cover */

/* task */

.task-listing-staff-box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px
}

.task-listing-staff-img img {
    max-width: 60px;
    border-radius: 100%;
    border: 2px solid var(--e-global-color-accent);
    box-shadow: rgb(255 255 255 / 20%) 0px 3px 12px;
}

.task-listing-staff-info-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
}

.task-listing-staff-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--e-global-color-secondary);
}

.task-listing-staff-role {
    font-size: 14px;
    color: var(--e-global-color-text);
    font-weight: 600;
}

.task-listing .task-listing-file-repeater .jet-listing-dynamic-repeater {
        max-height: 150px;
    overflow: hidden scroll;
}

.task-listing-description {
    max-height: 65px;
    overflow: hidden scroll;
}

.task-file-type {
    justify-content: space-between;
    gap: 5px;
}

.task-file-type::before {
    content: '';
    width: 24px;
    height: 30px;
    background-size: cover;
    background-position: center center;
}

.task-file-type .file-title {
    white-space: nowrap;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-file-type .dl-link {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--e-global-color-926f17f);
    padding: 5px;
    color: var(--e-global-color-secondary);
    border-radius: 5px;
    border: 1px solid var(--e-global-color-secondary);
    position: relative;
    transition: all 0.5s ease-in-out;
}

.task-file-type .dl-link::before {
    content: 'دانلود فایل';
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translate(100%, -50%);
    visibility: hidden;
    transition: all 0.5s ease-in;
    width: max-content;
    white-space: nowrap;
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-926f17f);
    padding: 5px;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
}

.task-file-type .dl-link:hover::before {
    visibility: visible;
}

.task-file-type .dl-link:hover {
    background-color: var(--e-global-color-secondary);
    color: var(--e-global-color-926f17f);
}

.task-file-type.file-type-pdf::before {
    background-image: url('assets/icon/pdf-icon.svg');
}

.task-file-type.file-type-word::before {
    background-image: url('assets/icon/word-icon.svg');
}

.task-file-type.file-type-code::before {
    background-image: url('assets/icon/code-icon.svg');
}

.task-file-type.file-type-excel::before {
    background-image: url('assets/icon/excel-icon.svg');
}

.task-file-type.file-type-txt::before {
    background-image: url('assets/icon/txt-icon.svg');
}

.task-file-type.file-type-video::before {
    background-image: url('assets/icon/video-icon.svg');
}

.task-file-type.file-type-image::before {
    background-image: url('assets/icon/image-icon.svg');
}

.task-file-type.file-type-zip::before {
    background-image: url('assets/icon/zip-icon.svg');
}


/* task */

/* phase, dept and state badge */

.state-badge {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 10px;
}

.state-waiting {
    background-color: #6C757D;
    border-color: #6C757D;
}

.state-pending {
    background-color: #FFC107;
    border-color: #FFC107;
}

.state-processing {
    background-color: #0D6EFD;
    border-color: #0D6EFD;
}

.state-confirmation {
    background-color: #6610F2;
    border-color: #6610F2;
}

.state-done {
    background-color: #198754;
    border-color: #198754;
}

.state-cancelled {
    background-color: #DC3545;
    border-color: #DC3545;
}

.state-hold {
    background-color: #FD7E14;
    border-color: #FD7E14;
}

[class^="phase-badge-"],
[class^="dept-badge-"] {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 10px;
    border: 1px solid var(--badge-color);
    background-color: var(--badge-color);
    transition: all .5s ease-in-out;
}

[class^="phase-badge-"]:hover,
[class^="dept-badge-"]:hover {
    background-color: transparent;
    color: var(--badge-color);
}

/* phase, dept and state badge */

/* project */