.elementor-410 .elementor-element.elementor-element-7d27f87{--display:flex;--min-height:-10px;--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-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:-14px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:-3px;--padding-left:0px;--padding-right:0px;}.elementor-410 .elementor-element.elementor-element-7d27f87:not(.elementor-motion-effects-element-type-background), .elementor-410 .elementor-element.elementor-element-7d27f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1F7C;}.elementor-410 .elementor-element.elementor-element-7d27f87::before, .elementor-410 .elementor-element.elementor-element-7d27f87 > .elementor-background-video-container::before, .elementor-410 .elementor-element.elementor-element-7d27f87 > .e-con-inner > .elementor-background-video-container::before, .elementor-410 .elementor-element.elementor-element-7d27f87 > .elementor-background-slideshow::before, .elementor-410 .elementor-element.elementor-element-7d27f87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-410 .elementor-element.elementor-element-7d27f87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-410 .elementor-element.elementor-element-7d27f87.e-con{--align-self:center;}.elementor-410 .elementor-element.elementor-element-a3e4822{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overlay-opacity:0.5;--padding-top:3px;--padding-bottom:3px;--padding-left:3px;--padding-right:3px;}.elementor-410 .elementor-element.elementor-element-a3e4822::before, .elementor-410 .elementor-element.elementor-element-a3e4822 > .elementor-background-video-container::before, .elementor-410 .elementor-element.elementor-element-a3e4822 > .e-con-inner > .elementor-background-video-container::before, .elementor-410 .elementor-element.elementor-element-a3e4822 > .elementor-background-slideshow::before, .elementor-410 .elementor-element.elementor-element-a3e4822 > .e-con-inner > .elementor-background-slideshow::before, .elementor-410 .elementor-element.elementor-element-a3e4822 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-410 .elementor-element.elementor-element-a3e4822.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-410 .elementor-element.elementor-element-078cfc8{width:var( --container-widget-width, 92.152% );max-width:92.152%;--container-widget-width:92.152%;--container-widget-flex-grow:0;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-410 .elementor-element.elementor-element-078cfc8 > .elementor-widget-container{margin:16px 0px -2px 0px;padding:6px 0px 14px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-410 .elementor-element.elementor-element-078cfc8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-410 .elementor-element.elementor-element-078cfc8:hover .elementor-widget-container{box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:20px;padding-right:20px;padding-top:8px;padding-bottom:8px;}.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu--main .elementor-item:focus{color:#FFE00E;fill:#FFE00E;}.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-a495fd4 );}.elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-framed .elementor-item:before,
					.elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-a495fd4 );}.elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-framed .elementor-item:before{border-width:3px;}.elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 3px 3px;}.elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:3px 3px 0 0;}.elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:3px 0 0 3px;}.elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 3px 3px 0;}.elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-underline .elementor-item:after,
					 .elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-overline .elementor-item:before,
					 .elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-double-line .elementor-item:before,
					 .elementor-410 .elementor-element.elementor-element-078cfc8 .e--pointer-double-line .elementor-item:after{height:3px;}.elementor-410 .elementor-element.elementor-element-078cfc8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-410 .elementor-element.elementor-element-94e5a1a{--spacer-size:54px;}.elementor-410 .elementor-element.elementor-element-e16ec6b{--display:flex;--min-height:70px;--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:center;--align-items:center;--overlay-opacity:0;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:9px;--padding-left:0px;--padding-right:0px;}.elementor-410 .elementor-element.elementor-element-e16ec6b::before, .elementor-410 .elementor-element.elementor-element-e16ec6b > .elementor-background-video-container::before, .elementor-410 .elementor-element.elementor-element-e16ec6b > .e-con-inner > .elementor-background-video-container::before, .elementor-410 .elementor-element.elementor-element-e16ec6b > .elementor-background-slideshow::before, .elementor-410 .elementor-element.elementor-element-e16ec6b > .e-con-inner > .elementor-background-slideshow::before, .elementor-410 .elementor-element.elementor-element-e16ec6b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-410 .elementor-element.elementor-element-e16ec6b.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-410 .elementor-element.elementor-element-a3e4822{--width:7.884%;}.elementor-410 .elementor-element.elementor-element-e16ec6b{--width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-078cfc8 *//* =========================================================
   PERPUSTAKAAN MAN 1 MOJOKERTO
   PREMIUM CLEAN NAVIGATION
   NO SHADOW VERSION
   WordPress / Astra Compatible
========================================================= */


/* =========================================================
   01. VARIABLES
========================================================= */

:root{

  --pm-blue:#0756c9;
  --pm-blue-dark:#063b8f;
  --pm-blue-light:#2f80ed;

  --pm-blue-soft:#edf5ff;
  --pm-blue-pale:#f6faff;

  --pm-white:#ffffff;
  --pm-text:#14233a;
  --pm-muted:#64748b;

  --pm-border:rgba(7,86,201,.12);
  --pm-border-hover:rgba(7,86,201,.28);

  --pm-radius:14px;

}


/* =========================================================
   02. HEADER
========================================================= */

.site-header,
.ast-primary-header-bar,
.ast-main-header-bar-wrap{

  position:relative;
  z-index:9999;

}


/* =========================================================
   03. MAIN HEADER
========================================================= */

.ast-primary-header-bar,
.site-header .ast-primary-header-bar{

  background:
    rgba(255,255,255,.94) !important;

  border-bottom:
    1px solid var(--pm-border);

  box-shadow:none !important;

  transition:
    background .25s ease,
    border-color .25s ease;

}


/* =========================================================
   04. HEADER INNER
========================================================= */

.ast-primary-header-bar
.ast-builder-grid-row{

  min-height:78px;

}


/* =========================================================
   05. LOGO
========================================================= */

.site-logo-img,
.custom-logo{

  transition:
    transform .25s ease,
    opacity .25s ease;

}

.site-logo-img:hover,
.custom-logo:hover{

  transform:scale(1.025);

  opacity:.94;

}


/* =========================================================
   06. MAIN NAVIGATION
========================================================= */

.main-header-menu > .menu-item > a,
.ast-builder-menu-1
.ast-menu-item{

  position:relative;

  display:flex;

  align-items:center;

  min-height:42px;

  margin:
    0 3px;

  padding:
    9px 14px !important;

  border-radius:
    var(--pm-radius);

  color:
    var(--pm-text) !important;

  background:
    transparent !important;

  border:
    1px solid transparent;

  font-size:13px;

  font-weight:600;

  letter-spacing:.15px;

  transition:
    color .22s ease,
    background .22s ease,
    border-color .22s ease;

}


/* =========================================================
   07. MENU HOVER
========================================================= */

.main-header-menu > .menu-item > a:hover,
.ast-builder-menu-1
.ast-menu-item:hover{

  color:
    var(--pm-blue) !important;

  background:
    var(--pm-blue-pale) !important;

  border-color:
    var(--pm-border-hover);

}


/* =========================================================
   08. ACTIVE MENU
========================================================= */

.main-header-menu
> .menu-item.current-menu-item
> a,

.main-header-menu
> .menu-item.current-menu-ancestor
> a,

.main-header-menu
> .menu-item.current_page_item
> a{

  position:relative;

  color:
    var(--pm-blue) !important;

  background:
    var(--pm-blue-soft) !important;

  border-color:
    rgba(7,86,201,.20);

}


/* =========================================================
   09. ACTIVE MENU INDICATOR
========================================================= */

.main-header-menu
> .menu-item.current-menu-item
> a::after,

.main-header-menu
> .menu-item.current-menu-ancestor
> a::after{

  content:"";

  position:absolute;

  left:50%;

  bottom:-1px;

  width:22px;

  height:3px;

  transform:
    translateX(-50%);

  border-radius:20px;

  background:
    linear-gradient(
      90deg,
      var(--pm-blue),
      var(--pm-blue-light)
    );

}


/* =========================================================
   10. MENU HOVER INDICATOR
========================================================= */

.main-header-menu
> .menu-item
> a::before{

  content:"";

  position:absolute;

  left:50%;

  bottom:4px;

  width:0;

  height:2px;

  transform:
    translateX(-50%);

  border-radius:20px;

  background:
    var(--pm-blue-light);

  transition:
    width .22s ease;

}

.main-header-menu
> .menu-item
> a:hover::before{

  width:18px;

}


/* Jangan tampilkan hover indicator pada menu aktif */

.main-header-menu
> .menu-item.current-menu-item
> a::before,

.main-header-menu
> .menu-item.current-menu-ancestor
> a::before{

  display:none;

}


/* =========================================================
   11. SUB MENU
========================================================= */

.main-header-menu
.sub-menu,

.ast-builder-menu-1
.sub-menu{

  padding:
    7px !important;

  min-width:
    220px;

  background:
    #ffffff !important;

  border:
    1px solid var(--pm-border);

  border-radius:
    14px;

  box-shadow:
    none !important;

}


/* =========================================================
   12. SUB MENU ITEM
========================================================= */

.main-header-menu
.sub-menu
.menu-item
> a{

  position:relative;

  display:flex;

  align-items:center;

  padding:
    11px 13px !important;

  border-radius:
    9px;

  color:
    var(--pm-text) !important;

  background:
    transparent !important;

  font-size:
    12px;

  font-weight:
    500;

  transition:
    color .2s ease,
    background .2s ease,
    padding-left .2s ease;

}


/* =========================================================
   13. SUB MENU HOVER
========================================================= */

.main-header-menu
.sub-menu
.menu-item
> a:hover{

  color:
    var(--pm-blue) !important;

  background:
    var(--pm-blue-soft) !important;

  padding-left:
    17px !important;

}


/* =========================================================
   14. SUB MENU ACTIVE
========================================================= */

.main-header-menu
.sub-menu
.menu-item.current-menu-item
> a{

  color:
    var(--pm-blue) !important;

  background:
    var(--pm-blue-soft) !important;

  font-weight:
    600;

}


/* =========================================================
   15. DROPDOWN ARROW
========================================================= */

.ast-header-navigation-arrow{

  color:
    var(--pm-blue) !important;

  transition:
    transform .22s ease;

}

.menu-item:hover
.ast-header-navigation-arrow{

  transform:
    rotate(180deg);

}


/* =========================================================
   16. HEADER BUTTON
========================================================= */

.header-button,
.ast-header-button-1
.elementor-button,
.ast-builder-button-wrap
.ast-custom-button{

  border:
    1px solid var(--pm-blue) !important;

  border-radius:
    12px !important;

  padding:
    10px 17px !important;

  color:
    #ffffff !important;

  background:
    linear-gradient(
      135deg,
      var(--pm-blue-dark),
      var(--pm-blue-light)
    ) !important;

  box-shadow:
    none !important;

  font-size:
    12px !important;

  font-weight:
    700 !important;

  transition:
    background .22s ease,
    border-color .22s ease,
    transform .22s ease;

}


/* =========================================================
   17. BUTTON HOVER
========================================================= */

.header-button:hover,
.ast-header-button-1
.elementor-button:hover,
.ast-builder-button-wrap
.ast-custom-button:hover{

  transform:
    translateY(-1px);

  background:
    var(--pm-blue-dark) !important;

  border-color:
    var(--pm-blue-dark) !important;

  box-shadow:
    none !important;

}


/* =========================================================
   18. SEARCH
========================================================= */

.ast-search-menu-icon
.ast-search-icon{

  width:
    38px;

  height:
    38px;

  display:flex !important;

  align-items:center;

  justify-content:center;

  border-radius:
    11px;

  color:
    var(--pm-blue) !important;

  background:
    transparent;

  border:
    1px solid transparent;

  transition:
    color .22s ease,
    background .22s ease,
    border-color .22s ease;

}


/* =========================================================
   19. SEARCH HOVER
========================================================= */

.ast-search-menu-icon
.ast-search-icon:hover{

  color:
    var(--pm-blue-dark) !important;

  background:
    var(--pm-blue-soft);

  border-color:
    var(--pm-border-hover);

  transform:none;

}


/* =========================================================
   20. STICKY HEADER
========================================================= */

.ast-primary-header-bar{

  transition:
    background .25s ease,
    border-color .25s ease;

}


.ast-header-sticky-active
.ast-primary-header-bar{

  background:
    rgba(255,255,255,.97) !important;

  border-bottom:
    1px solid rgba(7,86,201,.16);

  box-shadow:
    none !important;

}


/* =========================================================
   21. HEADER TOP LINE
========================================================= */

.ast-primary-header-bar::before{

  content:"";

  position:absolute;

  top:0;

  left:0;

  width:100%;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(7,86,201,.20),
      transparent
    );

}


/* =========================================================
   22. HEADER BOTTOM ACCENT
========================================================= */

.ast-primary-header-bar::after{

  content:"";

  position:absolute;

  left:0;

  right:0;

  bottom:-1px;

  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent 5%,
      rgba(7,86,201,.18),
      var(--pm-blue-light),
      rgba(7,86,201,.18),
      transparent 95%
    );

  opacity:.75;

}


/* =========================================================
   23. MOBILE HEADER
========================================================= */

@media(max-width:921px){

  .ast-primary-header-bar,
  .site-header .ast-primary-header-bar{

    background:
      rgba(255,255,255,.97) !important;

    border-bottom:
      1px solid var(--pm-border);

    box-shadow:
      none !important;

  }


  .ast-builder-grid-row{

    min-height:
      68px;

  }


  /* =====================================================
     MOBILE HAMBURGER
  ===================================================== */

  .menu-toggle,
  .ast-mobile-menu-trigger{

    width:
      42px !important;

    height:
      42px !important;

    display:flex !important;

    align-items:center;

    justify-content:center;

    border:
      1px solid var(--pm-border) !important;

    border-radius:
      11px !important;

    background:
      #ffffff !important;

    color:
      var(--pm-blue) !important;

    box-shadow:
      none !important;

    transition:
      background .2s ease,
      border-color .2s ease;

  }


  .menu-toggle:hover,
  .ast-mobile-menu-trigger:hover{

    background:
      var(--pm-blue-soft) !important;

    border-color:
      var(--pm-border-hover) !important;

  }


  /* =====================================================
     MOBILE MENU PANEL
  ===================================================== */

  .ast-mobile-popup-drawer
  .ast-mobile-popup-inner{

    background:
      rgba(255,255,255,.98) !important;

    border-left:
      1px solid var(--pm-border);

    box-shadow:
      none !important;

  }


  /* =====================================================
     MOBILE MENU ITEM
  ===================================================== */

  .ast-mobile-popup-drawer
  .main-header-menu
  .menu-item
  > a{

    margin:
      4px 12px;

    padding:
      13px 15px !important;

    border-radius:
      11px;

    border:
      1px solid transparent;

    background:
      transparent !important;

  }


  .ast-mobile-popup-drawer
  .main-header-menu
  .menu-item
  > a:hover{

    color:
      var(--pm-blue) !important;

    background:
      var(--pm-blue-soft) !important;

    border-color:
      var(--pm-border);

  }


  /* =====================================================
     MOBILE ACTIVE
  ===================================================== */

  .ast-mobile-popup-drawer
  .main-header-menu
  .current-menu-item
  > a{

    color:
      var(--pm-blue) !important;

    background:
      var(--pm-blue-soft) !important;

    border:
      1px solid rgba(7,86,201,.18);

    font-weight:
      700;

  }

}


/* =========================================================
   24. SMALL MOBILE
========================================================= */

@media(max-width:600px){

  .ast-builder-grid-row{

    padding-left:
      14px !important;

    padding-right:
      14px !important;

  }


  .custom-logo{

    max-height:
      48px;

    width:
      auto;

  }

}


/* =========================================================
   25. ACCESSIBILITY
========================================================= */

.main-header-menu a:focus-visible,
.menu-toggle:focus-visible{

  outline:
    2px solid rgba(7,86,201,.45);

  outline-offset:
    3px;

}


/* =========================================================
   26. REDUCE MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .site-header *,
  .ast-primary-header-bar *{

    transition:
      none !important;

    animation:
      none !important;

  }

}


/* =========================================================
   27. GLOBAL SHADOW KILLER
   Memastikan Astra/Elementor tidak menyisipkan shadow
========================================================= */

.site-header *,
.ast-primary-header-bar *,
.main-header-menu *,
.ast-mobile-popup-drawer *,
.ast-header-button-1,
.ast-custom-button{

  box-shadow:
    none !important;

}/* End custom CSS */