/*
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) {
/* Đặt màu nền vàng cam cho menu mobile */
.off-canvas-left.mfp-ready .mfp-content {
    background-color: #ffae00;
}

/* Thiết kế mục menu */
.off-canvas:not(.off-canvas-center) .nav-vertical li > a {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: none;
    font-size: 12px;
    color: white; /* Màu chữ trắng để nổi bật trên nền vàng cam */
}

/* Submenu giữ màu nền vàng cam */
.off-canvas:not(.off-canvas-center) .nav-vertical li ul {
    padding-bottom: 0;
    background: #ffae00; /* Nền vàng cam cho submenu */
}

/* Các mục con của submenu */
.off-canvas:not(.off-canvas-center) .nav-vertical li ul li {
    border-bottom: 1px solid #e68a00; /* Đường phân cách màu cam đậm hơn */
}

/* Màu của icon mũi tên */
.icon-angle-down:before {
    color: #e68a00; /* Màu cam đậm hơn để tương phản với nền */
}