﻿.IgniteBarV1 {
    display: none;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 4;
    width: 50px;
    -webkit-transition: margin 1s;
    -webkit-transition-delay: 0s;
    -moz-transition: margin 1s;
    -o-transition: margin 1s;
    transition: margin 1s;
}

.IgniteBarV1.visible, .no-js .IgniteBarV1 {
    display: block;
}

.IgniteBarV1 li {
    clear: both;
    width: 50px;
    height: 50px;
    list-style: none;
    padding-right: 40px;
}

.IgniteBarV1 li > span {
    display: block;
    float: right;
    -webkit-transition: background-color 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
    background-color: #0c121c;
    height: 49px;
    width: auto;
    text-align: right;
    line-height: 49px;
    margin-right: 50px;
    font-size: 8px;
    letter-spacing: 3px;
    z-index: 7;
}

.IgniteBarV1 li > span > a { 
    display: block;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    padding-left: 25px;
    padding-right: 5px;
    color: white;
}

.IgniteBarV1 li > a > i {
    color: white;
    line-height: 49px;
    width: 50px;
    font-size: 20px;
    text-align: center;
}

.IgniteBarV1 li.hover > span, .IgniteBarV1 li:focus > span {
    background-color: #141b27;
}

.IgniteBarV1 li.hover > a, .IgniteBarV1 li:focus > a {
    background-color: #141b27;
}

.IgniteBarV1 li.share span {
    z-index: 1;
    position: relative;
}

.IgniteBarV1 li > a {
    z-index: 8;
    position: absolute;
    right: 0;
    text-decoration: none;
    border-bottom: solid 1px #4e4e4e;
    background-color: #0c121c;
    width: 50px;
    height: 50px;
    -webkit-backface-visibility: hidden;
    display: block;
    -webkit-transition: background-color 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.IgniteBarV1 li > a:hover, .IgniteBarV1 li > a:focus {
    background-color: #141b27;
}

.IgniteBarV1 li > a div {
    width: auto;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    margin-top: -1px;
}

.IgniteBarV1 li > a div.icon-ignite-brochure:before {
    font-size: 18px;
}

.IgniteBarV1 li > a div.icon-share:before {
    font-size: 18px;
    margin-top: -2px;
}

.IgniteBarV1 li > a div.addThis {
    display: inline;
}

.IgniteBarV1 li > a div.addThis:before {
    content: '\e004';
}

.IgniteBarV1 li .icon-social-facebook-comment:before {
    font-size: 18px;
}

.IgniteBarV1 li .SocialSharing {
    background-color: #141b27;
    left: auto;
    right: 0;
}

.IgniteBarV1 li .SocialSharing a {
    background: none;
    filter: none;
}

.IgniteBarV1 li:last-child a {
    border-bottom: 0;
    height: 49px;
}

.IgniteBarV1 li:last-child a div {
    height: 49px;
    line-height: 49px;
}

.IgniteBarV1[data-total="2"] {
    margin-top: -50.5px;
}

.IgniteBarV1[data-total="3"] {
    margin-top: -76px;
}

.IgniteBarV1[data-total="4"] {
    margin-top: -101.5px;
}

.IgniteBarV1[data-total="5"] {
    margin-top: -127px;
}

.IgniteBarV1[data-total="6"] {
    margin-top: -152.5px;
}

html.no-js .IgniteBarV1 li.share {
    display: none;
}

body .IgniteBarV1 {
    top: -webkit-calc((100% + 108px) / 2);
    top: -moz-calc((100% + 108px) / 2);
    top: calc((100% + 108px) / 2);
}

body.withSubNavigation .IgniteBarV1 {
    top: -webkit-calc((100% + 108px + 41px) / 2);
    top: -moz-calc((100% + 108px + 41px) / 2);
    top: calc((100% + 108px + 41px) / 2);
}

@media screen and (min-width: 1px) and (max-width: 900px) {
    .IgniteBarV1, .IgniteBarV1.visible {
        display: none;
    }
}
