/*

 RTL style for Better Social Counter

*/

/**
 * 4. =>Style Button
 **/
.better-social-counter.style-button .social-item {
    float: right;
    margin: 0 0 4px 4px;
}


/**
 * 5. =>Style Clean
 **/
.better-social-counter.style-clean .item-icon {
    margin-left: 5px;
    float: right;
    margin-right: auto;
}
.better-social-counter.style-clean.in-2-col .social-item,
.better-social-counter.style-clean.in-3-col .social-item,
.better-social-counter.style-clean.in-4-col .social-item,
.better-social-counter.style-clean.in-5-col .social-item,
.better-social-counter.style-clean.in-6-col .social-item,
.better-social-counter.style-clean.in-7-col .social-item,
.better-social-counter.style-clean.in-8-col .social-item,
.better-social-counter.style-clean.in-9-col .social-item,
.better-social-counter.style-clean.in-10-col .social-item {
    float: right;
}


/**
 * . =>Style 6
 **/
.better-social-counter.style-style-6.in-2-col .social-item,
.better-social-counter.style-style-6.in-3-col .social-item,
.better-social-counter.style-style-6.in-3-col[max-width~="199px"] .social-item,
.better-social-counter.style-style-6.in-4-col[max-width~="199px"] .social-item,
.better-social-counter.style-style-6 .social-item,
.better-social-counter.style-style-6.in-5-col .social-item,
.better-social-counter.style-style-6.in-6-col .social-item,
.better-social-counter.style-style-6.in-7-col .social-item,
.better-social-counter.style-style-6.in-8-col .social-item,
.better-social-counter.style-style-6.in-9-col .social-item,
.better-social-counter.style-style-6.in-10-col .social-item{
    float: right;
}


/**
 * =>Style 7 & 8
 **/
.better-social-counter.style-style-7 .social-item {
    text-align: right;
}
.better-social-counter.style-style-8 .social-item {
    text-align: right;
    padding: 5px 5px 5px 10px;
}
.better-social-counter.style-style-8 .item-count,
.better-social-counter.style-style-7 .item-count {
    margin-right: 10px;
    margin-left: auto;
}
.better-social-counter.style-style-8 .item-join:before,
.better-social-counter.style-style-8 .item-count:before {
    margin-left: 10px;
    margin-right: auto;
}
.better-social-counter.style-style-8 .item-title,
.better-social-counter.style-style-7 .item-title {
    margin-right: 6px;
    margin-left: auto;
}
.better-social-counter.style-style-8 .item-join,
.better-social-counter.style-style-7 .item-join {
    float: left;
}


/**
 * =>Style 9 & 10
 **/
.better-social-counter.style-style-9 .social-item,
.better-social-counter.style-style-10 .social-item,
.better-social-counter.style-style-10 .item-icon,
.better-social-counter.style-style-9 .item-icon {
    text-align: right;
}
.better-social-counter.style-style-10 .item-count,
.better-social-counter.style-style-9 .item-count {
    margin-right: 5px;
    margin-left: auto;
}
.better-social-counter.style-style-9 .item-join:before,
.better-social-counter.style-style-10 .item-join:before,
.better-social-counter.style-style-9 .item-count:before,
.better-social-counter.style-style-10 .item-count:before {
    margin-left: 10px;
    margin-right: auto;
}
.better-social-counter.style-style-10 .item-title,
.better-social-counter.style-style-9 .item-title {
    margin-right: 6px;
    margin-left: auto;
}
.better-social-counter.style-style-10 .item-join,
.better-social-counter.style-style-9 .item-join {
    float: left;
}


/**
 * =>Style 11
 **/

.better-social-counter.style-style-11 .social-item,
.better-social-counter.style-style-11 .item-icon {
    text-align: right;
}
.better-social-counter.style-style-11 .item-count {
    margin-right: 7px;
    margin-left: auto;
}
.better-social-counter.style-style-11 .item-join:before,
.better-social-counter.style-style-11 .item-count:before {
    margin-left: 12px;
    margin-right: auto;
}
.better-social-counter.style-style-11 .item-title {
    margin-right: 6px;
    margin-left: auto;
}
.better-social-counter.style-style-11 .item-join {
    float: left;
}


/**
 * 6. =>Style Box
 **/
.better-social-counter.style-box .social-list {
    margin-right: -5px;
    margin-left: -5px;
}
.better-social-counter.style-box .social-item,
.better-social-counter.style-box.in-5-col .social-item,
.better-social-counter.style-box.in-6-col .social-item,
.better-social-counter.style-box.in-7-col .social-item,
.better-social-counter.style-box.in-8-col .social-item,
.better-social-counter.style-box.in-9-col .social-item,
.better-social-counter.style-box.in-10-col .social-item {
    float: right;
}


/**
 * 7. =>Style Modern
 **/
.better-social-counter.style-modern.in-2-col .social-item,
.better-social-counter.style-modern.in-3-col .social-item,
.better-social-counter.style-modern.in-3-col[max-width~="199px"] .social-item,
.better-social-counter.style-modern.in-4-col[max-width~="199px"] .social-item,
.better-social-counter.style-modern .social-item,
.better-social-counter.style-modern.in-5-col .social-item,
.better-social-counter.style-modern.in-6-col .social-item,
.better-social-counter.style-modern.in-7-col .social-item,
.better-social-counter.style-modern.in-8-col .social-item,
.better-social-counter.style-modern.in-9-col .social-item,
.better-social-counter.style-modern.in-10-col .social-item {
    float: right;
}


/**
 * 8. =>Style Name
 **/
.better-social-counter.style-name .social-item .item-icon {
    margin-left: 7px;
    margin-right: auto;
}


/**
 * 9. =>Style Big Button
 **/
.better-social-counter.style-big-button .social-item {
    float: right;
}
.better-social-counter.style-big-button .item-icon {
    margin-left: 15px;
    float: right;
    margin-right: auto;
}


/**
 * 10. =>Social Banner
 **/
.better-social-banner .banner-item {
    text-align: right;
}
.better-social-banner .banner-item .item-icon {
    left: 20px;
    right: auto;
}
.better-social-banner .banner-item .item-icon:before {
    left: 0;
    right: auto;
}


/**
 * 10.1. =>Facebook
 **/
.better-social-banner .banner-item.item-facebook .item-icon {
    left: -31px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-facebook .item-icon {
    left: -56px;
    right: auto;
}


/**
 * 10.2. =>Twitter
 **/
.better-social-banner .banner-item.item-twitter .item-icon {
    left: 10px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-twitter .item-icon {
    left: -15px;
    right: auto;
}


/**
 * 10.3. =>Google
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-google .item-icon {
    left: -10px;
    right: auto;
}


/**
 * 10.4. =>Youtube
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-youtube .item-icon {
    left: -15px;
    right: auto;
}


/**
 * 10.5. =>Dribbble
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-dribbble .item-icon {
    left: -6px;
    right: auto;
}


/**
 * 10.6. =>Vimeo
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-vimeo .item-icon {
    left: -8px;
    right: auto;
}


/**
 * 10.7. =>Delicious
 **/
.better-social-banner .banner-item.item-delicious .item-icon {
    left: 15px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-delicious .item-icon {
    left: -14px;
    right: auto;
}


/**
 * 10.8 =>Soundcloud
 **/
.better-social-banner .banner-item.item-soundcloud .item-icon {
    left: 25px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-soundcloud .item-icon {
    left: 2px;
    right: auto;
}


/**
 * 10.9. =>Github
 **/
.better-social-banner .banner-item.item-github .item-icon {
    left: 16px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-github .item-icon {
    left: -6px;
    right: auto;
}


/**
 * 10.10. =>Behance
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-behance .item-icon {
    left: 3px;
    right: auto;
}


/**
 * 10.11. =>VK
 **/
.better-social-banner .banner-item.item-vk .item-icon {
    left: 20px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-vk .item-icon {
    left: 2px;
    right: auto;
}


/**
 * 10.12. =>Vine
 **/
.better-social-banner .banner-item.item-vine .item-icon {
    left: 15px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-vine .item-icon {
    left: -10px;
    right: auto;
}


/**
 * 10.13. =>Pinterest
 **/
.better-social-banner .banner-item.item-pinterest .item-icon {
    left: 3px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-pinterest .item-icon {
    left: -16px;
    right: auto;
}


/**
 * 10.14. =>Flickr
 **/
.better-social-banner .banner-item.item-flickr .item-icon {
    left: 20px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-flickr .item-icon {
    left: -2px;
    right: auto;
}


/**
 * 10.15. =>Steam
 **/
.better-social-banner .banner-item.item-steam .item-icon {
    left: 20px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-steam .item-icon {
    left: 3px;
    right: auto;
}


/**
 * 10.16. =>Instagram
 **/
.better-social-banner .banner-item.item-instagram .item-icon {
    left: 23px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-instagram .item-icon {
    left: 2px;
    right: auto;
}


/**
 * 10.17. =>Forrst
 **/
.better-social-banner .banner-item.item-forrst .item-icon {
    left: 13px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-forrst .item-icon {
    left: -15px;
    right: auto;
}


/**
 * 10.18. =>Mailchimp
 **/
.better-social-banner .banner-item.item-mailchimp .item-icon {
    left: 24px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-mailchimp .item-icon {
    left: 0;
    right: auto;
}


/**
 * 10.19. =>Envato
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-envato .item-icon {
    left: -10px;
    right: auto;
}


/**
 * 10.20. =>RSS
 **/
.better-social-banner .banner-item.item-rss .item-icon {
    left: 0px;
    right: auto;
}
.better-social-banner[max-width~="250px"] .banner-item.item-rss .item-icon {
    left: -10px;
    right: auto;
}


/**
 * 10.21. =>Line
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-line .item-icon {
    left: -10px;
    right: auto;
}


/**
 * 10.22. =>Telegram
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-telegram .item-icon {
    left: -10px;
    right: auto;
}


/**
 * 10.23. =>Viber
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-viber .item-icon {
    left: -10px;
    right: auto;
}


/**
 * 10.24. =>BBM
 **/
.better-social-banner[max-width~="250px"] .banner-item.item-bbm .item-icon {
    left: -10px;
    right: auto;
}
