/* =========================================================
   IRON AURA WEAR — BASE
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;

    background: #ffffff;
    color: #111111;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;

    -webkit-font-smoothing: antialiased;
}

body.admin-bar {
    /* WordPress handles admin-bar positioning. */
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

a {
    color: inherit;
}

button,
input,
textarea,
select {
    font: inherit;
}

main {
    display: block;
}

:where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid #111;
    outline-offset: 3px;
}

/* Used only by the standard WordPress page/index templates. */
.ia-container {
    width: min(100%, 1440px);
    margin-inline: auto;
    padding-inline: clamp(18px, 5vw, 72px);
}

.ia-main {
    padding-block: clamp(36px, 5vw, 72px);
    min-width: 0;
}

.ia-main .ia-entry > h1 {
    margin: 0 0 36px;
    font: 400 clamp(32px, 4vw, 52px)/1.15 Georgia, "Times New Roman", serif;
    overflow-wrap: anywhere;
}

.ia-skip-link {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 100001;
    padding: 12px 18px;
    background: #fff;
    color: #111;
    transform: translateY(calc(-100% - 16px));
}

.ia-skip-link:focus {
    transform: translateY(0);
    outline: 2px solid #111;
    outline-offset: 2px;
}