/* turning m to red */
  #app-bar-logo__path {
      fill: #ff3a30 !important;
  }

  /* turning rest of logo to blue */
  #app-bar-logo__path>svg>path {
      fill: #003366 !important;
  }

  .motion-topbar #mom-logo-svg.text-color-on-dark {
      fill: #036 !important;
  }
 #motion-home-banner .motion-navbar {
    margin-top: 20px !important;
 }
     div#motion-top-bar-right-container {
      margin-right: 7px !important;
    }
    
  #motion-home-banner.motion-homebanner {
      background-image: none !important;
      height: 90px;
  }
  
  #___gcse_0 {
  padding-top: 0px !important;
}

   #motion-home-banner.motion-homebanner__elements {
      display: none !important;
  }
  .mdc-top-app-bar{
     background-color: #f9f9f900;
  }


  .motion-topbar.text-color-on-dark .mdc-top-app-bar__col a,
  .motion-topbar.text-color-on-dark .mdc-top-app-bar__pipe,
  .motion-topbar.text-color-on-dark #app-bar-login {
    color: inherit !important;
  }
  
@media (max-width: 803px) {
  #motion-home-banner.motion-homebanner {
    height: 50px !important;
    min-height: 0px !important;
  }
}
@media (min-width: 803px) and (max-width: 1247px) {
  #motion-home-banner.motion-homebanner {
    height: 35px !important;
    min-height: 0px!important;
  }
}

 @media (max-width: 1279px) {
    .motion-megamenu-scrim{
        display: none !important;
        opacity: 0 !important;
        transform: translateY(0px) !important;
    }
    #motion-home-banner.motion-homebanner {
        display: none !important;
    }
    #motion-main-content {
        padding-top: 40px;
    }
    #motion-top-bar-left {
                visibility: visible !important;

            }
 }
        @media (min-width: 1280px) {
            #motion-top-bar-left {
                visibility: hidden;

            }
            .motion-navbar {
                display: flex !important;
            }
            
            /*.motion-topbar-logo-m {display: none !important}
            .motion-topbar-logo {
                display: block !important;
                opacity: 1 !important;
                transform: translateX(0%) !important;
            }*/
            

            
            .mdc-top-app-bar_height {
                  height: 120px; 
            }

       
            .motion-megamenu-scrim {
              background-color: rgba(0, 0, 0, 0) ;
            }
            
             
              .motion-megamenu-scrim.active {
                display: block !important;
                backdrop-filter: blur(3px);
                -webkit-backdrop-filter: blur(3px);
                background-color: rgba(0, 0, 0, 0.04);
              }

            .motion-megamenu-scrim {
                position: fixed;
                top: 0px;
                height: 100%;
                max-height: 100%;
                
            }
           

              /* Outer Crafter wrapper */
              #motion-main-content {
                padding-top: 90px !important;
              }
            
              /* Inner Angular app container */
              app-landing-page #motion-main-content {
                padding-top: 0px !important;
                margin-top: -15px;
              }
              #tax-certificate-app{
                  margin-top: -21px !important;
              }
              #kimi-app{
                  margin-top: -63px !important;
              }
              #app-find-an-advisor-corporate {
                  margin-top: -8px !important;
              }
             
              #epb_calculator_no_hash{
                  margin-top: 53px !important;
              }

             #life-quote-app .mat-horizontal-stepper-wrapper,
             #life-quote-app .mat-horizontal-stepper-wrapper{
                  padding-top:80px !important;
                }
                
            #thank-you-grid > h1.motion-form-header__headline{
              margin-top: -30px;
            }
            #life-quote-app #existing-policy a .mat-icon {
              height: 30px !important;
            }
            
            #kimi-app app-assessment mat-progress-bar {
              margin-top: 80px !important;
            }
            
            #kimi-app app-assessment .mat-grid {
              margin-top: -43px !important;
            }

            mat-sidenav-container #sideNavContainer,
            mat-sidenav-container#sideNavContainer,
            #sideNavContainer[_ngcontent-ng-c2415474972]{
              margin-top: -60px !important;
            }


            
            #rc_side_nav {
                top: 215px !important;
            }

        }


#motion-home-banner.motion-homebanner {
    background-image: none !important;

      z-index: 5;
      top: 42px;
}
.grid_xl {
    padding: 0px 18px;
}
#motion-home-banner .motion-navbar {
    position: fixed;
    width: 98%;
}

#motion-home-banner {
  position: fixed;
  top: 0;
  width: 99.6%;
  z-index: 5;

  opacity: 1;
  transform: translateY(0);

  /*transition: opacity 0.15s ease,
              transform 0.15s ease;*/
              
  transition: opacity 0.2s ease-out, 
            transform 0.2s ease-out;

  will-change: opacity, transform;
}

#motion-home-banner.hide {
  opacity: 0;
  transform: translateY(-30px);
  pointer-events: none;
}



#motion-home-banner:not(.hide) {
  transition-delay: 0.15s;
}

#motion-megamenu-scrim.hide{
  display:none !important;
}

#navTrigger{
    color: #000 !important;
}
.user_icon,
body.landing .md3-trigger .text,
body.landing .md3-trigger .arrow {
    color: #000000 !important;
}