/**
 * JPK Icon Font
 *
 * Custom icon font for JPKCom Tools branding.
 * Modern browsers only (woff2 format).
 */

@font-face {
    font-family: "JPK";
    src: url("/tools/assets/font/JPK.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Base icon styles */
[class^="jpkc-"],
[class*=" jpkc-"] {
    font-family: "JPK";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="jpkc-"]::before,
[class*=" jpkc-"]::before {
    text-decoration: inherit;
    display: inline-block;
}

/* List item alignment */
li [class^="jpkc-"],
li [class*=" jpkc-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

/* Large icon variant */
.jpkc-large::before {
    vertical-align: -10%;
    font-size: 1.333em;
}

li .jpkc-large::before {
    width: 1.875em;
}

/* Link icons */
a [class^="jpkc-"],
a [class*=" jpkc-"] {
    display: inline;
}

/* Button and navigation icons */
.btn [class^="jpkc-"],
.btn [class*=" jpkc-"],
.nav [class^="jpkc-"],
.nav [class*=" jpkc-"] {
    line-height: inherit;
}

/* Icon content */
.jpkc-logo::before {
    content: "@";
}