/*
 Theme Name:   Hello Elementor Child
 Description:  Child theme for Hello Elementor
 Author:       Tbay (https://tbay.vn)
 Template:     hello-elementor
 Text Domain:  wpshare247
 Domain Path:  /languages
 Version:      1.0.0
*/

:root {
    --plhh-primary-color: #1F57A8;
    --plhh-color: #1B4F99;
    --plhh-color-1: #E3252C;
    --plhh-color-2: #F47B20;
    --plhh-color-white: #FFFFFF;
}

.plhh-image img {
    aspect-ratio: 1/1;
}

.plhh-tabs .e-n-tabs-heading button {
    padding: 12px 0 14px !important;
    background-color: transparent !important;
    font-weight: 600 !important;
    cursor: pointer;
}

.plhh-tabs .e-n-tabs-heading button:hover {
    color: black !important;
}

.plhh-tabs .e-n-tabs-heading button[aria-selected="true"] {
    color: black !important;
}

.plhh-tabs .e-n-tabs-heading button[aria-selected="true"]::after {
    transform: scaleX(1);
    width: 100%;
}

.plhh-tabs .e-n-tabs-heading button::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--plhh-color-2);
    transform: scaleX(0);
    transition: transform .25s;
}

.plhh-tabs .e-n-tabs-heading {
    border-bottom: 1px solid #e3e8f0 !important;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.plhh-tabs .e-n-tabs-heading button {
    margin-top: unset !important;
}

.plhh-tabs .e-n-tabs-heading button .e-n-tab-title-text {
    width: max-content;
}

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


.plhh-menu .menu-item .hfe-has-submenu-container+.sub-menu {
    min-width: 270px;
    padding: 8px;
    border-top: 2px solid #F47B20;
}

.plhh-menu .menu-item .hfe-has-submenu-container+.sub-menu .menu-item {
    border-bottom: unset !important;
}

.plhh-menu .menu-item .hfe-has-submenu-container+.sub-menu .menu-item .hfe-sub-menu-item {
    color: black;
    font-weight: 400;
    font-size: 14px;
    padding: 12px 12px;
    text-transform: unset;
    border-radius: 8px;
}

.plhh-menu .menu-item .hfe-has-submenu-container+.sub-menu .menu-item .hfe-sub-menu-item:hover {
    background-color: #f3f6fb;
    color: #1B4F99;
}

/* Search */
.plhh-search .elementor-widget-container .hfe-search-button-wrapper .hfe-search-form__container {
    display: flex;
    align-items: center;
}

.plhh-search .elementor-widget-container .hfe-search-button-wrapper .hfe-search-form__container .hfe-search-form__input {
    background: #f3f6fb;
    padding: 0 55px 0 18px;
    height: 44px;
}

.plhh-search .elementor-widget-container .hfe-search-button-wrapper .hfe-search-form__container .hfe-search-submit {
    border-radius: 50%;
    height: 36px;
    width: 36px;
    background-color: #1B4F99;
    position: absolute;
    right: 5px;
    cursor: pointer;
}

/* Elementor: add this class to the outer container wrapping the menu. */
.web366-sticky-menu {
    position: sticky !important;
    top: var(--web366-sticky-offset, 0px);
    z-index: 1000;
}

.admin-bar .web366-sticky-menu {
    top: calc(32px + var(--web366-sticky-offset, 0px));
}

@media (min-width: 601px) and (max-width: 782px) {
    .admin-bar .web366-sticky-menu {
        top: calc(46px + var(--web366-sticky-offset, 0px));
    }
}

/* WordPress's admin bar scrolls away on small phones. */
@media (max-width: 600px) {
    .admin-bar .web366-sticky-menu {
        top: var(--web366-sticky-offset, 0px);
    }
}