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


}
/* 2026-08-10: show search icon in mobile/tablet header, right of the nav.
   Desktop nav wrapper (.flex-right) is hidden below 850px by Flatsome;
   reveal it but keep every nav item hidden except the search lightbox icon. */
@media (max-width: 849px) {
  .header-inner .flex-right.hide-for-medium { display: flex !important; }
  .header-inner .flex-right .header-nav-main > li { display: none !important; }
  .header-inner .flex-right .header-nav-main > li.header-search { display: flex !important; }
}
@media (max-width: 849px) {
  .header-inner .flex-right .header-nav-main > li.header-search > a:before { display: none; }
}
@media (max-width: 849px) {
  /* hide the empty mobile right column so the search icon sits flush right, mirroring the burger */
  .header-inner > .flex-col.show-for-medium.flex-right { display: none !important; }
}

/* 2026-08-10: inset the lightbox close button from the corner (all popups, all sizes) */
.mfp-wrap .mfp-close {
  top: 15px !important;
  right: 15px !important;
}