/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.4.1781249156
Updated: 2026-06-12 07:25:56

*/

.hfe-flyout-wrapper .hfe-side.hfe-flyout-right {
    display: block;
    transition: all 0.3s ease-in-out;
}

a:focus {
    outline: none;
}

header .menu-custom.fixed {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.hfe-nav-menu__layout-horizontal {
    width: 100% !important;
}

.banner {
    background-color: var(--e-global-color-text);
    padding-top: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner .banner__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
}
.banner .banner__overlay *{
    color: white;
}

.banner .banner__overlay h1{
    margin-bottom: 1rem;
}

.banner .banner__overlay .ast-container {
    width: 100%;
}
.banner .banner__overlay .ast-container .content-area{
    margin-top: 0!important;
}

.hfe-nav-menu {
    flex-wrap: nowrap !important;
}

.hfe-search-button-wrapper input[type=search] {
    box-shadow: none;
}

.hfe-search-button-wrapper i.fa-search::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAJ9JREFUeAGNj8ENAiEQRQcIdzuQDrQE75ygAu1gO7CUjScOQDhx1hK0g7URcCYxG1x3N/uTH8LwmPnDABVj7GqtB8YY4Amc84e19gatEDqjr23Ne9+Rp2APM8J6au8clvXMOe+3gDut9XsESymvaR7KjfWfX+z7QMso9IA+0ljc/iSEuBhjhr9ZbSbnnAoh3FNKauy4JIKllD11XgVb+AM0D0PmKHNaDwAAAABJRU5ErkJggg==);
}

header .elementor .form-search-custom .hfe-search-form__container input[type="search"] {
    height: 21px;
    padding-left: 16px;
    padding-top: 0;
    padding-bottom: 0;
}

header .elementor .form-search-custom .hfe-search-form__container #clear-with-button {
    position: absolute;
    right: 0;
    top: -3px;
    padding: 0;
    font-style: normal;
    user-select: none;
    cursor: pointer;
    bottom: 0;
    margin-right: 0;
    background-color: transparent;
    height: 15px;
    width: 15px;
    min-width: auto;
}

header .elementor .form-search-custom .hfe-search-form__container .hfe-search-submit {
    background-color: transparent;
    height: 15px;
    width: 15px;
    min-width: auto;
    position: absolute;
    top: 2px;
    right: 10px;
    box-shadow: none;
}

header .elementor .form-search-custom .hfe-search-form__container input[type="search"]:focus~.hfe-search-submit {
    display: none;
}

span.hfe-breadcrumbs-home-icon {
    margin: 0;
}

.ast-breadcrumbs .trail-item a span {
    color: var(--e-global-color-astglobalcolor2);
}

.ast-breadcrumbs .trail-item span {
    color: var(--e-global-color-primary);
}

.search-form {
    display: flex;
    position: relative;
}

.search-form>label {
    width: 100%;
}

.search-form input[type="search"] {
    width: 100%;
    padding: 7px 9px;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 6px;
    height: 42px;
    font-size: 14px;
    background-color: #ffffff;
}

.search-form input[type="submit"] {
    background-color: var(--e-global-color-primary);
    border-radius: 0 6px 6px 0;
    color: #ffffff;
    padding: 14px 1rem;
    font-size: 14px;
    position: absolute;
    right: 0;
    height: 100%;
}

.btn-custom a {
    display: block;
}

.btn-svg svg {
    width: 11px;
    height: 7px;
    margin-top: -1px;
}

.btn-effect svg {
    width: 11px;
    height: 7px;
    margin-top: -3px;
}

.btn-effect .elementor-button-content-wrapper {
    transition: all .3s ease-in-out;
}

.btn-effect:hover .elementor-button-content-wrapper {
    gap: 0.85rem !important;
}

#list-icon .elementor-widget-icon-box {
    cursor: pointer;
}

#list-icon .elementor-icon-box-icon .elementor-icon {
    border-radius: 50%;
    background-color: #EAF3FE;
    padding: 12.37px;
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#list-icon .elementor-icon-box-icon .elementor-icon svg {
    width: auto;
    height: auto;
}

#list-icon .elementor-widget-icon-box:hover .elementor-icon-box-icon .elementor-icon {
    background: var(--e-global-color-primary);
    transform: scale(1.1);
}

#list-icon .elementor-widget-icon-box:hover .elementor-icon-box-icon .elementor-icon svg path {
    fill: #ffffff;
}


.required {
    color: red;
}

.cf7-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.cf7-grid p {
    line-height: 0.2;
    margin-bottom: 0;
}

.cf7-grid label {
    font-weight: 600;
    display: block;
}

main .wpcf7 h4 {
    color: #2E3192;
    font-size: 16px;
    font-weight: 600;
}

main .wpcf7 input,
main .wpcf7 select,
main .wpcf7 textarea {
    width: 100%;
    padding: 7px 9px;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 42px;
    font-size: 14px;
}

main .wpcf7 textarea {
    min-height: 90px;
}

main .wpcf7 .wpcf7-list-item {
    margin: 0;
}

main .wpcf7 .wpcf7-form-control-wrap span {
    width: 100%;
    display: block;
}

main .wpcf7 .wpcf7-list-item label {
    font-size: 16px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    width: 100%;
}

main .wpcf7 .wpcf7-list-item label input {
    margin-top: 1px;
}

.single-product header#masthead {
    border-bottom: 1px solid #e5e5e5;
}

.post-type-archive-product .content-area,
.category .content-area,
.single-product .content-area,
.single-post .content-area {
    margin-top: 20px !important;
}

.post-type-archive-product .content-area,
.category .ast-archive-description .single-product .ast-archive-description,
.single-post .ast-breadcrumbs-wrapper,
.single-product .content-area .ast-breadcrumbs-wrapper {
    margin-bottom: 20px !important;
    font-size: 13px;
}

.post-type-archive-product .ast-archive-description,
.tax-product_tag .ast-archive-description,
.tax-product_cat .ast-archive-description {
    padding-bottom: 0;
    border-bottom: 0;
}

.post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.post-grid .miko-post-item {
    padding: 14px 15px 29px 15px;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    background-color: rgba(0, 0, 0, 0.1);
}

.post-grid .miko-post-item:hover {
    background-color: #ACACAC;
}

.post-grid .miko-post-item .miko-post-item-image {
    border-radius: calc(20px - 8px) calc(20px - 8px) calc(20px - 8px) calc(20px - 8px);
    overflow: hidden;
    margin-bottom: 23px;
}

.post-grid .miko-post-item .miko-post-item-image img {
    aspect-ratio: 16/11;
}

.post-grid .miko-post-item .miko-post-item-title a {
    font-family: "Inter 24pt", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
}

.post-grid .miko-post-item .miko-post-item-excerpt {
    color: var(--e-global-color-text);
    font-family: "Inter 24pt", Sans-serif;
    font-size: 12px;
}

.news-item {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

.news-item+.news-item {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #ddd;
}

.news-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.news-item .item-info,
.news-item .item-thumbnail {
    flex: 1;
}

.news-item .item-thumbnail a {
    padding-top: 70%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 20px;
}

.news-item .item-thumbnail a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.news-item .item-thumbnail a:hover img {
    transform: scale(1.1)
}

.news-item .item-info h3 a {
    color: var(--e-global-color-primary);
    font-size: 1.25rem;

}

.news-item .item-info .meta {
    color: #000000;
    font-size: 10px;
    font-weight: normal;
    margin-top: 0.5rem;
}

.news-item .item-info .description {
    margin-top: 1rem;
    font-size: 12px;
}

.news-item .item-info .button {
    background-color: transparent;
    color: var(--e-global-color-primary);
    border-radius: 4px;
    border: 2px solid var(--e-global-color-primary);
    text-transform: uppercase;
}

.shop-page-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shop-page-wrapper .shop-sidebar {
    flex: 0 0 25%;
    padding-right: 1rem;
}

.shop-page-wrapper .shop-main-content {
    flex: 0 0 75%;
}

.sidebar-sticky {
    position: sticky;
    top: 0;
}

.sidebar-category {
    background: #f5f5f5;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}

.shop-sidebar .sidebar-title {
    border-radius: 16px 16px 0 0;
    background-color: var(--e-global-color-primary);
    color: #ffffff;
    font-size: 1rem;
    text-align: center;
    padding: 14px 0;
}

.category-tree {
    list-style: none;
    margin: 0;
    padding: 0 12px;
    font-size: 13px;
}

.category-tree ul {
    list-style: none;
    margin: 0;
    background-color: #ffffff;
    border-top: 1px solid var(--e-global-color-primary);
    padding: 12px;
}

.category-tree li {
    position: relative;
}

.category-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.category-item a {
    flex: 1;
    color: #666;
    text-decoration: none;
}

.category-tree ul li .category-item {
    padding-top: 0;
}

.category-tree ul li:last-child .category-item {
    padding-bottom: 0;
}

.category-tree li.active>.category-item>a,
.category-tree li.active-parent>.category-item>a {
    color: #0054a6;
    font-weight: 600;
}

.category-tree li ul {
    display: none;
}

.toggle-icon {
    cursor: pointer;
    color: #777;
    font-size: 14px;
    margin-left: 10px;
}

.toggle-icon i {
    transition: .3s;
}

.category-tree li.open>.category-item .toggle-icon i {
    transform: rotate(180deg);
}

.woocommerce-page .shop-main-content .products .ast-grid-common-col {
    margin-bottom: 20px;
}

.miko-card {
    height: 100%;
}

.miko-card .miko-product-item {
    text-align: left;
    padding: 16px 16px 16px 16px;
    background-color: #F8FAFC;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #007AFF33;
    height: 100%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.miko-card .miko-product-item:hover {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
    background-color: #ffffff !important;
}

.miko-card .miko-product-item .miko-product-item-image {
    overflow: hidden;
    position: relative;
    border-radius: calc(20px - 4px);
    padding-top: 100%;
}

.miko-card .miko-product-item .miko-product-item-content .miko-product-item-title {
    color: var(--e-global-color-accent);
    font-family: "Inter 24pt", Sans-serif;
    font-weight: 900;
    font-style: italic;
    padding: 0;
    margin-top: 12px;
    margin-bottom: 8px;
}

.miko-card .miko-product-item .miko-product-item-content .miko-product-item-title a {
    color: #2A2A2A;
    font-family: "Inter 24pt", Sans-serif;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    text-decoration: none;
}

.miko-card .miko-product-item .miko-product-item-image img {
    height: 100% !important;
}

.miko-card .miko-product-item .miko-product-item-description {
    font-family: "Inter 24pt", Sans-serif;
    font-size: 10px;
    font-weight: 500;
}

.miko-card .miko-product-item .miko-product-item-link {
    font-family: "Inter 24pt", Sans-serif;
    font-size: 10px;
    font-weight: 700;
}

.ast-single-related-posts-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.ast-single-related-posts-container .ast-related-posts-title {
    font-size: 1.25rem;
}

.swiper-related-posts {
    display: none;
}

.swiper-related-posts.swiper-initialized {
    display: block;
}

.item-layout {
    padding: 14px 15px 29px 15px;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    background-color: rgba(0, 0, 0, 0.1);
}

.item-layout .item-layout-image {
    border-radius: calc(20px - 8px) calc(20px - 8px) calc(20px - 8px) calc(20px - 8px);
    overflow: hidden;
    margin-bottom: 23px;
}

.item-layout .item-layout-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s ease;
    aspect-ratio: 16 / 11;
}

.item-layout .item-layout-title a {
    font-family: "Inter 24pt", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
}

.item-layout .item-layout-excerpt {
    color: var(--e-global-color-text);
    font-family: "Inter 24pt", Sans-serif;
    font-size: 12px;
}

/* Single Product */
.ast-article-single .row {
    display: flex;
    flex-wrap: wrap;
}

.title h1 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.product-template-default.single-product .ast-container {
    max-width: 1132px;
}

.product-swiper-thumbs,
.product-swiper {
    display: none;
}

.product-swiper-thumbs.swiper-initialized,
.product-swiper.swiper-initialized {
    display: block;
}

.product-swiper .image {
    aspect-ratio: 16 / 10;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.product-swiper .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-swiper-thumbs {
    margin-top: 1rem;
}

.product-swiper-thumbs .swiper-slide .image-thumb {
    border: 1px solid #D1D1D1;
    cursor: pointer;
}

.product-swiper-thumbs .swiper-slide-thumb-active .image-thumb {
    border-color: #E84343;
}

.product-swiper-thumbs .image-thumb {
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.product-swiper-thumbs .image-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.infor-basic {
    padding-left: 2rem;
}

.woocommerce-product-details__short-description p {
    margin-bottom: 0.5rem;
}

.product-tags {
    margin-top: 10px;
    font-size: 14px;
}

.product-tags a {
    color: #0073aa;
}

.wc-custom-tabs {
    margin: 30px 0;
}

.tab-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd;
}

.tab-nav li {
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    cursor: pointer;
    background: #f7f7f7;
}

.tab-nav li.active {
    background: var(--e-global-color-primary);
    border-bottom: 2px solid #000;
    color: #ffffff;
}

.tab-pane {
    display: none;
    padding: 20px 0;
}

.tab-pane.active {
    display: block;
}

.related h2 {
    font-size: 1.8rem;
}

.elementor .elementor-element.elementor-widget-n-tabs:not(:has(>.elementor-widget-container))>.e-n-tabs>.e-n-tabs-heading .e-n-tab-title[aria-selected=true] {
    background-color: var(--e-global-color-astglobalcolor0) !important;
}

.menu-custom>.e-con-inner {
    position: relative;
}

.left-menu-custom,
.left-menu-custom .elementor-widget-ekit-nav-menu,
.left-menu-custom .ekit_menu_responsive_mobile,
.left-menu-custom #ekit-megamenu-main-menu,
.left-menu-custom .submenu-click-on-icon,
.left-menu-custom .submenu-click-on-icon>li {
    position: unset !important;
}

.elementskit-megamenu-panel {
    top: 100% !important;
    width: 100% !important;
    transform: translateY(0)!important;
}

.ast-scroll-to-top-right {
    right: 1rem;
}

#ast-scroll-top{
    width: 40px !important;
    height: 40px !important;
}

@media (min-width: 1024px) and (max-width: 1024px) {
    body .elementskit-menu-offcanvas-elements {
        height: 53px !important;
    }
}

@media screen and (max-width: 1024px) {
    body .elementskit-menu-container {
        max-width: 100% !important;
    }

    body .elementskit-menu-offcanvas-elements {
        padding: 0 !important;
    }
}

@media screen and (max-width: 823px) {

    .news-grid,
    .post-grid {
        margin-bottom: 40px;
    }

    .post-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .shop-page-wrapper {
        gap: 20px;
    }

    .shop-page-wrapper .shop-sidebar,
    .shop-page-wrapper .shop-main-content {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 540px) {
    .banner {
        padding-top: 200px;
    }

    .post-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .ast-separate-container #content .ast-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .news-item .item-info,
    .news-item .item-thumbnail {
        width: 100%;
        flex: 0 0 100%;
    }

    .col-7,
    .col-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .infor-basic {
        padding-left: 0;
        margin-top: 2rem;
    }

    .miko-card .miko-product-item {
        padding: 0.825rem;
        border-radius: 10px;
    }

    .miko-card .miko-product-item .miko-product-item-image {
        border-radius: 8px;
    }
}