.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1200px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.entry-title {
display: none;
}
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}

/* Scope to this widget only */
.no-focus-toggle .ep-toggle-btn:focus,
.no-focus-toggle .ep-toggle-btn:focus-visible,
.no-focus-toggle .ep-toggle-btn:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Just in case the plugin renders the control as a link/button variant */
.no-focus-toggle a:focus,
.no-focus-toggle a:focus-visible,
.no-focus-toggle button:focus,
.no-focus-toggle button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Some themes add their own focus box-shadows */
.no-focus-toggle .elementor-button:focus,
.no-focus-toggle .elementor-button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Gradient text for Element Pack Toggle */
.no-focus-toggle .bdt-toggle-open,
.no-focus-toggle .bdt-toggle-close {
  display: inline-block;                             /* helps background-clip */
  background-image: linear-gradient(90deg, #777777 0%, #CC5F2B 100%);
  -webkit-background-clip: text;                     /* Chrome/Safari */
  background-clip: text;                             /* Firefox */
  -webkit-text-fill-color: transparent !important;   /* beat Elementor color */
  color: transparent !important;                     /* fallback */
}

/* Keep the gradient on interaction states */
.no-focus-toggle .bdt-toggle-open:hover,
.no-focus-toggle .bdt-toggle-open:focus,
.no-focus-toggle .bdt-toggle-close:hover,
.no-focus-toggle .bdt-toggle-close:focus {
  background-image: linear-gradient(90deg, #777777 0%, #CC5F2B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Default gradient */
.no-focus-toggle .bdt-toggle-open,
.no-focus-toggle .bdt-toggle-close {
  display: inline-block;
  background-image: linear-gradient(90deg, #777777 0%, #CC5F2B 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;

  /* Add animation support */
  background-size: 200% 100%;
  background-position: left center;
  transition: background-position 0.4s ease, background-image 0.4s ease;
}

/* Hover state → flip the gradient */
.no-focus-toggle .bdt-toggle-open:hover,
.no-focus-toggle .bdt-toggle-close:hover {
  background-image: linear-gradient(-90deg, #777777 0%, #CC5F2B 100%);
  background-position: right center;
}
     /* avoid baseline offset */
}


/* Transparent at top */
header.elementor-location-header {
  background-color: transparent !important;
  transition: background-color .3s ease, padding .3s ease;
}

/* After scroll (sticky) */
header.elementor-location-header.elementor-sticky--effects {
  background-color: #0B0B0B !important; /* one #, not ## */
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* Shrink logo when sticky */
header.elementor-location-header.elementor-sticky--effects img {
  max-height: 40px !important;
  transition: max-height .3s ease;
}

/* Transparent at top */
header.elementor-location-header {
  background: transparent !important; /* header wrapper stays transparent */
}

/* When the inner section/container becomes sticky */
header.elementor-location-header .elementor-sticky--effects {
  background-color: #0B0B0B !important;
  transition: background-color .3s ease, padding .3s ease;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Shrink the logo when sticky (Image widget inside header) */
header.elementor-location-header .elementor-sticky--effects .elementor-widget-image img,
header.elementor-location-header .elementor-sticky--effects .site-logo img {
  max-height: 40px !important;   /* adjust to taste */
  transition: max-height .3s ease;
}

/* Optional: smooth transition when not sticky */
header.elementor-location-header .elementor-section,
header.elementor-location-header .e-con {
  transition: background-color .3s ease, padding .3s ease;
}


/* Default state for laptop logo */
.laptop-logo img {
  transition: max-height 0.3s ease;
  max-height: 70px; /* starting size (adjust to your design) */
}

/* When the laptop header section becomes sticky */
header.elementor-location-header .elementor-sticky--effects .laptop-logo img {
  max-height: 40px !important; /* smaller sticky size */
}/* End custom CSS */