/*
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  ***************/


}

.traffic-mega{
    display:flex;
    min-width:900px;
    background:#fff;
}

.traffic-left{
    width:300px;
    border-right:1px solid #ececec;
    background:#fafafa;
}

.traffic-item{
    padding:14px 20px;
    cursor:pointer;
    font-weight:600;
    transition:.2s;
}

.traffic-item:hover,
.traffic-item.active{
    background:#fff;
    color:#b21f2d;
}

.traffic-right{

    flex:1;

    padding:25px;

}

.traffic-panel{

    display:none;

    grid-template-columns:repeat(2,minmax(250px,1fr));

    gap:12px 35px;

}

.traffic-panel.active{

    display:grid;

}

.traffic-panel a{

    display:block;

    color:#333;

    padding:6px 0;

    text-decoration:none;

}

.traffic-panel a:hover{

    color:#b21f2d;

}


/* ซ่อน Description บน Max mega menu */
.mega-description-group .mega-menu-description{
    display:none !important;
}