/*
 * VeltrixHost main website header/footer copy for WordPress blog.
 * This file is loaded after the blog CSS so the live blog header/footer inherit
 * the same final sizing, spacing, colors, and structure as the uploaded main site.
 */
:root{
  --vel-page-max:1360px;
  --vel-page-gutter:clamp(18px,2.8vw,40px);
  --vel-bg-white:#ffffff;
  --vel-bg-warm:#fff6ea;
  --vel-bg-footer:#fff0dc;
  --vel-bg-footer-soft:#fff7ed;
  --vel-theme-orange:#e58a12;
  --vel-theme-orange-dark:#b75f00;
  --vel-brand-orange:#d97a16;
  --vel-brand-orange-2:#f59a23;
  --vel-text-main:#101010;
  --vel-text-muted:#596172;
  --vel-border-soft:rgba(229,138,18,.18);
}

html,body{max-width:100%;overflow-x:hidden;background:var(--vel-bg-white) !important;}
*,*::before,*::after{box-sizing:border-box;}

/* Shared main-site page width */
.vh-top-bar-container,
.header-container,
.footer-container{
  width:calc(100% - (var(--vel-page-gutter) * 2)) !important;
  max-width:var(--vel-page-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Top orange service bar copied from main website */
.vh-top-bar{
  width:100% !important;
  margin:0 !important;
  background:linear-gradient(135deg,#d97a16 0%,#f59a23 100%) !important;
  color:#111111 !important;
  font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif !important;
  position:relative !important;
  z-index:1002 !important;
  border-bottom:1px solid rgba(255,255,255,.24) !important;
}
.vh-top-bar-container{
  min-height:44px !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
}
.vh-top-bar-left,
.vh-top-bar-right{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:18px !important;
  margin:0 !important;
}
.vh-top-bar-left{justify-content:flex-start !important;}
.vh-top-bar-right{justify-content:flex-end !important;gap:10px !important;}
.vh-top-bar span,
.vh-top-bar a{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  color:#0f0f0f !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif !important;
}
.vh-top-bar i{font-size:16px !important;line-height:1 !important;}
.vh-top-bar-right a{
  min-height:0 !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  line-height:1 !important;
  background:rgba(255,255,255,.20) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background .2s ease,border-color .2s ease,color .2s ease !important;
}
.vh-top-bar-right a:first-child{
  background:#111111 !important;
  color:#ffffff !important;
  border-color:#111111 !important;
}
.vh-top-bar-right a:first-child i{color:#f59a23 !important;}
.vh-top-bar-right a:hover{
  transform:none !important;
  background:rgba(255,255,255,.42) !important;
  border-color:rgba(255,255,255,.62) !important;
  color:#0f0f0f !important;
}
.vh-top-bar-right a:first-child:hover{
  background:#2a2a2a !important;
  color:#ffffff !important;
  border-color:#2a2a2a !important;
}

/* Header copied from main website */
.site-header{
  width:100% !important;
  margin:0 !important;
  position:sticky !important;
  top:0 !important;
  z-index:999 !important;
  background:#ffffff !important;
  background-image:none !important;
  border-bottom:1px solid rgba(16,16,16,.08) !important;
  box-shadow:0 10px 30px rgba(16,16,16,.06) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.admin-bar .site-header{top:32px !important;}
.header-container{
  padding-top:14px !important;
  padding-bottom:14px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  background:#ffffff !important;
  background-image:none !important;
  min-height:0 !important;
}
.site-logo{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  margin-left:4px !important;
  margin-right:auto !important;
  min-width:max-content !important;
}
.site-logo img{
  display:block !important;
  height:48px !important;
  max-height:48px !important;
  max-width:min(232px,23vw) !important;
  width:auto !important;
  object-fit:contain !important;
  filter:none !important;
}
.desktop-nav{
  flex:0 1 auto !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin-left:auto !important;
}
.desktop-nav ul{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(28px,2.2vw,44px) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.desktop-nav li{margin:0 !important;padding:0 !important;}
.desktop-nav a{
  position:relative !important;
  color:#161616 !important;
  font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif !important;
  font-size:15.25px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
  padding:11px 0 !important;
  text-decoration:none !important;
  transition:color .2s ease !important;
}
.desktop-nav > ul > li > a::before,
.desktop-nav > ul > li:hover > a::before{display:none !important;content:none !important;}
.desktop-nav a:hover,
.dropdown:hover > a{color:#d97a16 !important;text-decoration:none !important;}
.dropdown{position:relative !important;}
.dropdown > a::after{
  content:"▾" !important;
  display:inline-block !important;
  margin-left:7px !important;
  color:#d97a16 !important;
  font-size:11px !important;
  line-height:1 !important;
  transform:none !important;
  transition:none !important;
  vertical-align:middle !important;
}
.dropdown:hover > a::after{content:"▴" !important;transform:none !important;transition:none !important;}
.dropdown-menu{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:calc(100% + 14px) !important;
  min-width:285px !important;
  display:block !important;
  padding:12px 0 !important;
  margin:0 !important;
  list-style:none !important;
  text-align:left !important;
  background:#ffffff !important;
  border:1px solid rgba(21,23,29,.10) !important;
  border-radius:16px !important;
  box-shadow:0 22px 50px rgba(16,16,16,.13) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate(-50%,10px) !important;
  transition:opacity .24s ease,visibility .24s ease,transform .24s ease !important;
  z-index:1003 !important;
}
.dropdown-menu::before{
  content:"" !important;
  position:absolute !important;
  top:-7px !important;
  left:50% !important;
  width:14px !important;
  height:14px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:#ffffff !important;
  border-left:1px solid rgba(21,23,29,.10) !important;
  border-top:1px solid rgba(21,23,29,.10) !important;
}
.dropdown:hover .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate(-50%,0) !important;
}
.dropdown-menu li a{
  display:block !important;
  padding:13px 22px !important;
  color:#4f5661 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  background:transparent !important;
}
.dropdown-menu li a:hover{
  color:#d97a16 !important;
  transform:none !important;
  padding-left:22px !important;
  background:#fff7ed !important;
}
.header-actions{
  display:flex !important;
  align-items:center !important;
  margin-left:clamp(24px,2.6vw,52px) !important;
  gap:12px !important;
  flex:0 0 auto !important;
}
.header-actions .client-btn,
.client-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:48px !important;
  padding:13px 21px !important;
  border-radius:14px !important;
  background:#fff7ed !important;
  color:#161616 !important;
  border:1px solid rgba(217,122,22,.34) !important;
  box-shadow:none !important;
  transform:none !important;
  font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:-.015em !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transition:background .2s ease,border-color .2s ease,color .2s ease !important;
}
.header-actions .client-btn i,
.client-btn i{color:#d97a16 !important;font-size:18px !important;line-height:1 !important;}
.header-actions .client-btn:hover,
.client-btn:hover{background:#fff1df !important;color:#111111 !important;border-color:#d97a16 !important;box-shadow:none !important;transform:none !important;}
.mobile-menu-btn{
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  height:46px !important;
  border:0 !important;
  border-radius:12px !important;
  background:#d97a16 !important;
  color:#ffffff !important;
  font-size:22px !important;
  cursor:pointer !important;
}

/* Main website mobile drawer behavior */
.mobile-overlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,.72) !important;
  z-index:999 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:.3s ease !important;
}
.mobile-overlay.active{opacity:1 !important;visibility:visible !important;}
.mobile-menu{
  position:fixed !important;
  inset:0 0 0 auto !important;
  width:340px !important;
  max-width:90% !important;
  height:100vh !important;
  max-height:100vh !important;
  padding:24px !important;
  background:#ffffff !important;
  z-index:1000 !important;
  transform:translateX(100%) !important;
  transition:.35s ease !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  box-shadow:-20px 0 50px rgba(16,16,16,.18) !important;
}
.mobile-menu::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#d97a16,#f59a23);}
.mobile-menu.active{transform:translateX(0) !important;}
.mobile-menu-header{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:28px !important;}
.mobile-menu-header img{height:58px !important;max-height:58px !important;width:auto !important;}
.mobile-close-btn,.mobile-menu-header button{width:42px !important;height:42px !important;border:0 !important;border-radius:12px !important;background:#111111 !important;color:#ffffff !important;font-size:20px !important;cursor:pointer !important;}
.mobile-nav,.mobile-submenu{margin:0 !important;padding:0 !important;list-style:none !important;}
.mobile-nav{padding-bottom:110px !important;}
.mobile-nav a,.mobile-dropdown-btn{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:15px 0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(21,23,29,.08) !important;
  background:transparent !important;
  color:#15171d !important;
  font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif !important;
  font-size:15px !important;
  font-weight:850 !important;
  text-align:left !important;
  text-decoration:none !important;
}
.mobile-nav a:hover,.mobile-dropdown-btn:hover{color:#d97a16 !important;}
.mobile-dropdown-btn::after{content:"▾";font-size:16px;font-weight:900;color:#d97a16;transition:.25s ease;}
.mobile-dropdown-btn.active::after{transform:rotate(180deg);}
.mobile-submenu{display:none !important;margin:4px 0 8px 0 !important;padding:8px 0 8px 14px !important;border-left:2px solid rgba(217,122,22,.28) !important;background:linear-gradient(90deg,rgba(217,122,22,.07),transparent) !important;}
.mobile-submenu.active{display:block !important;}
.mobile-submenu a{color:#4f5661 !important;font-size:14px !important;font-weight:750 !important;}
.mobile-client-btn{width:100%;margin-top:22px;padding:15px 22px;border-radius:14px;background:#d97a16;color:#ffffff !important;font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif;font-size:15px;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;}
body.mobile-menu-open{overflow:hidden;}

/* Footer copied from main website */
.modern-footer{
  background:var(--vel-bg-footer) !important;
  background-image:none !important;
  color:var(--vel-text-main) !important;
  border-top:1px solid var(--vel-border-soft) !important;
  overflow:hidden !important;
}
.footer-main{
  padding:48px 0 34px !important;
  background:var(--vel-bg-footer) !important;
  background-image:none !important;
}
.footer-container{width:calc(100% - (var(--vel-page-gutter) * 2)) !important;max-width:var(--vel-page-max) !important;margin-left:auto !important;margin-right:auto !important;}
.footer-grid{
  display:grid !important;
  grid-template-columns:minmax(260px,1.45fr) repeat(5,minmax(132px,1fr)) !important;
  gap:clamp(22px,2.3vw,34px) !important;
  align-items:start !important;
}
.footer-brand-panel,
.footer-payments{
  background:var(--vel-bg-footer-soft) !important;
  background-image:none !important;
  border-color:var(--vel-border-soft) !important;
}
.footer-brand-panel{
  padding:28px !important;
  border-radius:28px !important;
  border:1px solid var(--vel-border-soft) !important;
  box-shadow:0 18px 48px rgba(16,16,16,.06) !important;
}
.footer-logo img{
  display:block !important;
  max-height:78px !important;
  width:auto !important;
  min-width:220px !important;
  object-fit:contain !important;
  margin-bottom:20px !important;
}
.footer-brand p{
  max-width:390px !important;
  margin:0 !important;
  color:var(--vel-text-muted) !important;
  font-size:15px !important;
  line-height:1.78 !important;
  font-weight:550 !important;
}
.footer-social{display:flex !important;gap:10px !important;margin-top:22px !important;flex-wrap:wrap !important;}
.footer-social a{
  width:40px !important;height:40px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;background:#ffffff !important;color:var(--vel-text-main) !important;border:1px solid var(--vel-border-soft) !important;text-decoration:none !important;overflow:hidden !important;line-height:1 !important;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease !important;
}
.footer-social a:hover{background:var(--vel-theme-orange) !important;color:#111111 !important;border-color:var(--vel-theme-orange) !important;transform:translateY(-2px) !important;padding-left:0 !important;}
.footer-social a::before{display:none !important;content:none !important;}
.footer-social a svg{width:18px !important;height:18px !important;display:block !important;flex:0 0 auto !important;color:currentColor !important;}
.footer-social a svg:not([fill="none"]){fill:currentColor !important;}
.footer-column h5,.footer-payments h5{
  margin:0 0 18px !important;padding:0 !important;color:var(--vel-text-main) !important;font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif !important;font-size:13px !important;line-height:1 !important;font-weight:950 !important;letter-spacing:.095em !important;text-transform:uppercase !important;
}
.footer-column h5::after,.footer-payments h5::after{display:none !important;content:none !important;}
.footer-column ul{display:grid !important;gap:12px !important;margin:0 !important;padding:0 !important;list-style:none !important;}
.footer-column li{margin:0 !important;padding:0 !important;}
.footer-column a{
  display:inline-flex !important;align-items:center !important;color:var(--vel-text-muted) !important;font-size:14.5px !important;line-height:1.45 !important;font-weight:650 !important;text-decoration:none !important;transition:color .2s ease,transform .2s ease !important;
}
.footer-column a::before{content:"›" !important;margin-right:8px !important;color:var(--vel-theme-orange) !important;font-weight:950 !important;}
.footer-column a:hover{color:var(--vel-theme-orange) !important;padding-left:0 !important;transform:translateX(4px) !important;}
.footer-payments{
  margin-top:42px !important;
  padding:24px 28px !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:28px !important;
  align-items:center !important;
  border:1px solid var(--vel-border-soft) !important;
  border-radius:24px !important;
  box-shadow:0 16px 44px rgba(16,16,16,.055) !important;
}
.footer-payments p{margin:8px 0 0 !important;color:var(--vel-text-muted) !important;font-size:14px !important;line-height:1.6 !important;}
.payment-badges{display:none !important;}
.payment-icons{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:flex-end !important;gap:12px !important;}
.payment-icons img{display:block !important;width:150px !important;height:46px !important;background:#ffffff !important;border-radius:999px !important;padding:0 !important;object-fit:contain !important;}
.footer-bottom{
  padding:0 0 26px !important;
  background:var(--vel-bg-footer-soft) !important;
  background-image:none !important;
  border-color:var(--vel-border-soft) !important;
  text-align:left !important;
}
.footer-bottom-inner{
  padding:18px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  border-radius:18px !important;
  background:var(--vel-bg-footer-soft) !important;
  color:var(--vel-text-main) !important;
  box-shadow:none !important;
  border:1px solid var(--vel-border-soft) !important;
}
.footer-bottom p,.footer-bottom p a{margin:0 !important;color:var(--vel-theme-orange) !important;font-size:14px !important;font-weight:800 !important;text-decoration:none !important;}
.footer-bottom-links{display:flex !important;align-items:center !important;gap:16px !important;flex-wrap:wrap !important;}
.footer-bottom-links a{color:var(--vel-text-main) !important;font-size:14px !important;font-weight:700 !important;text-decoration:none !important;}
.footer-bottom-links a:hover,.footer-bottom a:hover{color:var(--vel-theme-orange-dark) !important;}

@media (max-width:1399px){
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .footer-brand-panel{grid-column:span 3 !important;}
}
@media (max-width:1199px){
  .desktop-nav,.header-actions .client-btn{display:none !important;}
  .mobile-menu-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;}
  .vh-top-bar-container{grid-template-columns:1fr !important;justify-items:center !important;text-align:center !important;gap:10px !important;padding-top:9px !important;padding-bottom:9px !important;}
  .vh-top-bar-left,.vh-top-bar-right{justify-content:center !important;}
  .header-container{padding-top:13px !important;padding-bottom:13px !important;}
  .site-logo{margin-left:0 !important;}
  .site-logo img{height:46px !important;max-height:46px !important;max-width:225px !important;}
  .footer-payments{align-items:flex-start !important;flex-direction:column !important;}
  .payment-icons{justify-content:flex-start !important;}
}
@media (max-width:782px){.admin-bar .site-header{top:46px !important;}}
@media (max-width:767px){
  .vh-top-bar span,.vh-top-bar a{font-size:12.5px !important;}
  .vh-top-bar-right{display:none !important;}
  .header-container{padding-top:12px !important;padding-bottom:12px !important;}
  .site-logo img{height:40px !important;max-height:40px !important;max-width:205px !important;}
  .mobile-menu-header img{height:44px !important;max-height:44px !important;}
  .footer-main{padding:46px 0 26px !important;}
  .footer-grid{grid-template-columns:1fr !important;gap:26px !important;}
  .footer-brand-panel{grid-column:auto !important;}
  .footer-logo img{max-height:68px !important;min-width:190px !important;}
  .footer-payments{padding:22px !important;}
  .payment-icons img{width:132px !important;height:40px !important;}
  .footer-bottom{padding-bottom:24px !important;}
  .footer-bottom-inner{align-items:flex-start !important;flex-direction:column !important;padding:18px 22px !important;}
}
@media (max-width:575px){
  :root{--vel-page-gutter:18px;}
  .vh-top-bar-container{justify-items:center !important;text-align:center !important;gap:7px !important;padding-top:8px !important;padding-bottom:8px !important;}
  .vh-top-bar-left{justify-content:center !important;flex-wrap:wrap !important;}
  .site-logo img{height:40px !important;max-height:40px !important;max-width:198px !important;}
}

/* =========================================================
   V6 precision fixes: footer logo, lighter socials, and
   main-site vertical dropdown behavior.
   ========================================================= */

/* Keep only the top-level menu in a horizontal row. Nested dropdowns must remain vertical. */
.desktop-nav > ul{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(28px,2.2vw,44px) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.desktop-nav > ul > li{
  position:relative !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
}

/* Match the main website dropdown: vertical white card, soft radius, orange bullet icons. */
.desktop-nav .dropdown-menu,
.desktop-nav ul.dropdown-menu{
  position:absolute !important;
  top:calc(100% + 14px) !important;
  left:50% !important;
  right:auto !important;
  min-width:300px !important;
  width:max-content !important;
  max-width:380px !important;
  display:block !important;
  flex-direction:initial !important;
  align-items:initial !important;
  justify-content:initial !important;
  flex-wrap:initial !important;
  gap:0 !important;
  padding:10px !important;
  margin:0 !important;
  list-style:none !important;
  text-align:left !important;
  background:#ffffff !important;
  border:1px solid rgba(217,122,22,.16) !important;
  border-radius:18px !important;
  box-shadow:0 24px 70px rgba(16,16,16,.14) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translate(-50%,10px) !important;
  transition:opacity .24s ease,visibility .24s ease,transform .24s ease !important;
  z-index:1003 !important;
}
.desktop-nav .dropdown-menu::before,
.desktop-nav ul.dropdown-menu::before{
  content:"" !important;
  position:absolute !important;
  top:-8px !important;
  left:50% !important;
  right:auto !important;
  width:16px !important;
  height:16px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:#ffffff !important;
  border-left:1px solid rgba(217,122,22,.16) !important;
  border-top:1px solid rgba(217,122,22,.16) !important;
}
.desktop-nav .dropdown-menu::after,
.desktop-nav ul.dropdown-menu::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-18px !important;
  height:18px !important;
  background:transparent !important;
}
.desktop-nav .dropdown:hover > .dropdown-menu,
.desktop-nav .dropdown:focus-within > .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  transform:translate(-50%,0) !important;
}
.desktop-nav .dropdown-menu li,
.desktop-nav ul.dropdown-menu li{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.desktop-nav .dropdown-menu li a,
.desktop-nav ul.dropdown-menu li a{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  min-height:48px !important;
  padding:12px 14px !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#161616 !important;
  font-family:"Plus Jakarta Sans","Inter",system-ui,sans-serif !important;
  font-size:14.5px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transform:none !important;
}
.desktop-nav .dropdown-menu li a::before,
.desktop-nav ul.dropdown-menu li a::before{
  content:"" !important;
  display:inline-block !important;
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
  border-radius:999px !important;
  background:#d97a16 !important;
  box-shadow:0 0 0 4px rgba(217,122,22,.12) !important;
  margin:0 !important;
}
.desktop-nav .dropdown-menu li a:hover,
.desktop-nav ul.dropdown-menu li a:hover{
  background:#fff4e5 !important;
  color:#a95400 !important;
  padding-left:14px !important;
  transform:none !important;
}
.desktop-nav .dropdown > a::after{
  content:"▾" !important;
  display:inline-block !important;
  margin-left:7px !important;
  color:#d97a16 !important;
  font-size:11px !important;
  line-height:1 !important;
  transform:none !important;
  transition:transform .2s ease !important;
  vertical-align:middle !important;
}
.desktop-nav .dropdown:hover > a::after,
.desktop-nav .dropdown:focus-within > a::after{
  content:"▾" !important;
  transform:rotate(180deg) !important;
}

/* Footer logo must keep the same size as the main website and must not overflow the brand card. */
.footer-logo{
  display:inline-flex !important;
  align-items:center !important;
  max-width:100% !important;
  overflow:hidden !important;
}
.footer-logo img,
.footer-brand-panel .footer-logo img{
  display:block !important;
  height:58px !important;
  max-height:58px !important;
  width:auto !important;
  min-width:0 !important;
  max-width:min(245px,100%) !important;
  object-fit:contain !important;
  margin:0 0 20px 0 !important;
}

/* Make social icons lighter and closer to the main site visual weight. */
.footer-social{
  gap:10px !important;
}
.footer-social a{
  width:38px !important;
  height:38px !important;
  background:#ffffff !important;
  color:#111111 !important;
  border:1px solid rgba(229,138,18,.22) !important;
  box-shadow:none !important;
}
.footer-social a svg{
  width:15.5px !important;
  height:15.5px !important;
  opacity:.78 !important;
  stroke-width:1.7 !important;
}
.footer-social a svg path,
.footer-social a svg rect,
.footer-social a svg circle{
  vector-effect:non-scaling-stroke !important;
}
.footer-social a:hover{
  background:#fff4e5 !important;
  color:#a95400 !important;
  border-color:rgba(217,122,22,.32) !important;
  transform:translateY(-2px) !important;
}
.footer-social a:hover svg{opacity:.9 !important;}

@media (max-width:767px){
  .footer-logo img,
  .footer-brand-panel .footer-logo img{
    height:50px !important;
    max-height:50px !important;
    max-width:min(220px,100%) !important;
  }
  .footer-social a{width:36px !important;height:36px !important;}
  .footer-social a svg{width:14.5px !important;height:14.5px !important;}
}

