/* ******************************************** */
/** UTILITIES: GENERAL
/* ******************************************** */

/* TAP SIZE */

.u-tap-size:not([class*="icon-"]):before,
.u-tap-size[class*="icon-"]:after{
    content: "";
    display: block;
    width: 100%;
    min-width: var(--tap-size);
    height: var(--tap-size);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/* MASK */

.u-mask{
    border: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
}

/* SEPARATOR */

.u-separator {
    margin-top: var(--separator);
}
.u-separator-xl {
    margin-top: calc(var(--section-y)*0.8);
}

/* CENTER */

.u-center { 
    text-align: center;
}

/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 61.25rem) { /* 980px */
}