/* Nexia Core 1.1.16 */
/*==========================================================
 NEXIA UI FRAMEWORK
 COMPONENT : FOOTER
 PURPOSE   : Transparent glass footer surface + desktop Vanta
==========================================================*/


/*==========================================================
 FOOTER SURFACE
==========================================================*/

footer.wp-block-template-part{
  position:relative;
  overflow:hidden;

  background:transparent;

  backdrop-filter:blur(3px) saturate(100%);
  -webkit-backdrop-filter:blur(3px) saturate(100%);

  border:1px solid rgba(255,255,255,.25);
  border-bottom:0;

  border-radius:
    var(--nx-radius-lg)
    var(--nx-radius-lg)
    0
    0;

  box-shadow:
    0 4px 24px rgba(0,0,0,.06),
    inset 0 1px 0 rgba(255,255,255,.25);
}


/*==========================================================
 FOOTER CONTENT ABOVE VANTA
==========================================================*/

footer.wp-block-template-part > *{
  position:relative;
  z-index:2;
}




/*==========================================================
 FOOTER MENU HOVER

 Footer navigation links inherit the framework-wide text glow
from core utilities. This component only supplies footer surface
styling.
==========================================================*/

/*==========================================================
 DARK MODE
==========================================================*/

html.nx-dark-mode footer.wp-block-template-part{
  background:transparent;

  border-color:rgba(255,255,255,.12);

  box-shadow:
    0 4px 32px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.10);
}


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

 No footer Vanta on mobile. Keep the glass surface only.
==========================================================*/

@media (max-width:991px){

  footer.wp-block-template-part > canvas{
    display:none !important;
  }

  footer.wp-block-template-part{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}
