/*
Theme Name:  arrowlabs_wp Child
Template:    arrowlabs_wp
Version:     1.0.0
Description: Child theme for arrowlabs_wp with minimal overrides to preserve parent header layout.
Author:      Arrow Labs FZ LLC
*/

/* Visually hide but keep accessible to screen readers & SEO */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* Do NOT add positioning rules here for .header_logo, .header_menu, .login_header, etc.
   We want the parent theme’s CSS + inline styles to control the header exactly as before. */
   
/* --- Fix underline on buttons --- */
a.contact_us_btn,
a.start-btn,
a.start_now_btn {
  text-decoration: none !important;
}

a.contact_us_btn:hover,
a.start-btn:hover,
a.start_now_btn:hover {
  text-decoration: none !important;
}

/* --- Add spacing above the Contact Us button in Optimize section --- */
.optimize-section .contact_us_btn,
.optimize_section .contact_us_btn {
  margin-top: 24px !important; /* adjust this number if you want more or less */
  display: inline-block;
}

/* =========================================================
   Migrated from parent header.php (inline CSS)
   ========================================================= */

/* Typography */
* { font-family: "Avenir LT Std"; }

/* Slider */
.slider {
  width: 100%;
  margin: 24px 0 0;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 50px 52px rgba(31, 9, 84, 0.1);
}
.slick-slide {
  margin: 50px auto;
  padding-left: 50px;
  transition: all ease-in-out 0.3s;
  opacity: 1;
  background-color: transparent;
}
.slick-slide img { width: auto; margin: auto; }
.slick-prev:before, .slick-next:before { color: black; }
.slick-active { opacity: 1; }
.slick-current { opacity: 1; }

/* Hero / Animation section */
.animation_part {
  background: linear-gradient(94.65deg, #5d508d 12.19%, #365077 104.66%);
  height: 100vh;
}
.anim_backdrop { padding: 20px 0; position: relative; width: 100%; }
.anim_center { position: absolute; width: 20%; top: 8%; left: 40%; }
.anim_cloud  { position: absolute; width: 30%; top: 0%; left: 36%; }

.cloud_connector { position: absolute; top: 25.5%; left: 28.5%; }
.conductor_cloud { position: absolute; top: 10.5%; left: 14%; }
.conductor_line1 { position: absolute; top: 26.2%; left: 24%; }

.cloud_btn {
  position: absolute;
  width: 18%;
  top: 12%;
  left: 28%;
  transition: transform 0.6s;
}
.cloud_click   { transition: 0.7s ease-out; }
.truck_click   { transition: 0.7s ease-out; }
.conductor_line2 { position: absolute; top: 31.2%; left: 23.5%; }

.truck_btn {
  position: absolute;
  width: 18%;
  top: 29%;
  left: 12%;
  transition: transform 0.6s;
}

.conductor_line3 { position: absolute; top: 52%; left: 33%; }

.satellite_btn {
  position: absolute;
  top: 57.9%;
  left: 21%;
  width: 19%;
  transition: transform 0.6s;
}
.satellite_click { transition: 0.7s ease-out; }

.conductor_line5 { position: absolute; top: 34.5%; left: 54.6%; }
.conductor_box2  { position: absolute; top: 27%;   left: 63%;   }
.conductor_line6 { position: absolute; top: 31.6%; left: 62.1%; }
.conductor_box3  { position: absolute; top: 16.5%; left: 53%;   }
.conductor_line7 { position: absolute; top: 58%;   left: 66.5%; }

.circle_btn  { position: absolute; top: 64%; left: 47.5%; width: 18%; }
.machine_btn { position: absolute; top: 45%; left: 66%;   width: 18%; }

.conductor_line8 { position: absolute; top: 52%; left: 52.5%; }
.conductor_last  { position: absolute; top: 52%; left: 69%;   }

.close_div  { float: right; display: flex; }
.close_txt p {
  padding-top: 25px;
  color: #42307d;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.close_img a { padding: 0 0 8px 16px !important; }

/* Lists / Menus in the slide-out */
.customer-list { padding-left: 0; }

.customer-list a,
#menu-slider-customer li a,
#menu-slider-headquater li a {
  padding: 8px 8px 8px 0 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #42307D;
}

#menu-slider-customer,
#menu-slider-headquater {
  list-style: none;
  padding-left: 0;
}

.customer-list a:hover { color: #667085; }
.customer-list li { list-style: none; }

.customer_menu h6,
.headquarters_menu h6 {
  color: #98A2B3;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.menus-container { margin-top: 80px; margin-bottom: 20px; }

/* Big links list in the slide-out */
.menu_list a {
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  line-height: 72px;
  letter-spacing: -0.02em;
  color: #42307D;
}

.menu_list a:hover,
.menu_list a:active,
.menu_list a:focus,
#menu-header-menu .current-menu-item a {
  /* background gradient applied to text */
  background: linear-gradient(174.58deg, #541622 -11.48%, #E52B50 -11.47%, #C4337A 17.45%, #924690 51.87%, #5D508D 78.61%, #365077 105.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

#menu-industries .current-menu-item a {
  background: #ff5174;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* Hero kicker: the FIRST sentence (was H1 inline-styled before) */
.hero-kicker {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding-bottom: 1px !important;
  background: none !important;
  margin: 0 0 8px !important;
}

/* Keep the following paragraph big and normal weight */
.making-txt p:not(.hero-kicker) {
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

/* === Fix linked service names (white, no underline) === */
.service_name a {
  color: #fff !important;           /* white text */
  text-decoration: none !important; /* remove underline */
}

.service_name a:hover,
.service_name a:focus {
  color: #fff !important;           /* stay white on hover */
  text-decoration: none;       /* optional subtle hover underline */
}

/* Ensure content is visible to crawlers even before WOW triggers */
.wow { visibility: visible !important; }
.wow.animate__animated { opacity: 1 !important; }

/* Prevent emoji/profile icon flash before Slick initializes */
.testimonial_slider .profile-icon {
    visibility: hidden !important;
}


.testimonial_slider {
  visibility: hidden;
}


/* Reveal once Slick has initialized the slider */
.testimonial_slider.slick-initialized .profile-icon {
   visibility: visible !important;
}

/* Hide Yoast-only helper content from visual layout, keep it in DOM for SEO/Yoast */
.seo-helper{
  position:absolute !important;
  left:-9999px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

img.wow {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide SEO helper block from users but keep it readable for Yoast */
.seo-helper-block {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Reduce spacing above the "Discover More About MIMS" section */
.seo-helper-links {
  padding-top: 20px !important;   /* reduce from ~60px default */
  margin-top: 0 !important;
}

/* Optional: tighten the heading spacing itself */
.seo-helper-links .mims_core_heading {
  margin-top: 10px !important;
  padding-top: 0 !important;
}

.mims_integration_block {
  margin-bottom: 0 !important;
  padding-bottom: 30px !important;
}

/* tighten the SEO helper section */
.seo-helper-links {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

/* make sure the list itself isn't adding vertical space */
.seo-helper-links .seo-links-list {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

/* if you're hiding SEO text off-screen, prevent it creating height */
.seo-helper-links .yoast-seo-helper,
.seo-helper-links .seo-helper-hidden,
.seo-helper-links .seo-helper p {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}

.seo-helper-links .seo-links-list li {
  margin-bottom: 0 !important;
}