/*
 Theme Name:   Voxel Child
 Template:     voxel
 Version:      1.0.0
 Description:  Дочерняя тема для Voxel
 Author:       Твоё Имя
*/

/* === КАСТОМНЫЕ СТИЛИ ДЛЯ ДОЧЕРНЕЙ ТЕМЫ === */


/* === GLOBAL === */



.container {
    padding: 0px 80px !important;
}

.content {
    margin: 60px 0px 140px 0px !important;
}

@media (max-width: 1366px) {
    .container {
        padding: 0px 40px !important;
    }

    .content {
        margin: 60px 0px 120px 0px !important;
    }
}


@media (max-width: 576px) {
    .container {
        padding: 0px 20px !important;
    }

    .content {
        margin: 20px 0px 80px 0px !important;
    }
}


.h-full {
    height: 100% !important;
}

.social__link svg path {
    transition: all .3s ease-in-out;
}

.social__link:hover svg path {
    fill: var(--e-global-color-b400927)
}


/*=== breadcrumb  === */
.rank-math-breadcrumb {
    font-size: 16px;
    color: var(--e-global-color-3d7bf2a);
    font-family: inherit;
}

.rank-math-breadcrumb p {
    display: flex;
    gap: 8px;
}

.rank-math-breadcrumb a {
    color: inherit;
    transition: all .3s ease-in-out;
}

.rank-math-breadcrumb a:hover {
    color: #3F444B;
}


.elementor-button-link i.icon-full,
.e-n-tab-icon i.icon-full {
    /* transform: scale(1.5); */
    font-size: 24px !important;
}

.elementor-icon {
    display: flex !important;
}

/*аккордион на стр Обучение*/
.accordion--education .e-n-accordion-item {
    background-color: var(--e-global-color-bca8747);
    border-radius: 12px;
}

.accordion--education .e-n-accordion-item-title {
    padding: 32px !important;
    border-radius: 12px;
}

.accordion--education .e-n-accordion-item[open] {
    background-color: var(--e-global-color-365f439);
}


.link--logout {
    display: inline-flex;
    width: auto;
    padding: 20px 24px;
    height: auto;
    border-radius: 12px;
    background-color: var(--e-global-color-bca8747);
    color: var(--e-global-color-b400927) !important;
    transition: all .3s ease;
}

.link--logout:hover {
    background-color: var(--e-global-color-365f439);
}

.link--change-password {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--e-global-color-76ab905);
    background-color: var(--e-global-color-bca8747);
    border-radius: 500px;
    padding: 12px 20px;
    transition: all .3s ease;
}

.link--change-password:hover {
    background-color: var(--e-global-color-6b62b50);
}


/*стили для админки create post*/
.ts-btn-2 {
    color: var(--e-global-color-365f439) !important;
    background-color: #3dbb99 !important;
}

.ts-btn-2:hover {
    background-color: #27C686 !important;
}

.ts-btn-2 svg {
    fill: var(--e-global-color-365f439) !important;
}

@media (max-width: 575.98px) {
    .pum-container.pum-responsive {
        overflow: scroll !important;
        max-height: 90%;
    }
}


/*===== блок Функционал =====*/
.card__icon,
.card__description {
    transition: opacity .3s ease, transform .5s ease !important;
}

.card__description {
    opacity: 0 !important;
    transform: translateY(6px) !important;
}

.card:hover .card__description {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.card:hover .card__icon {
    opacity: 0 !important;
    transform: translateY(6px) !important;
}

@media (max-width:881px) {
    .card__description {
        opacity: 1 !important;
        transform: none !important;
    }

    .card__icon {
        position: static !important;
    }

    .card:hover .card__icon {
        opacity: 1 !important;
        transform: none !important;
    }
}


/*===== блок Применения =====*/
.application__desc {
    opacity: 0 !important;
    transition: opacity .3s ease, transform .5s ease !important;
    transform: translateY(6px) !important;
    z-index: 2;
}

.application:hover .application__desc {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.application__img {
    filter: none;
    transition: filter 0.3s ease !important;
}

.application:hover .application__img {
    filter: blur(10px) opacity(0.5);
}

@media (max-width:881px) {
    .application__desc {
        opacity: 1 !important;
        transform: none !important;
    }

    .application__img {
        position: static !important;
        ;
    }

    .application:hover .application__img {
        filter: none;
    }
}

/*===== Видео на стр =====*/
.hero-video__wrapp {
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.hero-video__wrapp::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0;
    height: 170px !important;
    background: linear-gradient(180deg, rgba(244, 246, 247, 0) 0%, rgba(244, 246, 247, 1) 80%);
    z-index: 1;
    pointer-events: none;
}

.hero-video__wrapp::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: 170px;
    z-index: 2;
    background: rgba(255, 255, 255, .01);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    mask-image: linear-gradient(to top, black, transparent);
    -webkit-mask-image: linear-gradient(to top, black, transparent);
    pointer-events: none;
}

@media (max-width:881px) {
    .hero-video__wrapp::before {
        height: 70px !important;
    }

    .hero-video__wrapp::after {
        height: 70px !important;
    }
}

/*===== Карточка Новости =====*/
.news__preview-title h3 {
    transition: color .13s ease;
}

.news__preview-card:hover .news__preview-title h3 {
    color: var(--e-global-color-b400927) !important;
}

*:has(> .news__preview-card) {
    display: flex !important;
    height: 100% !important;
}

.news__preview-content {
    height: 100%;
}

.news__preview-badges {
    background-color: var(--e-global-color-365f439);
    transition: background-color .13s ease !important;
}

.news__preview-card:hover .news__preview-badges {
    background-color: var(--e-global-color-bca8747);
}