/* CURAPROX: typography override. Load after all existing template CSS.
   Keep the existing html font-size: this template uses rem for its layout. */
body,
html.uk-notouch body.contentpane.modal {
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: normal;
}

/* Text styles already used in Joomla content modules. */
body .text_open_sans_light,
body .text_open_sans_light_color {
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: normal;
}

body h1, body h2, body h3, body h4, body h5, body h6,
body .old_modules_protostar p.h1,
body .old_modules_protostar p.h2,
body h2.head_open_sans_light,
body h2.head_open_sans_light_mid {
    font-family: 'IBM Plex Sans', Arial, sans-serif;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: normal;
}
body h1 { font-size: 36px; }
body h2, body h2.head_open_sans_light { font-size: 28px; }
body h2.head_open_sans_light_mid { font-size: 24px; }
body h3 { font-size: 22px; }
body h4 { font-size: 20px; }
body h5 { font-size: 18px; }
body h6 { font-size: 17px; }

/* Inherit the new face in controls, including legacy Joomla modules.
   Do not use a universal selector: icon fonts must retain their own face. */
body button, body input, body select, body textarea,
body .old_modules_protostar input,
body .old_modules_protostar select,
body .codes,
body .codes input, body .codes button,
body .codes select, body .codes textarea,
body .codes label,
body .codes .codes_form_head,
body .codes .codes_form_lbl,
body .codes .wr_txt, body .codes .wr_txt1, body .codes .wr_txt2 {
    font-family: 'IBM Plex Sans', Arial, sans-serif;
}
body .codes .codes_form_head {
    font-weight: 500;
    letter-spacing: normal;
}
body .codes .codes_btn { font-weight: 500; }
body strong, body b { font-weight: 600; }

@media (max-width: 767px) {
    body h1 { font-size: 28px; }
    body h2, body h2.head_open_sans_light { font-size: 24px; }
    body h2.head_open_sans_light_mid { font-size: 22px; }
    body h3 { font-size: 20px; }
}