@font-face
{
    font-family: 'StL-Regional-Freightway-icons';
    src: url('../fonts/StL-Regional-Freightway-icons.eot');
    src: url('../fonts/StL-Regional-Freightway-icons.eot?#iefix') format('embedded-opentype'),
         url('../fonts/StL-Regional-Freightway-icons.woff2') format('woff2'),
         url('../fonts/StL-Regional-Freightway-icons.woff') format('woff'),
         url('../fonts/StL-Regional-Freightway-icons.ttf') format('truetype'),
         url('../fonts/StL-Regional-Freightway-icons.svg#StL-Regional-Freightway-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
    USAGE:

    <span class="stl-icon-airplane"></span>
    <span class="stl-icon-barge"></span>
    <span class="stl-icon-companies"></span>
    <span class="stl-icon-electric"></span>
    <span class="stl-icon-international"></span>
    <span class="stl-icon-pipeline"></span>
    <span class="stl-icon-refinery"></span>
    <span class="stl-icon-train"></span>
    <span class="stl-icon-truck"></span>
    <span class="stl-icon-workforce"></span>
*/

/* some defaults stolen from Cardinal font icon styles for consistency */
.stl-icon
{
    font-size: 30px;
    line-height: 26px;
    padding: 0;
    width: auto;
    height: 28px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;

    color: #c84b1b; /* theme color */
}

/* color options */
.stl-icon.stl-icon-reverse
{
    color: white;
}

.stl-icon.stl-icon-grey
{
    color: #7A7D79;
}

.stl-icon.stl-icon-yellow
{
    color: #FCBC10;
}

.stl-icon.stl-icon-brown
{
    color: #AB5F0F;
}

/* size options */
.stl-icon.stl-icon-medium
{
    font-size: 40px;
    line-height: 40px;
    height: 38px;
}

.stl-icon.stl-icon-large
{
    font-size: 70px;
    line-height: 70px;
    height: 70px;
}

.stl-icon-float-left
{
    float: left;
    padding: 5px 10px 0px 0px;
}

.stl-icon-float-right
{
    float: right;
    padding: 5px 0px 0px 10px;
}

[class^="stl-icon-"],
[class*=" stl-icon-"]
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'StL-Regional-Freightway-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.stl-icon-airplane:before {
    content: "\e900";
}
.stl-icon-barge:before {
    content: "\e901";
}
.stl-icon-companies:before {
    content: "\e902";
}
.stl-icon-education:before {
    content: "\e90a";
}
.stl-icon-electric:before {
    content: "\e903";
}
.stl-icon-international:before {
    content: "\e904";
}
.stl-icon-pipeline:before {
    content: "\e905";
}
.stl-icon-refinery:before {
    content: "\e906";
}
.stl-icon-train:before {
    content: "\e907";
}
.stl-icon-truck:before {
    content: "\e908";
}
.stl-icon-workforce:before {
    content: "\e909";
}
.stl-icon-railroad:before {
    content: "\e90b";
}
.stl-icon-interstate44:before {
    content: "\e90c";
}
.stl-icon-interstate55:before {
    content: "\e90d";
}
.stl-icon-route61:before {
    content: "\e90e";
}
.stl-icon-interstate64:before {
    content: "\e90f";
}
.stl-icon-interstate70:before {
    content: "\e910";
}
.stl-icon-interstate170:before {
    content: "\e911";
}
.stl-icon-interstate255:before {
    content: "\e912";
}
.stl-icon-interstate270:before {
    content: "\e913";
}
.stl-icon-river:before {
    content: "\e914";
}
.stl-icon-route255:before {
  content: "\e915";
}
.stl-icon-route364:before {
  content: "\e916";
}
.stl-icon-route370:before {
  content: "\e917";
}

/* -------- START county specific style ------------- */
[class^="stl-icon-county"],
[class*=" stl-icon-county"]
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'Myriad', sans-serif !important;
    text-transform: uppercase;
}

.stl-icon-countyMOfranklin:before
{
    content: "Franklin";
}

.stl-icon-countyMOstcharles:before
{
    content: "St. Charles";
}

.stl-icon-countyMOstlouis:before
{
    content: "St. Louis";
}

.stl-icon-countyMOjefferson:before
{
    content: "Jefferson";
}

.stl-icon-countyMOstlouiscity:before
{
    content: "St. Louis City";
}

.stl-icon-countyILmonroe:before
{
    content: "Monroe";
}

.stl-icon-countyILstclair:before
{
    content: "St. Clair";
}

.stl-icon-countyILmadison:before
{
    content: "Madison";
}