/*
    # Brand Icons
    
    We're currently using an icon font for brand icons.
    
    Icons should be 24px x 24px by default.
*/
@font-face {
    font-family: 'brand-icons';
    src: url(/portal/web/78/theme/spark-v3/common/fonts/brand-icons/icons.eot?uyj1cy=&v=1709800922);
    src: url(/portal/web/78/theme/spark-v3/common/fonts/brand-icons/icons.eot?uyj1cy=&v=1709800922#iefix) format('embedded-opentype'),url(/portal/web/78/theme/spark-v3/common/fonts/brand-icons/icons.ttf?uyj1cy=&v=1709800922) format('truetype'),url(/portal/web/78/theme/spark-v3/common/fonts/brand-icons/icons.woff?uyj1cy=&v=1709800922) format('woff'),url(/portal/web/78/theme/spark-v3/common/fonts/brand-icons/icons.svg?uyj1cy=&v=1709800922#socialIcons) format('svg');
    font-weight: normal;
    font-style: normal;
    }
.brand-icon {
    font-family: 'brand-icons' !important;
    font-size: var(--icon-size,24px);
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }
.brand-icon.size-small {
    font-size: var(--icon-size-small,16px) !important;
    }
.brand-icon.size-large {
    font-size: var(--icon-size-large,32px) !important;
    }
.brand-icon.size-xl {
    font-size: var(--icon-size-xl,48px) !important;
    }
.brand-icon.azexis:before {
    content: "\e70a";
    }
.brand-icon.email:before {
    content: "\e71b";
    }
.brand-icon.evance:before {
    content: "\e70b";
    }
.brand-icon.facebook:before {
    content: "\e700";
    }
.brand-icon.flickr:before {
    content: "\e701";
    }
.brand-icon.linkedIn:before {
    content: "\e703";
    }
.brand-icon.pinterest:before {
    content: "\e704";
    }
.brand-icon.feed:before {
    content: "\e71a";
    }
.brand-icon.twitter:before {
    content: "\e705";
    }
.brand-icon.vimeo:before {
    content: "\e706";
    }
.brand-icon.youtube:before {
    content: "\e707";
    }
.brand-icon.favourite:before {
    content: "\e71c";
    }
.brand-icon.twitch:before {
    content: "\e717";
    }
.brand-icon.github:before {
    content: "\e716";
    }
.brand-icon.foursquare:before {
    content: "\e711";
    }
.brand-icon.tumblr:before {
    content: "\e710";
    }
.brand-icon.soundcloud:before {
    content: "\e713";
    }
.brand-icon.spotify:before {
    content: "\e714";
    }
.brand-icon.behance:before {
    content: "\e715";
    }
.brand-icon.dribbble:before {
    content: "\e709";
    }
.brand-icon.instagram:before {
    content: "\e708";
    }