/* Nexia Core 1.1.16 */
/*==========================================================
  Utilities
==========================================================*/

/*----------------------------------------------------------
 Text Alignment
----------------------------------------------------------*/

.nx-text-left{text-align:left;}
.nx-text-center{text-align:center;}
.nx-text-right{text-align:right;}

/*----------------------------------------------------------
 Display
----------------------------------------------------------*/

.nx-hidden{display:none!important;}
.nx-block{display:block;}
.nx-inline{display:inline;}
.nx-flex{display:flex;}
.nx-grid{display:grid;}

/*----------------------------------------------------------
 Flex Helpers
----------------------------------------------------------*/

.nx-items-center{align-items:center;}
.nx-justify-center{justify-content:center;}
.nx-space-between{justify-content:space-between;}
.nx-flex-column{flex-direction:column;}

/*----------------------------------------------------------
 Width
----------------------------------------------------------*/

.nx-w-100{width:100%;}
.nx-max-600{max-width:600px;}
.nx-max-800{max-width:800px;}
.nx-max-1200{max-width:1200px;}

/*----------------------------------------------------------
 Margin
----------------------------------------------------------*/

.nx-mt-sm{margin-top:10px;}
.nx-mt-md{margin-top:20px;}
.nx-mt-lg{margin-top:40px;}

.nx-mb-sm{margin-bottom:10px;}
.nx-mb-md{margin-bottom:20px;}
.nx-mb-lg{margin-bottom:40px;}

/*----------------------------------------------------------
 Padding
----------------------------------------------------------*/

.nx-p-sm{padding:10px;}
.nx-p-md{padding:20px;}
.nx-p-lg{padding:40px;}

/*----------------------------------------------------------
 Radius
----------------------------------------------------------*/

.nx-radius{
    border-radius:var(--nx-radius-md);
}

/*----------------------------------------------------------
 Shadow
----------------------------------------------------------*/

.nx-shadow{

    box-shadow:var(--nx-shadow-md);

}

/*----------------------------------------------------------
 Surface
----------------------------------------------------------*/

.nx-surface{

    background:var(--nx-surface);

}


/*----------------------------------------------------------
 Universal Hover Glow

 Add .nx-glow-hover to any element that should receive the
 Nexia primary glow on hover/focus. The shared utility uses
 non-layout glow primitives so it is safe on text, icons,
 buttons, and navigation. Components may add their own
 box-shadow where a boxed glow is actually appropriate.
----------------------------------------------------------*/

.nx-glow-hover{
    transition:
        color var(--nx-transition),
        filter var(--nx-transition),
        text-shadow var(--nx-transition);
}

.nx-glow-hover:hover,
.nx-glow-hover:focus-visible{
    filter:var(--nx-glow-hover-filter);
    text-shadow:var(--nx-glow-hover-text);
}

/* Text-navigation glow: deliberately no box-shadow, because
   a box shadow around an inline-block link creates a rectangle
   instead of a typographic glow. */
footer.wp-block-template-part .wp-block-navigation-item__content{
    display:inline-block;
    transition:
        color var(--nx-transition),
        text-shadow var(--nx-transition),
        filter var(--nx-transition);
}

footer.wp-block-template-part .wp-block-navigation-item__content:hover,
footer.wp-block-template-part .wp-block-navigation-item__content:focus-visible{
    color:var(--nx-primary) !important;
    filter:none;
    text-shadow:
        0 0 3px var(--nx-primary-glow),
        0 0 8px var(--nx-primary-glow),
        0 0 18px rgba(254,97,0,.22);
    box-shadow:none !important;
}

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

    .nx-glow-hover,
    footer.wp-block-template-part .wp-block-navigation-item__content{
        transition:none !important;
    }

}