/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* ========== 复刻 Riverspromo 导航下拉 二级竖向 三级右弹 ========== */
.nav-dropdown .dropdown-box {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
	
/* 分类页中间Banner样式 */
.cat-page-banner {
    margin: 0 auto 40px;
}
.cat-banner-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    border-radius: 4px;
}
    width: 230px !important;
    column-count: 1 !important;
    columns: 1 !important;
    grid-template-columns: none !important;
    flex-direction: column !important;
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.nav-dropdown .dropdown-box > li {
    width: 100% !important;
    float: none !important;
    display: block !important;
}

.nav-dropdown .dropdown-box > li > a {
    display: block !important;
    padding: 11px 18px !important;
    text-align: left !important;
}

/* 三级子菜单 右侧弹出 */
.nav-dropdown .dropdown-box .sub-menu {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    width: 230px !important;
    background: #fff !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1) !important;
}

/* 仅悬浮显示，不会自动展开 */
.nav-dropdown li:hover > .dropdown-box {
    display: block !important;
}
.nav-dropdown .dropdown-box li:hover > .sub-menu {
    display: block !important;
}