/* One self-hosted type family for every public page. Preserve icon-font glyphs. */
@font-face{font-family:'Petra Lato';font-style:normal;font-weight:300;font-display:swap;src:url('assets/fonts/lato/lato-300.ttf') format('truetype')}
@font-face{font-family:'Petra Lato';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/lato/lato-400.ttf') format('truetype')}
@font-face{font-family:'Petra Lato';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/lato/lato-700.ttf') format('truetype')}
@font-face{font-family:'Petra Lato';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/lato/lato-900.ttf') format('truetype')}
:root{--petra-font:'Petra Lato',Arial,sans-serif}
body,body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not([class*='fa-']):not(.material-icons):not(.material-symbols-outlined):not([class*='glyphicon']):not([class*='icon-']){font-family:var(--petra-font)!important}
body{font-size:16px;font-weight:400;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-weight:700!important;line-height:1.3}
p,li,td,th,label,input,select,textarea,button{font-kerning:normal}
input,select,textarea,button{font-family:var(--petra-font)!important}
strong,b{font-weight:700}