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

/* ================================================
   MUN WORLD — Brand CSS
   Navy #1B3A5C | Gold #D4A843 | Light #F7F5F2
   ================================================ */

/* ===== HEADER ===== */
#header,
.header-wrapper,
header.header-wrapper {
  background: #1B3A5C !important;
  border-bottom: 3px solid #D4A843 !important;
  box-shadow: 0 3px 20px rgba(0,0,0,.22) !important;
}
.header-bg { background: #1B3A5C !important; }

/* ===== LOGO ===== */
#logo .logo-text,
#logo a,
.logo a,
.logo-text {
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
#logo img, .logo img { filter: brightness(0) invert(1); }

/* ===== NAV — FULL BRIGHT WHITE ===== */
#header .nav > li > a,
#header .nav-bar .nav > li > a,
.header-inner .nav > li > a,
#header .header-left .nav > li > a,
.nav-bar .nav > li > a {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  padding: 0 14px !important;
  transition: color .2s, opacity .2s !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
}
/* Active / hover — gold */
#header .nav > li > a:hover,
#header .nav > li.current-menu-item > a,
#header .nav > li.current_page_item > a,
#header .nav > li.active > a,
.nav-bar .nav > li > a:hover {
  color: #D4A843 !important;
  opacity: 1 !important;
}
/* Gold underline indicator */
#header .nav > li.current-menu-item > a::after,
#header .nav > li.active > a::after {
  background: #D4A843 !important;
  width: 100% !important;
}

/* ===== HEADER ICONS ===== */
#header .icon-button,
#header .header-button a,
#header .cart-icon a,
#header a.icon-button {
  color: #ffffff !important;
}
#header .icon-button:hover,
#header .header-button a:hover {
  color: #D4A843 !important;
}
.cart-count {
  background: #D4A843 !important;
  color: #111 !important;
  font-weight: 800 !important;
}
.header-divider { background: rgba(255,255,255,.25) !important; }

/* ===== STICKY HEADER ===== */
#header-sticky,
#header-sticky .header-wrapper {
  background: #1B3A5C !important;
  border-bottom: 3px solid #D4A843 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.3) !important;
}
#header-sticky .nav > li > a {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}
#header-sticky .nav > li > a:hover,
#header-sticky .nav > li.current-menu-item > a {
  color: #D4A843 !important;
}
#header-sticky .icon-button,
#header-sticky .header-button a { color: #ffffff !important; }
#header-sticky .icon-button:hover { color: #D4A843 !important; }
#header-sticky .logo-text,
#header-sticky #logo a { color: #fff !important; }

/* ===== POLICIES DROPDOWN ===== */
.nav-dropdown,
ul.sub-menu,
.nav .sub-menu,
.nav .children {
  background: #162e4a !important;
  border-top: 2px solid #D4A843 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  border-radius: 0 0 8px 8px !important;
  min-width: 200px !important;
}
.nav-dropdown a,
.nav .sub-menu a,
.nav .sub-menu li > a,
.nav .children a {
  color: rgba(255,255,255,.85) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 9px 20px !important;
  letter-spacing: .3px !important;
  text-transform: none !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.nav-dropdown a:hover,
.nav .sub-menu li > a:hover,
.nav .children a:hover {
  color: #D4A843 !important;
  background: rgba(255,255,255,.07) !important;
  padding-left: 24px !important;
}
/* Dropdown arrow indicator */
#header .nav > li.menu-item-has-children > a::after {
  content: " ▾";
  font-size: 11px;
  opacity: .7;
}

/* ===== MOBILE HEADER ===== */
.mobile-header-wrapper,
#mobile-header,
.header-mobile-wrapper {
  background: #1B3A5C !important;
  border-bottom: 3px solid #D4A843 !important;
}
.mobile-header-wrapper .logo-text,
#mobile-header .logo-text,
.header-mobile-wrapper #logo {
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}
.mobile-header-wrapper .icon-button,
#mobile-header .icon-button,
.mobile-header-wrapper .header-button a {
  color: #fff !important;
}
.hamburger-icon span,
.hamburger-icon::before,
.hamburger-icon::after { background: #fff !important; }
#mobile-nav { background: #1B3A5C !important; }
#mobile-nav .nav > li > a {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  padding: 12px 20px !important;
}
#mobile-nav .nav > li > a:hover { color: #D4A843 !important; }
#mobile-nav .sub-menu a { color: rgba(255,255,255,.8) !important; }
#mobile-nav .sub-menu a:hover { color: #D4A843 !important; }

/* ===== FOOTER ===== */
#footer,
.footer-wrapper,
#footer .footer-1 { background: #0f1e2d !important; }
#footer .row {
  padding-top: 48px !important;
  padding-bottom: 32px !important;
}
#footer .col { color: rgba(255,255,255,.6) !important; }
#footer h2 {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #D4A843 !important;
  margin-bottom: 16px !important;
  display: block !important;
}
#footer h2 strong { color: #fff !important; }
#footer div {
  color: rgba(255,255,255,.6);
  font-size: 14px;
  line-height: 1.8;
}
#footer strong { color: #fff !important; }
#footer a,
#footer a:link,
#footer a:visited {
  color: rgba(255,255,255,.6) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: color .2s !important;
}
#footer a:hover { color: #D4A843 !important; }
#footer img {
  filter: brightness(0) invert(1);
  opacity: .7;
  max-height: 60px;
}

/* Footer copyright bar */
.footer-2,
#footer-secondary,
#footer .footer-2 {
  background: #070e16 !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  padding: 16px 0 !important;
}
.footer-2 .col,
.footer-2 p,
.footer-2 div,
#footer-secondary .col {
  color: rgba(255,255,255,.38) !important;
  font-size: 12px !important;
}
.footer-2 a,
.footer-2 a:link,
.footer-2 a:visited { color: rgba(255,255,255,.38) !important; }
.footer-2 a:hover { color: #D4A843 !important; }

/* ===== BRAND GENERAL ===== */
/* WooCommerce buttons */
.button, .btn, input[type=submit], button[type=submit],
.single_add_to_cart_button, .add_to_cart_button {
  background: #D4A843 !important;
  color: #111 !important;
  font-weight: 700 !important;
  border: none !important;
}
.button:hover, .btn:hover,
.single_add_to_cart_button:hover, .add_to_cart_button:hover {
  background: #c49030 !important;
  color: #111 !important;
}
.onsale, .woocommerce span.onsale {
  background: #D4A843 !important;
  color: #111 !important;
}
.breadcrumb a { color: #1B3A5C !important; }
.breadcrumb a:hover { color: #D4A843 !important; }

/* Ghost cell fix */
.mwp-cards>p,.mwp-cards>br,.mwp-steps>p,.mwp-steps>br,
.mwp-hub>p,.mwp-hub>br,.mwp-cgrid>p,.mwp-cgrid>br,
.mwp-clinks>p,.mwp-clinks>br,#footer .row>p {
  display: none !important;
}

/* ===== RESPONSIVE ===== */
@media only screen and (max-width:48em){
  #header .logo-text,
  #mobile-header .logo-text { font-size:17px !important; letter-spacing:1.5px !important; }
  #footer .row { padding-top:30px !important; padding-bottom:20px !important; }
  #footer h2 { font-size:11px !important; margin-top:22px !important; }
}

/* === MUN WORLD TOPBAR CUSTOM === */
#top-bar {
  background-color: #1B3A5C !important;
  border-bottom: 2px solid #D4A843 !important;
  min-height: 36px !important;
}
#top-bar .flex-row,
#top-bar .top-bar-left,
#top-bar .top-bar-right,
#top-bar .top-bar-center {
  font-size: 13px !important;
  line-height: 36px !important;
}
#top-bar a {
  color: #ffffff !important;
}
#top-bar a:hover {
  color: #D4A843 !important;
  text-decoration: none !important;
}

/* === MUN WORLD TOPBAR CUSTOM === */
#top-bar {
  background-color: #1B3A5C !important;
  border-bottom: 2px solid #D4A843 !important;
  min-height: 36px !important;
}
#top-bar .flex-row,
#top-bar .top-bar-left,
#top-bar .top-bar-right,
#top-bar .top-bar-center {
  font-size: 13px !important;
  line-height: 36px !important;
}
#top-bar a {
  color: #ffffff !important;
}
#top-bar a:hover {
  color: #D4A843 !important;
  text-decoration: none !important;
}

/* === MUN WORLD TOPBAR CUSTOM === */
#top-bar {
  background-color: #1B3A5C !important;
  border-bottom: 2px solid #D4A843 !important;
  min-height: 36px !important;
}
#top-bar .flex-row,
#top-bar .top-bar-left,
#top-bar .top-bar-right,
#top-bar .top-bar-center {
  font-size: 13px !important;
  line-height: 36px !important;
}
#top-bar a {
  color: #ffffff !important;
}
#top-bar a:hover {
  color: #D4A843 !important;
  text-decoration: none !important;
}
