.navigation .nav-links a:focus, 
.bttn:focus, 
button, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus {
background: #DC3522;
color: #ffffff !important;
}
.entry-footer a:focus {
color: #DC3522;
}
.navigation .nav-links a:focus{
background: none;
color: #dc3522 !important;
}
.comment-author .fn .url:focus {
background: #dc3522;
color: #FFF;
}
#top-navigation .menu li a:focus,
#top-right-navigation .menu li a:focus,
#footer-navigation ul li a:focus{
color: #cccccc;
}
#top-navigation ul li.focus > ul.sub-menu,
#footer-navigation ul li.focus > ul.sub-menu{
opacity: 1;
visibility: visible;
top: 24px;
left: 0;
}
#footer-navigation ul li:focus > ul.sub-menu {
bottom: 28px;
left: 7px;
top: auto;
}
#top-navigation ul.sub-menu > li:focus ul,
#footer-navigation ul.sub-menu > li:focus ul{
left: 100%;
top: 0;
}
#footer-navigation ul.sub-menu > li:focus ul{
bottom: -6px;
top: auto;	
}
#site-navigation .menu ul li:focus > ul.children,
#top-right-navigation .menu li:focus > ul,#footer-navigation ul li:focus > ul {
display: block;
}
#site-navigation ul.menu > li:focus > a:after
{
border-bottom: 1px solid #dc3522;
bottom: -14px;
content: "";
left: 0;
position: absolute;
width: 100%;
}
#site-navigation ul li.focus > a, 
#site-navigation ul li.current-menu-item > a, 
#site-navigation ul li.current-menu-ancestor > a{
color: #dc3522;
}
#site-navigation li:focus-within > ul.sub-menu {
opacity: 1;
visibility: visible;
top: 49px;
left: 0;
z-index: 9;
}
#site-navigation ul.sub-menu li:focus,
{
border-bottom: 1px solid #dc3522;
}
#site-navigation ul.sub-menu > li:focus  ul{
top: 0;
left: 100%;
}
.random-post a:focus{
color: #dc3522;
}
.search-icon > i:focus{
color: #dc3522;
}
.ak-search .search-form .search-submit:focus{
background: #a5281b;
}
.slider-wrapper .bx-wrapper:focus .bx-controls-direction{
opacity: 1;
}
.slider-wrapper .bx-pager-item a:focus,
.slider-wrapper .bx-pager-item a.active{
background: #808080;
}
.small-slider-wrapper a:focus img,
.slider a:focus  img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
}
.block-post-wrapper .post-title a:focus,
.random-posts-wrapper .post-title a:focus,
.sidebar-posts-wrapper .post-title a:focus,
.review-posts-wrapper .single-review .post-title a:focus,
.latest-single-post a:focus{
color: #DC3522;
}
.block-poston a:focus{
color: #DC3522;
}
.post-image:focus .big-image-overlay{
background: rgba(0,0,0,0.5);
}
.post-image:focus img,
.post-img:focus img{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
.post-image.non-zoomin:focus img,
.post-img.non-zoomin:focus img,
.non-zoomin .post-image:focus img,
.non-zoomin .post-img:focus img{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);	
}
.post-image:focus .big-image-overlay i{
top: 50%;
opacity:1;
visibility: visible;
}
.big-image-overlay i:focus{
border-radius: 100%;
}
.contributors-wrapper .single-user:focus .user-name{
opacity: 1;
visibility: visible;
}
.widget_newsletterwidget .newsletter-submit:focus{
color: #ffffff !important;
}
.bottom-footer .ak-info a:focus{
color: #dc3522;
}
#footer-navigation ul li a:focus{
color: #c62c1a;
}
.widget ul li:focus a,
.widget ul li:focus:before{
color: #DC3522;
}
.widget_tag_cloud .tagcloud > a:focus {
color: #dc3522;
}
#back-top:focus{
background: #dc3522;
}
.woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus,
.woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus {
background-color: #B92615;
}
.woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus {
color: #fff;
}
nav.woocommerce-MyAccount-navigation ul li:focus {
background: none;
}
nav.woocommerce-MyAccount-navigation ul li:focus a {
color: #e24545;
}@media (max-width: 1200px) {
body.boxed-layout {
width: 100%;
}
} @media (max-width: 1132px) {
.apmag-container {
margin: 0 auto;
width: 99%;
padding: 0 1%;
}
.site-branding {
width: 30%;
} .big_slide:after,
.small_slide:after {
width: 100%;
}
.small-slider-wrapper {
float: right;
width: 41.5%;
}
.slide-image > img {
width: 100%;
}
.small-slider-wrapper a:last-child {
display: none;
}
.ak-search .search-form {
width: 96%;
margin-left: -48%;
}
.post-review-wrapper .summary-details {
width: 68%;
}
.total-reivew-wrapper {
width: 30%;
}
.block-poston .comment_count i,
.block-poston .apmag-post-views i {
margin: 0 8px 0 20px;
}
.ak-search .search-form .search-submit {
-webkit-appearance: none;
font-size: 16px;
}
.newsletter-widget .newsletter-email{
width: 130px;
}
.header-ad{
width: 69%;
}
.sidebar-top-ad,
.homepage-middle-ad, .article-ad-section{
width: 100%;
}
} @media (max-width: 979px) {
.entry-meta .apmag-post-views,
.entry-meta .comment_count {
display: inline-block;
float: none;
margin: 0 0 5px 10px;
}
.block-poston a,
.block-poston span {
font-size: 12px;
}
.block-poston .comment_count i,
.block-poston .apmag-post-views i {
margin: 0 8px 0 12px;
}
.block-post-wrapper .post-title,
.sidebar-posts-wrapper .first-post .post-title,
.review-posts-wrapper .single-review.top-post .post-title {
font-size: 18px;
line-height: 22px;
margin: 5px 0;
}
.bottompost-wrapper .post-title,
.second-block-wrapper .rightposts-wrapper .post-title,
.random-posts-wrapper .post-title,
.sidebar-posts-wrapper .post-title,
.review-posts-wrapper .post-title {
font-size: 14px;
line-height: 18px;
}
.slide-excerpt {
display: none;
}
.mag-small-slider-caption .slide-title {
font-size: 15px;
line-height: 15px;
}
.bottom-footer .site-info {
display: block;
float: none;
}
.subfooter-menu {
float: none;
}
.bottom-footer .ak-info {
display: block;
margin: 5px 0;
}
.oops {
font-size: 120px;
width: 40%;
}
.error404 .error-num {
width: 50%;
}
.error404 .not_found {
padding-left: 20px;
}
.newsletter-widget .newsletter-email {
width: 110px;
}
} @media(max-width: 768px) {
.big_slide{
width: 100%;
}
}
@media (max-width: 767px) {
.site-branding {
float: none;
margin-bottom: 15px;
padding-top: 5px;
text-align: center;
width: 100%;
}
#site-navigation .search-icon, #site-navigation .random-post {
position: absolute;
top: 0;
}
#site-navigation .search-icon {
left: 43px;
}
#site-navigation .random-post {
left: 10px;
}
#top-navigation .menu li {
display: inline-block;
float: none;
}
#top-navigation {
text-align: center;
}    
.nav-wrapper .menu {
display: none;
}
.nav-wrapper .nav-toggle {
display: block;
}
.small-slider-wrapper {
display: none;
}
#site-navigation .nav-wrapper {
float: none;
padding: 0;
text-align: right;
}
#site-navigation .nav-wrapper.active {
padding-bottom: 10px;
}
.nav-wrapper .nav-toggle {
display: inline-block;
margin-top: 6px;
cursor: pointer;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
transition: background 0.5s ease;
}
#site-navigation ul li {
border-bottom: 1px solid #3d3d3d;
float: none;
padding: 5px 0;
text-align: left;
}
#site-navigation ul li:hover,
#site-navigation ul.menu > li.current-menu-item,
#site-navigation ul.menu > li.current-menu-ancestor {
border-bottom: 1px solid #DC3522;
}
.sub-toggle {
background: none repeat scroll 0 0 #dc3522;
color: #ffffff;
display: block;
height: 20px;
line-height: 20px;
position: absolute;
right: 5px;
text-align: center;
top: 7px;
width: 20px;
cursor: pointer;
}
#site-navigation ul.sub-menu li:last-child {
border: medium none;
}
#site-navigation ul.sub-menu {
display: none;
position: static;
opacity: 1;
visibility: visible;
box-shadow: none;
padding: 0;
width: 100%;
}
#site-navigation ul.sub-menu > li {
padding-left: 25px;
}
#site-navigation ul.sub-menu li:after {
position: absolute;
left: 12px;
top: 6px;
content: "\f105";
font-family: "FontAwesome";
}
#site-navigation ul.sub-menu li:hover:after,
#site-navigation ul.sub-menu li.current-menu-item:after,
#site-navigation ul.sub-menu li.current-menu-ancestor:hover:after {
color: #dc3522;
}
#site-navigation ul li a {
display: block;
}
#site-navigation ul.menu > li:hover > a:after,
#site-navigation ul.menu > li.current-menu-item > a:after,
#site-navigation ul.menu > li.current-menu-ancestor > a:after {
display: none;
}
.big_slide {
width: 100%;
}
#secondary-right-sidebar,
#secondary-left-sidebar,
#primary {
width: 100%;
float: none;
}
.top-footer .footer-block-wrapper {
margin-left: 0;
}
.footer-block-wrapper .footer-block {
width: 100% !important;
float: none !important;
margin: 0 0 20px !important;
}
.random-posts-wrapper .post-img,
.sidebar-posts-wrapper .post-image,
.review-posts-wrapper .single-review .post-image,
.latest-single-post .post-img{
width: 16% !important;
}
.random-posts-wrapper .post-desc-wrapper,
.sidebar-posts-wrapper .post-desc-wrapper,
.review-posts-wrapper .single-review .post-desc-wrapper,
.latest-single-post .post-desc-wrapper{
width: 80%;
}
.block-post-wrapper .bottompost-wrapper .post-title {
font-size: 14px;
line-height: 18px;
}
.oops {
font-size: 120px;
padding: 0;
text-align: center;
width: 100%;
}
.error404 .error-num {
text-align: center;
width: 100%;
}
.error404 .error-num .num {
margin: 20px auto;
}
.header-ad,.homepage-middle-ad, .article-ad-section{
width: 100%;
float: none;
}
.sidebar-top-ad .ad_content{
width: 300px;
}
#site-navigation {
position: relative !important;
}
.apmag-slider-area{
width: 100%;
margin-bottom: 5px;
padding: 0;
}
.beside-highlight-area{
width: 100%;
padding: 0;
}
.signle-highlight-post{
width: 49%;
margin:2px 1px;
float: none;
display: inline-block;
}
.signle-highlight-post img{
width: 100%;
}
} @media (max-width: 579px) {
.top-menu-wrapper {
display: none;
}
.apmag-news-ticker {
display: none;
}
.big-cat-box {
width: 115px;
padding: 10px;
}
.single_post.top-post {
display: block;
float: none;
margin-left: 0;
width: 100%;
}
.block-post-wrapper {
margin-left: 0;
}
.bottompost-wrapper .single_post {
display: block;
float: none;
margin-left: 0;
width: 100%;
}
.bottompost-wrapper .post-image,
.second-block-wrapper .rightposts-wrapper .post-image,
.random-posts-wrapper .post-img,
.sidebar-posts-wrapper .post-image,
.review-posts-wrapper .single-review .post-image {
width: 22%;
}
.bottompost-wrapper .post-desc-wrapper,
.second-block-wrapper .rightposts-wrapper .post-desc-wrapper,
.random-posts .post-desc-wrapper,
.sidebar-posts-wrapper .post-desc-wrapper,
.review-posts-wrapper .single-review .post-desc-wrapper {
width: 74%;
}
.leftposts-wrapper,
.second-block-wrapper .rightposts-wrapper {
float: none;
width: 100%;
}
.forth-block .single_post,
.forth-block .block-post-wrapper {
margin-left: 0;
width: 100%;
}
.sidebar-posts-wrapper .first-post .post-image,
.review-posts-wrapper .single-review.top-post .post-image {
margin-bottom: 20px;
width: 100% !important;
}
.mag-slider-caption .slide-title {
font-size: 18px;
}
.big-cat-box .cat-name {
font-size: 14px;
}
#top-navigation .menu li a {
padding: 0 5px;
}
.top-footer {
padding: 30px 0 10px;
}
.single-post .entry-title,
.archive .entry-title,
.search-results .entry-title {
font-size: 22px;
}
.entry-meta .apmag-post-views,
.entry-meta .comment_count {
display: inline-block;
float: none;
margin-left: 15px;
margin-top: 5px;
}
.nav-links .nav-previous,
.nav-links .nav-next {
display: block;
float: left;
margin-bottom: 15px;
text-align: left !important;
width: 100%;
}
.entry-meta .post-categories li {
margin-bottom: 5px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
.single-post-style1-template .post_image,
.archive-page-style1-template .post-image img {
width: 100%;
}
.post-review-wrapper .summary-details {
width: 100%;
float: none;
text-align: center;
}
.total-reivew-wrapper {
border: medium none;
float: none;
margin: 20px auto;
text-align: center;
width: 130px;
}
#comments .cmm-box-left, #comments .cmm-box-right {
float: none;
width: 100%;
}
#comments .cmm-box-right{
margin-bottom: 20px;
}
#top-navigation {
float: none;
}
#top-right-navigation {
float: none;
text-align: center;
}
#top-right-navigation .menu li {
display: inline-block;
float: none;
}
.header-ad,.homepage-middle-ad, .article-ad-section{
width: auto;
float: none;
}
}
@media (max-width: 480px) {
.ak-search .search-form .search-field{
width: 80%;
}
.ak-search .search-form .search-submit{
width: 20%;
}
.apmag-slider-area{
margin-bottom: 10px;
}
.signle-highlight-post{
width: 100%;
margin: 0 0 10px 0;
}
} @media (max-width: 767px) {
.rtl #site-navigation ul li {
float: none;
text-align: right;        
}
.rtl #site-navigation .nav-wrapper{
float: none;
}
.rtl .sub-toggle {
right: inherit;
left: 0;
}
.rtl .sub-toggle .fa{
transform: rotate(180deg);
}
.rtl #site-navigation ul.sub-menu li:after{
left: inherit;
right: 0;
content: "\f104";
}
}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; }
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
#rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 98px; height: 65px; }
#rpwwt-recent-posts-widget-with-thumbnails-3 img { width: 75px; height: 75px; }
#rpwwt-recent-posts-widget-with-thumbnails-4 img { width: 75px; height: 75px; }
#rpwwt-recent-posts-widget-with-thumbnails-5 img { width: 75px; height: 75px; }
#rpwwt-recent-posts-widget-with-thumbnails-6 img { width: 75px; height: 75px; }@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}
}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}.ssbp-spinner:before{font-family:'ssbp';content:"\e614"}
.ssbp-spinner{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}
.ssbp-btn:before,.ssbp-toggle-switch:before{display:inline-block;font-family:'ssbp';speak:none;font-size:18px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none}
.ssbp-arrow-right:before{content:"\e612"}.ssbp-arrow-left:before{content:"\e613"}
.ssbp-arrow-down:before{content:"\e619"}.ssbp-arrow-up:before{content:"\e61a"}
.ssbp-chevron-down:before,.ssbp-toggle-switch:before{content:"\e618"}
.ssbp-chevron-up:before,.ssbp--state-hidden .ssbp-toggle-switch:before{content:"\e615"}
.ssbp-chevron-right:before,.ssbp--fixed-right .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-left .ssbp-toggle-switch:before{content:"\e616"}
.ssbp-chevron-left:before,.ssbp--fixed-left .ssbp-toggle-switch:before,.ssbp--state-hidden.ssbp--fixed-right .ssbp-toggle-switch:before{content:"\e617"}
.ssbp-simplesharebuttons:before{content:"\e611"}
.ssbp-wrap *,.ssbp-wrap *:before,.ssbp-wrap *:after{box-sizing:border-box}.ssbp-input-url-div,.ssbp-total-shares,.ssba-hide-button.ssbp-each-share,.ssbp-toggle-switch,.ssbp-text{display:none}
.ssbp-wrap{color:#272727;display:block;font-size:0;padding:0;position:relative;width:fit-content}
.ssbp-wrap.ssbp--centred{display:block;text-align:center}.ssbp-wrap.ssbp--aligned-right{display:block;text-align:right}
.ssbp-wrap.ssbp--aligned-right .ssbp-container{display:inline}.ssbp-wrap .ssbp-container{width:fit-content}
.ssbp-wrap .ssbp-container,.ssbp-wrap .ssbp-toggle-switch{font-size:16px}.ssbp-wrap .ssbp-list{list-style:none;display:inline-block;vertical-align:middle;margin:0;padding:0}
.ssbp-wrap .ssbp-list li{margin-top:1rem;position:relative;display:inline-block;vertical-align:top}
.ssbp-wrap .ssbp-list li:first-of-type{margin-left:0}.ssbp-wrap .ssbp-btn{display:inline-block;text-align:center;text-decoration:none;font-family:sans-serif}
.ssbp-wrap.ssbp--stacked .ssbp-list li,.ssbp-wrap.ssbp--fixed-left .ssbp-list li,.ssbp-wrap.ssbp--fixed-right .ssbp-list li{display:block;margin-top:6px;margin-left:0 !important;margin-right:0 !important}
.ssbp-wrap.ssbp--stacked .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-left .ssbp-list li:first-of-type,.ssbp-wrap.ssbp--fixed-right .ssbp-list li:first-of-type{margin-top:0}
.ssbp-wrap[class*="ssbp--fixed"]{position:fixed;z-index:99999}.ssbp-wrap[class*="ssbp--fixed"] .ssbp-container{-webkit-transition:.25s;transition:.25s}
.ssbp-wrap.ssbp--fixed-top,.ssbp-wrap.ssbp--fixed-bottom{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.ssbp-wrap.ssbp--fixed-left,.ssbp-wrap.ssbp--fixed-right{top:25%}.ssbp-wrap.ssbp--fixed-top{top:0}
.ssbp-wrap.ssbp--fixed-bottom{bottom:0}.ssbp-wrap.ssbp--fixed-left{left:0}.ssbp-wrap.ssbp--fixed-right{right:0}
.ssbp-wrap[data-ssbp-counts="true"] .ssbp-each-share{display:block;pointer-events:none}
.ssbp-wrap[data-ssbp-total-counts="true"] .ssbp-total-shares{display:inline-block;padding:0 .5em;text-align:center;font-size:14px;line-height:2}
.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-right .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--stacked .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-left .ssbp-total-shares,.ssbp-wrap[data-ssbp-total-counts="true"].ssbp--fixed-right .ssbp-total-shares{display:block;padding:0}
.ssbp-toggle-switch{position:absolute;padding:0;border:0;background:transparent;text-align:center;cursor:pointer;-webkit-transition:.25s;transition:.25s;display:none}
.ssbp-toggle-switch:active,.ssbp-toggle-switch:hover,.ssbp-toggle-switch:focus{padding:0;border:0}
.ssbp--fixed-left .ssbp-toggle-switch,.ssbp--fixed-right .ssbp-toggle-switch{left:0;bottom:100%;width:100%}
.ssbp--fixed-top .ssbp-toggle-switch,.ssbp--fixed-bottom .ssbp-toggle-switch{left:100%;bottom:0;height:100%}
.ssbp--show-toggle.ssbp--fixed-top .ssbp-toggle-switch:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.ssbp--show-toggle.ssbp--fixed-bottom .ssbp-toggle-switch:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.ssbp--show-toggle.ssbp--fixed-right .ssbp-toggle-switch:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.ssbp--state-hidden .ssbp-each-share{opacity:0}.ssbp--state-hidden .ssbp-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.ssbp--state-hidden.ssbp--fixed-top .ssbp-container{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.ssbp--state-hidden.ssbp--fixed-bottom .ssbp-container{-webkit-transform:translateY(100%);transform:translateY(100%)}
.ssbp--state-hidden.ssbp--fixed-left .ssbp-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.ssbp--state-hidden.ssbp--fixed-right .ssbp-container{-webkit-transform:translateX(100%);transform:translateX(100%)}
@-webkit-keyframes ripple-out{100%{visibility:visible;top:-1em;right:-1em;bottom:-1em;left:-1em;opacity:0}
}@keyframes ripple-out{100%{visibility:visible;top:-1em;right:-1em;bottom:-1em;left:-1em;opacity:0}
}
#ssba-bar-2.left{position:fixed;top:25vh;z-index:10000}#ssba-bar-2.right{max-width:fit-content;position:fixed;right:0;top:25vh;z-index:10000}
#ssba-bar-2.left .ssbp-bar-list{max-width:84px;text-align:left;min-width:auto;margin:0;padding:0;list-style:none}
#ssba-bar-2.right .ssbp-bar-list{max-width:84px;text-align:right;min-width:auto;margin:0;padding:0;list-style:none}
#ssba-bar-2 .ssbp-bar-list li{margin:0;margin-left:0;margin-right:0;display:block;position:relative}
#ssba-bar-2 ul li a{max-width:84px;display:block}.ssba-plus-2{width:100%}.ssba-classic-2{width:100%}
.ssbp-each-share, #ssba-bar-2 li .ssbp-each-share{display:block}
.right li .ssbp-each-share{left:unset;right:100%;margin-right:-12px;margin-left:0}
.ssbp-text { font-size: 1rem; font-weight: 600; }
#ssba-bar-2 .ssbp-each-share { left: unset; right: -1.5rem; top: 1rem; }
.ssbp-btn.ssbp-surfingbird span:not(.color-icon) svg polygon,
.ssbp-btn.ssbp-douban span:not(.color-icon) svg {
fill: #fff;
}
.ssbp-btn .color-icon svg { display: none; }
.ssbp-btn svg,
.ssbp-btn img { height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; }
.ssbp-btn { position: relative; transition: all .3s; }
.ssbp--theme-1 .ssbp-btn,
.ssbp--theme-6 .ssbp-btn { border-radius: 50%; }
.ssbp--theme-1 .ssbp-btn:hover span:not(.color-icon) svg { display: none; }
.ssbp--theme-2 .ssbp-btn { transition: all .3s; }
.ssbp--theme-2 .ssbp-btn:hover,
.ssbp--theme-3 .ssbp-btn:hover,
.ssbp--theme-4 .ssbp-btn:hover,
.ssbp--theme-10 .ssbp-btn:hover,
.ssbp--theme-11 .ssbp-btn:hover { filter: saturate(.5) }
.ssbp--theme-3 .ssbp-btn .ssbp-text,
.ssbp--theme-7 .ssbp-btn .ssbp-text {display: block;position: absolute;bottom: -21px;font-size: 13px;text-align: center;left: 50%;transform: translateX(-50%);text-shadow: 0 0 1px #8a8a8a;color: white;}
.ssbp--theme-4 .ssbp-btn,
.ssbp--theme-11 .ssbp-btn { border-radius: .5rem;}
.ssbp--theme-5 .ssbp-btn { box-shadow: 0 10px 12px rgb(0 0 0 / 33%) }
.ssbp--theme-5 .ssbp-btn:before { box-shadow: 0 8px 0; filter:brightness(.8); position: absolute; content: ''; bottom: 1px; left: 0; width: 100%; height: 8px;}
.ssbp--theme-6 .ssbp-btn:not(:hover) span:not(.color-icon) svg,
.ssbp--theme-7 .ssbp-btn:not(:hover) span:not(.color-icon) svg,
.ssbp--theme-9 .ssbp-btn img:not(.color-icon) { display:none; }
.ssbp--theme-6 .ssbp-btn:not(:hover) .color-icon svg,
.ssbp--theme-7 .ssbp-btn:not(:hover) .color-icon svg,
.ssbp--theme-9 .ssbp-btn .color-icon svg,
.ssbp--theme-1 .ssbp-btn:hover .color-icon svg { display: block; height: 20px; width: 20px; }
.ssbp--theme-1 .ssbp-btn:hover,
.ssbp--theme-6 .ssbp-btn:not(:hover),
.ssbp--theme-7 .ssbp-btn:not(:hover),
.ssbp--theme-8 .ssbp-btn { background-color: transparent!important; border: 2px solid; }
.ssbp--theme-8 .ssbp-btn { border-color: black; }
.ssbp--theme-8 .ssbp-btn { filter: saturate( 0 ) brightness( 0 ); }
.ssbp--theme-8 .ssbp-btn:hover { filter: saturate(0); background-color: black!important; }
.ssbp--theme-9 .ssbp-btn { background-color: transparent!important; border-bottom: 3px solid; }
.ssbp--theme-9 .ssbp-btn:hover { filter: brightness(1.4); }
.ssbp--theme-10 .ssbp-btn svg { height: unset!important; }
.ssbp--theme-10 .ssbp-btn,
.ssbp--theme-11 .ssbp-btn { height: auto!important; width: auto!important; padding: .5rem 1rem; }
.ssbp--theme-10 .ssbp-btn svg { position: unset; transform: none; padding: 1.5rem 0; }
.ssbp--theme-11 .ssbp-btn svg { display: none; }
.ssbp--theme-11 .ssbp-btn .ssbp-text { color: white!important; display: block; }
.ssbp-each-share {
position: absolute;
bottom: -1.5rem;
color: black;
font-size: 1rem;
left: 50%;
transform: translateX(-50%)
}