.elementor-74 .elementor-element.elementor-element-3c311707{--display:flex;--margin-top:0px;--margin-bottom:-151px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-74 .elementor-element.elementor-element-3c311707:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-3c311707 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4e87b42 );}.elementor-74 .elementor-element.elementor-element-3096fb3d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-3096fb3d:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-3096fb3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4e87b42 );}.elementor-74 .elementor-element.elementor-element-10354a4c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:120px 120px 120px 120px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:48px;--padding-right:48px;}.elementor-74 .elementor-element.elementor-element-1e775b7c{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-1e775b7c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-a85a257{text-align:start;}.elementor-74 .elementor-element.elementor-element-a85a257 img{height:50px;}.elementor-74 .elementor-element.elementor-element-73fc4050{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-73fc4050.e-con{--flex-grow:0;--flex-shrink:0;}
					.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover,
					.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus,
					.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active,
					.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{background-color:var( --e-global-color-b70a650 );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{background-color:var( --e-global-color-b70a650 );color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel{background-color:var( --e-global-color-5bd60dc );border-radius:6px 6px 6px 6px;min-width:240x;}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-hamburger{background-color:var( --e-global-color-4e87b42 );float:right;border-style:none;}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-close{background-color:var( --e-global-color-4e87b42 );border-style:none;color:var( --e-global-color-15e26ab );}.elementor-74 .elementor-element.elementor-element-59daaddd > .elementor-widget-container{padding:25px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-59daaddd.elementor-element{--align-self:center;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-menu-container{height:31px;background-color:var( --e-global-color-4e87b42 );border-radius:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a{font-family:var( --e-global-typography-63ff56c-font-family ), Sans-serif;font-size:var( --e-global-typography-63ff56c-font-size );font-weight:var( --e-global-typography-63ff56c-font-weight );text-transform:var( --e-global-typography-63ff56c-text-transform );line-height:var( --e-global-typography-63ff56c-line-height );letter-spacing:var( --e-global-typography-63ff56c-letter-spacing );word-spacing:var( --e-global-typography-63ff56c-word-spacing );color:#FFFFFF;padding:0px 15px 0px 15px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:hover{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:focus{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:active{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li:hover > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li.current-menu-item > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li.current-menu-ancestor > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{font-size:10px;color:var( --e-global-color-15e26ab );fill:var( --e-global-color-15e26ab );border-style:none;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{font-size:10px;color:var( --e-global-color-15e26ab );fill:var( --e-global-color-15e26ab );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );padding:15px 15px 15px 15px;color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-submenu-panel{padding:14px 14px 14px 14px;}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:var( --e-global-color-15e26ab );}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-hamburger > .ekit-menu-icon{color:var( --e-global-color-15e26ab );}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-74 .elementor-element.elementor-element-556b3bea{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-511f097a .ekit-btn-wraper .elementskit-btn{justify-content:flex-end;}.elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn{background-color:var( --e-global-color-15e26ab );padding:10px 24px 10px 24px;font-family:var( --e-global-typography-dbc0204-font-family ), Sans-serif;font-size:var( --e-global-typography-dbc0204-font-size );font-weight:var( --e-global-typography-dbc0204-font-weight );text-transform:var( --e-global-typography-dbc0204-text-transform );line-height:var( --e-global-typography-dbc0204-line-height );letter-spacing:var( --e-global-typography-dbc0204-letter-spacing );word-spacing:var( --e-global-typography-dbc0204-word-spacing );color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:4px 4px 4px 4px;}.elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn:hover{background-color:var( --e-global-color-text );color:var( --e-global-color-primary );fill:var( --e-global-color-primary );border-color:var( --e-global-color-413aba0 );}.elementor-74 .elementor-element.elementor-element-511f097a{width:100%;max-width:100%;}.elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn > :is(i, svg){font-size:16px;}.elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn > i, .elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn > svg{margin-left:12px;}.rtl .elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn > i, .rtl .elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn > svg{margin-left:0;margin-right:12px;}@media(max-width:1024px){.elementor-74 .elementor-element.elementor-element-3096fb3d{--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-74 .elementor-element.elementor-element-10354a4c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:24px;--padding-right:24px;}.elementor-74 .elementor-element.elementor-element-1e775b7c{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-74 .elementor-element.elementor-element-73fc4050{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-menu-container{background-color:var( --e-global-color-5bd60dc );max-width:360px;border-radius:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-63ff56c-font-size );line-height:var( --e-global-typography-63ff56c-line-height );letter-spacing:var( --e-global-typography-63ff56c-letter-spacing );word-spacing:var( --e-global-typography-63ff56c-word-spacing );color:var( --e-global-color-db48421 );padding:8px 16px 8px 16px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:hover{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:focus{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:active{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li:hover > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li.current-menu-item > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li.current-menu-ancestor > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{font-size:12px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{font-size:12px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );padding:10px 10px 10px 10px;color:var( --e-global-color-db48421 );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-submenu-panel{padding:0px 18px 0px 18px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:42px;border-radius:4px;}.elementor-74 .elementor-element.elementor-element-59daaddd button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-nav-logo > img{max-width:80px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-nav-logo{margin:22px 0px 0px 12px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn{font-size:var( --e-global-typography-dbc0204-font-size );line-height:var( --e-global-typography-dbc0204-line-height );letter-spacing:var( --e-global-typography-dbc0204-letter-spacing );word-spacing:var( --e-global-typography-dbc0204-word-spacing );}}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-3096fb3d{--content-width:1360px;}.elementor-74 .elementor-element.elementor-element-1e775b7c{--width:15.44%;}.elementor-74 .elementor-element.elementor-element-73fc4050{--width:56.996%;}}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-3096fb3d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-74 .elementor-element.elementor-element-10354a4c{--padding-top:12px;--padding-bottom:12px;--padding-left:16px;--padding-right:16px;}.elementor-74 .elementor-element.elementor-element-1e775b7c{--width:40%;}.elementor-74 .elementor-element.elementor-element-73fc4050{--width:50%;--justify-content:flex-end;}.elementor-74 .elementor-element.elementor-element-59daaddd.elementor-element{--align-self:flex-end;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav > li > a{font-size:var( --e-global-typography-63ff56c-font-size );line-height:var( --e-global-typography-63ff56c-line-height );letter-spacing:var( --e-global-typography-63ff56c-letter-spacing );word-spacing:var( --e-global-typography-63ff56c-word-spacing );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-navbar-nav .elementskit-submenu-panel > li > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-nav-logo > img{max-width:80px;max-height:50px;}.elementor-74 .elementor-element.elementor-element-59daaddd .elementskit-nav-logo{margin:22px 0px 0px 14px;}.elementor-74 .elementor-element.elementor-element-511f097a .elementskit-btn{font-size:var( --e-global-typography-dbc0204-font-size );line-height:var( --e-global-typography-dbc0204-line-height );letter-spacing:var( --e-global-typography-dbc0204-letter-spacing );word-spacing:var( --e-global-typography-dbc0204-word-spacing );}}/* Start custom CSS for container, class: .elementor-element-3096fb3d *//* ==========================================================================
   1. HEADER STYLING & ANIMATION (Background Only)
   ========================================================================== */
#myheader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  
  /* Link header properties to page scroll */
  animation: headerScroll linear both;
  animation-timeline: scroll();
  animation-range: 0px 300px; 
}

@keyframes headerScroll {
  from {
    background-color: transparent;
  }
  to {
    background-color: #FFFFFC;    
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  }
}

/* ==========================================================================
   2. LOGO IMAGE SWAP
   ========================================================================== */
#logoimageid {
  animation: logoScroll linear both;
  animation-timeline: scroll();
  animation-range: 0px 300px;
}

@keyframes logoScroll {
  from {
    /* Keeps original HTML src */
  }
  to {
    content: url('https://jmlaw.co.ke/wp-content/uploads/2026/06/jm-logo.svg'); 
    height: 50px;
  }
}

/* ==========================================================================
   3. MENU ITEMS (Direct Scroll Animation)
   ========================================================================== */
#mymenuid a, 
#mymenuid .menu-item {
  transition: color 0.2s ease-in-out;

  /* Apply the scroll timeline directly to the links */
  animation: menuColorScroll linear both;
  animation-timeline: scroll();
  animation-range: 0px 300px;
}

/* This keyframe handles the link color change directly */
@keyframes menuColorScroll {
  from {
    color: #ffffff; /* Starts white */
  }
  to {
    color: #15355c; /* Smoothly fades to blue */
  }
}

/* Hover and Active states forcefully turn Red, overriding the scroll value */
#mymenuid a:hover,
#mymenuid a:active {
  color: #9d5f35 !important; /* Your hover color */
}/* End custom CSS */