/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1761306737
Updated: 2025-10-24 11:52:17

*/

/* Fixed header across the site */
.elementor-location-header .fr-fixed-header{
  position: fixed ;
  top: 0 ;
  left: 0 ;
  right: 0 ;         
  z-index: 9999 ;     
  background: transparent ; 
}

/* When the WordPress admin bar is visible */
.admin-bar .elementor-location-header .fr-fixed-header{
  top: 32px ;
}

/* Optional: slightly smaller on mobile */
@media (max-width: 767px){
  body:not(.elementor-editor-active){ --fr-header-h: 60px ; }
}

/* Make the left pill hug its content (no empty black tail) */
.elementor-location-header .left-pill{
  display: inline-flex ;     
  align-items: center ;
  width: max-content ;       
  flex: 0 0 auto ;          
  padding-right: 18px ;      
}

.elementor-location-header .left-pill .elementor-nav-menu{
  flex: 0 0 auto ;
  width: auto ;
}

/* (Optional) remove any accidental 100% width on inner items */
.elementor-location-header .left-pill > .elementor-widget{
  max-width: none ;
}
@media (max-width: 767px){
  .elementor-location-header .left-pill{
    width: 92vw;
  }
}
/* —— TUNE THESE THREE NUMBERS TO YOUR HEADER —— */
:root{
  --header-pad-left: 0px ;
  --pill-offset-left: 24px ;
  --header-height: 64px ;
}

/* Align the card under the left pill + make it sticky */
.fr-card{
  margin-left: calc(var(--header-pad-left) + var(--pill-offset-left));
  position: sticky ;
  top: calc(var(--header-height) + 16px) ;  
  z-index: 20 ;
}

.admin-bar .fr-card{
  top: calc(var(--header-height) + 16px + 32px) ;
}

/* Mobile: usually stop the sticky and center the card */
@media (max-width: 767px){
  .fr-card{
    position: static ;
    margin-left: 0 ;
    margin-right: 0 ;
  }
}
/* Fluid, responsive card width */
.fr-card{
  width: min(92vw, 680px) ; 
}

/* Tablet */
@media (max-width: 1024px){
  .fr-card{ width: min(94vw, 620px) ; }
}

/* Mobile */
@media (max-width: 767px){
  .fr-card{ width: 92vw ; margin-left: 0 ; margin-right: 0 ; }
}


.elementor-element.elementor-element-e9fc492.e-con-full.param-card.e-flex.e-con.e-child{
  height: 430px ;          
  overflow: auto ;         
  box-shadow: none ;
  background: #fff ;
}

.fr-tag{
  display:inline-block;
  background:#ffeb3b;          
  color:#111;
  font-weight:800;
  font-family: 'Inter', sans-serif;
  font-size:12px;
  line-height:1;
  padding:8px 12px;
  border-radius:4px;            
  letter-spacing:.02em;
}
/* -------------------------------------------------------------*/
/* About page Title hidden */
/* -------------------------------------------------------------*/
.page-header {
  display: none !important;
}
/* -------------------------------------------------------------*/


/* ------------------------------------------ */
/* Show submenu on hover */
/* ------------------------------------------ */
.ff-portal-submenu {
  position: fixed;
  top: 0; left: 0;
  min-width: 220px;
  background: #111;
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  z-index: 999999;
  opacity: 0; visibility: hidden; pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  transform: translateY(6px);
}
.ff-portal-submenu a { color:#fff; display:block; padding:10px 14px; white-space:nowrap; }
    
.elementor-nav-menu .menu-item-has-children > a {
  display:inline-flex; align-items:center; gap:6px; overflow:visible;
}
.ff-portal-submenu,
.ff-portal-submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ff-portal-submenu li {
  margin: 0;
  padding: 0;
}

/* modern browsers: hide marker explicitly */
.ff-portal-submenu li::marker {
  display: none;
}

/* ensure links still look the same */
.ff-portal-submenu a {
  display: block;
  padding: 10px 14px;
}
/*---------------------------------------------*/

.request-quote-tb{
  --display: none;           
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  border-radius: 12px;
  padding: 0;
  transition: all 0.3s ease;
}

.request-quote-tb.is-open{
  --display: flex;           
  max-height: 1000px;      
  opacity: 1;
  padding: 16px 20px;      
}


.tablepress,
.tablepress th,
.tablepress td,
.dt-container,
.dt-container *,
.tablepress-table-name,
.tablepress-table-description {
  font-family: "Inter", sans-serif !important;
}