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

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

/* Hide header on desktop only - keep visible on mobile */
@media only screen and (min-width: 850px) {
  #header {
    display: none !important;
  }
}

/* Off-canvas（行動版抽屜）— 寬 100%、背景 #073197、白字、不轉大寫 */
:root{ --drawer-width:100vw !important; }
html body #main-menu.mobile-sidebar,
html body #main-menu.mfp-content,
html body .mobile-sidebar.mfp-hide,
html body .off-canvas .mfp-content,
html body .off-canvas-left .mfp-content,
html body .off-canvas-right .mfp-content,
html body .off-canvas-left.mfp-ready .mfp-content,
html body .off-canvas-right.mfp-ready .mfp-content,
html body .off-canvas-left.dark .mfp-content,
html body .off-canvas-right.dark .mfp-content,
html body .mfp-wrap .mfp-content#main-menu{
  --drawer-width:100vw !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:100vw !important;
  left:0 !important;
  right:0 !important;
  background:#073197 !important;
  background-color:#073197 !important;
  color:#fff !important;
}
html body #main-menu .sidebar-menu,
html body #main-menu .nav,
html body #main-menu .nav-sidebar,
html body .off-canvas .mfp-content .sidebar-menu,
html body .off-canvas .mfp-content .nav{
  background:#073197 !important;
  background-color:#073197 !important;
}
html body .off-canvas .mfp-content,
html body .off-canvas .mfp-content *,
html body #main-menu *,
html body #main-menu .nav > li > a,
html body #main-menu .nav-sidebar > li > a{
  text-transform:none !important;
}
html body .off-canvas .mfp-content a,
html body .off-canvas .mfp-content li,
html body .off-canvas .mfp-content .nav > li > a,
html body .off-canvas .mfp-content .widget a,
html body #main-menu a,
html body #main-menu li,
html body #main-menu .nav > li > a{
  color:#fff !important;
}
/* 行動版平台注入 */
html body .bb-mobile-platform{ list-style:none; margin:0; padding:0; }
html body .bb-mobile-platform a{ text-transform:none !important; }

/* 行動版抽屜 — font-size＋圖示與桌面版同步 */
html body #main-menu .nav > li > a,
html body #main-menu .nav-sidebar > li > a,
html body #main-menu .nav-vertical > li > a,
html body .bb-mobile-platform > li > a,
html body .off-canvas .nav > li > a{
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  letter-spacing:0 !important;
  padding:10px 18px 10px 20px !important;
}
html body #main-menu .bb-ico{
  width:22px; height:22px; flex:0 0 22px;
  display:inline-grid; place-items:center;
  font-size:14px; line-height:1; opacity:1;
  color:#fff !important;
}
html body #main-menu .bb-ico i{ font-size:15px; color:#fff !important; }
html body #main-menu .nav .sub-menu a,
html body #main-menu .nav .children a,
html body .bb-mobile-platform .children a{
  font-size:14px !important;
  font-weight:500 !important;
  padding:9px 18px 9px 20px !important;
}

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

}