@font-face {
    font-family: 'ii-regular';
    src: local('ii-regular'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ii-bold';
    src: local('ii-bold'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-text: rgb(26, 32, 44);
    --color-text-inverse: rgb(255, 255, 255);
    --color-background-blue: rgb(0, 0, 178);
    --color-background-grey: rgb(245, 246, 246);
    --color-button-blue: rgb(0, 0, 240);
    --color-orange: #ff6400;

    --font-body: ii-regular;
    --font-bold: ii-bold;
}

html.brand-ii {
    background: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 62.5%;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
    padding: 0;
    margin: 0;
    font-size: 1.9rem;
}

/**********************************************
      HEADINGS
**********************************************/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-bold);
    line-height: 1;
    font-weight: normal;
    letter-spacing: 0;
    color: var(--color-text);
    margin-bottom: 10px;
}

h1.inverse,
h2.inverse,
h3.inverse,
h4.inverse,
h5.inverse,
h6.inverse {
    color: var(--color-text-inverse);
}

h1 {
    font-size: 60px;
    line-height: 64px;
}

h2 {
    font-size: 36px;
}

p:not(.chakra-text, .external-styles p) {
    font-size: 1.9rem;
    line-height: 2.7rem;
    color: var(--color-text);
    margin: 0 0 10px;
}

p.inverse {
    color: var(--color-text-inverse);
}

.make-it-orange {
    color: var(--color-orange);
}

/**********************************************
      COMPONENT OVERRIDES
**********************************************/

.we_grid {
    max-width: 1400px;
    padding-left: 0;
    padding-right: 0;
}

.da-button {
    font-family: var(--font-body);
    font-size: 1.9rem;
}

.da-button--primary {
    background-color: var(--color-button-blue);
    border: 1px solid var(--color-button-blue);
}

#root {
    height: auto !important;
}

/**********************************************
      PDF SUPPORT
**********************************************/
.print-only {
    display: none;
}

@media print {
    .print-only {
        display: block;
    }
    .no-print {
        display: none;
    }
}