/* ===================================================================================

* Theme Name: Nimo Child
* Theme URI: https://themexriver.com/wp/Nimo
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: Creative Digital Agency WordPress Theme
* Version: 1.0.6
* Template: nimo
* Text Domain: nimo-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of Nimo updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* --- Hero banner chrome logo: subtle white glow halo around outer edge (added 2026-06) --- */
.nm-hero-2-bg-img img.tilt_scale,
.nm-hero-2-bg-img-ani img.tilt_scale {
  filter: drop-shadow(0 0 15px rgba(255,255,255,.55))
          drop-shadow(0 0 40px rgba(255,255,255,.29));
  -webkit-filter: drop-shadow(0 0 15px rgba(255,255,255,.55))
          drop-shadow(0 0 40px rgba(255,255,255,.29));
}

/* --- Home page 3D shapes: 75% transparent (opacity .25) + subtle pulsing glow (added 2026-06) --- */
.home img[src*="c2-3d-shape-2"],
.home img[src*="s2-3d-shape-2"] {
  opacity: .25 !important;
  animation: okShapePulse 3.6s ease-in-out infinite;
}
@keyframes okShapePulse {
  0%, 100% { filter: drop-shadow(0 0 5px rgba(255,255,255,.35)); }
  50%      { filter: drop-shadow(0 0 18px rgba(255,255,255,.85)); }
}

/* --- Main banner background: fill with cover (added 2026-06) --- */
.elementor-element-fd381ef > .elementor-widget-container,
.nm-hero-2-area[data-background] {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* --- Main banner chrome logo: reduce size 25% (scale .75) (added 2026-06) --- */
.home .nm-hero-2-bg-img {
  transform: scale(.75);
  transform-origin: center center;
}

/* --- Bring hero "background image" (chrome logo) forward: above the ::after
       veil & banner background, still behind foreground content + header logo.
       Transparent fill so the banner background shows through. (added 2026-06) --- */
.home .nm-hero-2-bg-img {
  z-index: 1 !important;
  background-color: transparent !important;
}

/* --- Bring the banner image (obanner = t5-solutions-bg.webp) forward: paint it on a
       dedicated layer ABOVE the white ::after veil and BEHIND the main large chrome
       logo. Banner bg is normally the area's own background (backmost, under the veil),
       so it cannot be z-indexed up directly. (added 2026-06) --- */
.home .nm-hero-2-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://okamicreativesolutions.com/wp-content/uploads/2026/04/t5-solutions-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;            /* above the #f3f3f3 ::after white veil (z 0) */
  pointer-events: none;
}
.home .nm-hero-2-bg-img  { z-index: 2 !important; }  /* main large logo: above banner image */
.home .nm-hero-2-content { z-index: 3 !important; }  /* tagline + button stay on top */

/* --- Hero rotating multi-text box: nudge up 10mm so it sits above the large logo.
       Its resting position is the .active state (top:10%). (added 2026-06) --- */
.home .nm-hero-2-area:is(.active) .nm-hero-2-writing-text {
  top: calc(10% - 14mm) !important;
}

/* --- Main banner rotating symbol: replace the * (flaticon asterisk) with oa2i.webp,
       keeping the existing 360 rotation (animation stays on .nm-hero-2-bg-icon i). (added 2026-06) --- */
.home .nm-hero-2-bg-icon i::before { content: none !important; }
.home .nm-hero-2-bg-icon i {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url("https://okamicreativesolutions.com/wp-content/uploads/2026/06/oa2i.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* --- Main banner: remove the small video window. (added 2026-06) --- */
.home .nm-hero-2-img { display: none !important; }

/* --- Large scrolling banner text: transparent frosted-glass lettering.
       Drop the exclusion blend so translucency renders cleanly; near-transparent
       glass fill + bright thin frosted edge + soft glow. (added 2026-06) --- */
.home .nm-hero-2-marquee { mix-blend-mode: normal !important; }
.home .nm-hero-2-marquee-text {
  color: transparent !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.075) !important;
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.34);
  text-stroke: 1.5px rgba(255, 255, 255, 0.34);
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.15), 0 2px 14px rgba(255, 255, 255, 0.075);
}

/* --- Unify menu + popups to the SAME transparent frosted glass as the header bar
       (rgba(146,146,146,0.23) + blur(20px)). Applies site-wide. (added 2026-06) --- */
.nm-header-2-wrap,
.nm-main-navigation:is(.has-header-2) .navbar-nav li .dropdown-menu,
.wa-offcanvas-area {
  background: rgba(146, 146, 146, 0.23) !important;
  background-color: rgba(146, 146, 146, 0.23) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* --- Move hero content (description + Learn More button) to the bottom of the
       main banner (was top:120px). (added 2026-06) --- */
.home .nm-hero-2-content {
  top: auto !important;
  bottom: calc(60px + 5mm) !important;
}

/* --- Hero content: raise another 5mm (total +10mm off bottom) + shift 20mm right. (added 2026-06) --- */
.home .nm-hero-2-content {
  bottom: calc(60px + 10mm) !important;
  margin-left: 20mm !important;
}

/* --- Main menu bar only: 25% more transparent than the shared frosted glass (0.23 -> 0.17). (added 2026-06) --- */
.nm-header-2-wrap {
  background: rgba(146, 146, 146, 0.17) !important;
  background-color: rgba(146, 146, 146, 0.17) !important;
}