.elementor-645 .elementor-element.elementor-element-7d3bd5d{--display:flex;--min-height:0px;--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;}.elementor-645 .elementor-element.elementor-element-7d3bd5d:not(.elementor-motion-effects-element-type-background), .elementor-645 .elementor-element.elementor-element-7d3bd5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("http://pisas-edu.ph/wp-content/uploads/2025/04/background-DARK.jpg");}.elementor-645 .elementor-element.elementor-element-a6d8b50{--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:center;--align-items:center;}.elementor-widget-image .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-645 .elementor-element.elementor-element-5482470{width:var( --container-widget-width, 8.155% );max-width:8.155%;--container-widget-width:8.155%;--container-widget-flex-grow:0;}.elementor-645 .elementor-element.elementor-element-5482470.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-645 .elementor-element.elementor-element-5482470 img{height:91px;}.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-645 .elementor-element.elementor-element-dd5c341.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-645 .elementor-element.elementor-element-dd5c341 .elementor-menu-toggle{margin:0 auto;}.elementor-645 .elementor-element.elementor-element-dd5c341 .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-645 .elementor-element.elementor-element-dd5c341 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-top:0px;padding-bottom:0px;}.elementor-645 .elementor-element.elementor-element-dd5c341 .elementor-nav-menu--dropdown a, .elementor-645 .elementor-element.elementor-element-dd5c341 .elementor-menu-toggle{color:#FBF6F6;fill:#FBF6F6;}.elementor-645 .elementor-element.elementor-element-dd5c341 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );}.elementor-645 .elementor-element.elementor-element-dd5c341 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-645 .elementor-element.elementor-element-dd5c341 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-645 .elementor-element.elementor-element-6216b31 .elementor-button{background-color:var( --e-global-color-secondary );border-radius:15px 15px 15px 15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-645 .elementor-element.elementor-element-a6d8b50.e-con{--align-self:center;}.elementor-645 .elementor-element.elementor-element-5482470{width:var( --container-widget-width, 71.656px );max-width:71.656px;--container-widget-width:71.656px;--container-widget-flex-grow:0;text-align:center;}.elementor-645 .elementor-element.elementor-element-5482470 img{height:68px;}}@media(max-width:767px){.elementor-645 .elementor-element.elementor-element-a6d8b50{--justify-content:center;}.elementor-645 .elementor-element.elementor-element-5482470 img{height:68px;}.elementor-645 .elementor-element.elementor-element-dd5c341{width:var( --container-widget-width, 34px );max-width:34px;--container-widget-width:34px;--container-widget-flex-grow:0;}.elementor-645 .elementor-element.elementor-element-dd5c341.elementor-element{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-7d3bd5d *//* INITIAL STATE (Full height + image) */
.shrinking-header {
  --original-height: 200px; /* Set your initial height */
  --shrunk-height: 90px;    /* 50% of original */
  
  height: var(--original-height) !important;
  background-size: cover !important;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  will-change: height, background;
}

/* SCROLLED STATE (50% height + solid color) */
.elementor-sticky--effects.shrinking-header {
  height: var(--shrunk-height) !important;
  background-image: none !important;
  background-color: #2d3748 !important; /* Your solid color */
}

/* Optional: Scale down contents smoothly */
.elementor-sticky--effects .header-contents {
  transform: scale(0.9);
  transform-origin: top;
  transition: transform 0.3s ease;
}/* End custom CSS */