/* -- FONTELLO ICON STYLES -- */

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

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

[class^="fo-"],
[class*=" fo-"] {

    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    /* width: 1em; */
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    /* margin-left: .2em; */

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fo {
    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;
    line-height: 100%;
}
.fo-fw {
    width: 1.28571429em;
    text-align: center;
}
.fo:before {
    content: "";
    font-family: inherit;
    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;
    line-height: 100%;
}


/* -- YP Dine Social Icons -- */

.fo-ypdine,
.fo-linkedin,
.fo-tumblr,
.fo-pinterest,
.fo-twitter,
.fo-youtube,
.fo-foursquare,
.fo-tripadvisor,
.fo-facebook,
.fo-instagram,
.fo-zomato,
.fo-google,
.fo-flickr,
.fo-yelp,
.fo-tbdine {
    font-family: "tbdine-social-icons", arial;
}

.fo-linkedin:before {
    content: "\f0e1";
}
.fo-tumblr:before {
    content: "\f173";
}
.fo-pinterest:before {
    content: "\f231";
}
.fo-twitter:before {
    content: "\f099";
}
.fo-youtube:before {
    content: "\f16a";
}
.fo-foursquare:before {
    content: "\f180";
}
.fo-tripadvisor:before {
    content: "\f262";
}
.fo-facebook:before {
    content: "\f09a";
}
.fo-instagram:before {
    content: "\f16d";
}
.fo-zomato:before {
    content: "\f1b1";
}
.fo-google:before {
    content: "\f0d5";
}
.fo-flickr:before {
    content: "\f16e";
}
.fo-yelp:before {
    content: "\f1e9";
}
.fo-ypdine:before {
    content: "\e801";
}
.fo-tbdine:before {
    content: "\e802";
}


/* -- Website Action Icons -- */

.fo-reserve-a,
.fo-order-a,
.fo-call-a {
    font-family: "website-action-icons", arial;
}

.fo-reserve-a:before {
    content: "\e800";
}
.fo-order-a:before {
    content: "\e801";
}
.fo-call-a:before {
    content: "\e802";
}