/* ==========================================================================
   Phosphor icons — only the ten glyphs this site uses.

   The site used to pull these in through Materia's 727 KB compiled bundle,
   which came with Bootstrap, a Material theme and a folder of demo photos.
   All of that went with the back office; this file and one woff2 replace it.

   To add an icon: find its name at https://phosphoricons.com, look the
   codepoint up in the Phosphor font, and add a rule below.
   ========================================================================== */

@font-face {
    font-family: Phosphor;
    src: url("fonts/Phosphor.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

.ph {
    font-family: Phosphor;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ph-arrow-up-right::before   { content: "\e092"; }
.ph-caret-down::before       { content: "\e136"; }
.ph-clipboard-text::before   { content: "\e198"; }
.ph-list::before             { content: "\e2f0"; }
.ph-paper-plane-tilt::before { content: "\e398"; }
.ph-seal-check::before       { content: "\e606"; }
.ph-shield-check::before     { content: "\e40c"; }
.ph-trophy::before           { content: "\e67e"; }
.ph-whatsapp-logo::before    { content: "\e5d0"; }
.ph-x::before                { content: "\e4f6"; }