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

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

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

/* ===== Header / navigation aligned to source (yourcatbackpack.com) ===== */
/* top bar left visible for user to edit content; bold text */
body #header .header-top .html_topbar_left,
body #header .header-top .html_topbar_left strong,
body #header .header-top strong,
body #header .header-top a,
body #header .header-top{font-weight:800 !important;font-family:'Arial Black','Archivo','Lato',sans-serif !important;}

/* clean white header bar */
body #header .header-main,
body #header .header-inner{background:#ffffff !important;}

/* top-level menu: single row, source blue #006EE6, Archivo Black, uppercase */
body #header .header-nav-main.nav-left{display:flex !important;flex-wrap:nowrap !important;align-items:center;}
body #header .header-nav-main.nav-left > li{white-space:nowrap !important;}
body #header .header-nav.header-nav-main.nav-left > li > a.nav-top-link{
  color:#006EE6 !important;
  font-family:'Archivo Black','Arial Black',sans-serif !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
  font-size:13.6px !important;
  letter-spacing:.12px !important;
  padding:0 10px !important;
  white-space:nowrap !important;
  line-height:1.5;
}
body #header .header-nav-main.nav-left > li > a.nav-top-link:hover,
body #header .header-nav-main.nav-left > li.current-menu-item > a.nav-top-link{color:#0057bd !important;}

/* right: cart icon only; account shows LOGIN text + user icon, dark */
body #header .header-cart-title{display:none !important;}
body #header .header-account-title{font-size:0 !important;}
body #header .account-link::before{
  content:"LOGIN" !important;
  font-size:13px !important;font-weight:600 !important;letter-spacing:.5px !important;
  text-transform:uppercase !important;color:#111111 !important;margin-right:7px;
}
body #header .nav-right .account-link,
body #header .nav-right .header-cart-link,
body #header .nav-right .header-cart-link .cart-icon,
body #header .nav-right > li > a.is-small{color:#111111 !important;}

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


}