@font-face {
    font-family: "PP Right Grotesk";
    src: url(" ../../fonts/evo/PPRightGrotesk-CompactDark.woff2") format("woff2"),
    url("../../fonts/evo/PPRightGrotesk-CompactDark.woff") format("woff"),
    url("../../fonts/evo/PPRightGrotesk-CompactDark.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "PP Right Grotesk";
    src: url("../../fonts/evo/PPRightGrotesk-WideBlack.woff2") format("woff2"),
    url("../../fonts/evo/PPRightGrotesk-WideBlack.woff") format("woff"),
    url("../../fonts/evo/PPRightGrotesk-WideBlack.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Halyard Display";
    src: url("../../fonts/evo/Halyard_Display.woff2") format("woff2"),
    url("../../fonts/evo/Halyard_Display.woff") format("woff"),
    url("../../fonts/evo/Halyard_Display.ttf") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "Halyard Display";
    src: url("../../fonts/evo/Halyard_Display_SemiBold.woff2") format("woff2"),
    url("../../fonts/evo/Halyard_Display_SemiBold.woff") format("woff"),
    url("../../fonts/evo/Halyard_Display_SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Halyard Display";
    src: url("../../fonts/evo/Halyard_Display_Bold.woff2") format("woff2"),
    url("../../fonts/evo/Halyard_Display_Bold.woff") format("woff"),
    url("../../fonts/evo/Halyard_Display_Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

html {
    height: 100%;
    font-size: 62.5%;
    line-height: 1.15;
}

body {
    font-family: Halyard Display, "Open Sans", sans-serif;
    font-size: 16px;
}


.evo-heading-title {
    font: normal normal 900 36px/36px PP Right Grotesk;
}

.evo-heading-title-md {
    font: normal normal normal 29px/33px PP Right Grotesk;
}

.evo-heading-title-sm {
    font: normal normal normal 24px/28px PP Right Grotesk;
}

[data-theme="dark"] .evo-sub-heading {
    font: normal normal normal 34px / 36px PP Right Grotesk !important;
    letter-spacing: 0;
    color: var(--white);
}

[data-theme="light"] .evo-sub-heading {
    font: normal normal normal 34px / 36px PP Right Grotesk !important;
    letter-spacing: 0;
    color: var(--evo-dark);
}

.evo-sub-heading-sm {
    font: normal normal normal 20px/16px PP Right Grotesk;
    letter-spacing: 0.2px;
    color: #FFF;
    text-transform: uppercase;
}

.evo-text-lg {
    font: normal normal normal 24px/32px Halyard Display;
    letter-spacing: 0;
}

[data-theme="dark"] .evo-text {
    font: normal normal 600 16px/32px Halyard Display;
    color: var(--evo-dark);
}