.bapf_sfilter.bapf_colorinline li {
display: inline-block !important;
}
.bapf_sfilter .bapf_clr_span,
.bapf_sfilter .bapf_img_span {
display: inline-block!important;
position: relative;
overflow: hidden;
margin: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-top: 5px;
height: 2em;
width: 2em;
line-height: 2em;
border: 2px solid black;
text-align: center;
vertical-align: middle;
color: #222 !important;
text-shadow:
0px    0px  3px #FFF,
1px    0px  2px #FFF,
0px    1px  2px #FFF,
-1px    0px  2px #FFF,
0px   -1px  2px #FFF,
1px    1px  2px #FFF,
1px   -1px  2px #FFF,
-1px    1px  2px #FFF,
-1px   -1px  2px #FFF;
-webkit-transition: all 0.2s ease-out 0.1s;
-moz-transition: all 0.2s ease-out 0.1s;
-o-transition: all 0.2s ease-out 0.1s;
transition: all 0.2s ease-out 0.1s;
}
.bapf_sfilter .bapf_clr_span.h1em,
.bapf_sfilter .bapf_img_span.h1em {
height: 1em;
line-height: 1em;
}
.bapf_sfilter .bapf_clr_span.h2em,
.bapf_sfilter .bapf_img_span.h2em {
height: 2em;
line-height: 2em;
}
.bapf_sfilter .bapf_clr_span.h3em,
.bapf_sfilter .bapf_img_span.h3em {
height: 3em;
line-height: 3em;
}
.bapf_sfilter .bapf_clr_span.h4em,
.bapf_sfilter .bapf_img_span.h4em {
height: 4em;
line-height: 4em;
}
.bapf_sfilter .bapf_clr_span.h5em,
.bapf_sfilter .bapf_img_span.h5em {
height: 5em;
line-height: 5em;
}
.bapf_sfilter .bapf_clr_span.w1em,
.bapf_sfilter .bapf_img_span.w1em {
width: 1em;
}
.bapf_sfilter .bapf_clr_span.w2em,
.bapf_sfilter .bapf_img_span.w2em {
width: 2em;
}
.bapf_sfilter .bapf_clr_span.w3em,
.bapf_sfilter .bapf_img_span.w3em {
width: 3em;
}
.bapf_sfilter .bapf_clr_span.w4em,
.bapf_sfilter .bapf_img_span.w4em {
width: 4em;
}
.bapf_sfilter .bapf_clr_span.w5em,
.bapf_sfilter .bapf_img_span.w5em {
width: 5em;
}
.bapf_sfilter .bapf_img_span.w1em.h1em .fa,
.bapf_sfilter .bapf_img_span.w2em.h1em .fa,
.bapf_sfilter .bapf_img_span.w3em.h1em .fa,
.bapf_sfilter .bapf_img_span.w4em.h1em .fa,
.bapf_sfilter .bapf_img_span.w5em.h1em .fa,
.bapf_sfilter .bapf_img_span.w1em.h2em .fa,
.bapf_sfilter .bapf_img_span.w1em.h3em .fa,
.bapf_sfilter .bapf_img_span.w1em.h4em .fa,
.bapf_sfilter .bapf_img_span.w1em.h5em .fa {
font-size: 0.8em;
}
.bapf_sfilter .bapf_img_span.w2em.h2em .fa,
.bapf_sfilter .bapf_img_span.w3em.h2em .fa,
.bapf_sfilter .bapf_img_span.w4em.h2em .fa,
.bapf_sfilter .bapf_img_span.w5em.h2em .fa,
.bapf_sfilter .bapf_img_span.w2em.h3em .fa,
.bapf_sfilter .bapf_img_span.w2em.h4em .fa,
.bapf_sfilter .bapf_img_span.w2em.h5em .fa {
font-size: 1.6em;
}
.bapf_sfilter .bapf_img_span.w3em.h3em .fa,
.bapf_sfilter .bapf_img_span.w4em.h3em .fa,
.bapf_sfilter .bapf_img_span.w5em.h3em .fa,
.bapf_sfilter .bapf_img_span.w3em.h4em .fa,
.bapf_sfilter .bapf_img_span.w3em.h5em .fa {
font-size: 2.4em;
}
.bapf_sfilter .bapf_img_span.w4em.h4em .fa,
.bapf_sfilter .bapf_img_span.w5em.h4em .fa,
.bapf_sfilter .bapf_img_span.w4em.h5em .fa {
font-size: 3.2em;
}
.bapf_sfilter .bapf_img_span.w5em.h5em .fa {
font-size: 4em;
}
.bapf_sfilter .bapf_clr_span .bapf_clr_span_abslt {
position: relative;
z-index: 100;
}
.bapf_sfilter .bapf_img_span .bapf_clr_span_abslt {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bapf_sfilter.brchecked_default input:checked + label .bapf_clr_span,
.bapf_sfilter.brchecked_default input:checked + label .bapf_img_span,
.bapf_sfilter.brchecked_rotate input:checked + label .bapf_clr_span,
.bapf_sfilter.brchecked_rotate input:checked + label .bapf_img_span {
-webkit-transform:rotate(15deg);
-moz-transform:rotate(15deg);
-ms-transform:rotate(15deg);
-o-transform:rotate(15deg);
transform:rotate(15deg);
}
.bapf_sfilter.brchecked_scale input:checked + label .bapf_clr_span,
.bapf_sfilter.brchecked_scale input:checked + label .bapf_img_span {
transform: scale(1.1);
}
.bapf_sfilter.brchecked_image_shadow input:checked + label .bapf_clr_span,
.bapf_sfilter.brchecked_shadow input:checked + label .bapf_clr_span,
.bapf_sfilter.brchecked_shadow input:checked + label .bapf_img_span {
box-shadow: 0px 0px 1px 3px #8888FF;
}
.bapf_sfilter.brchecked_image_shadow input:checked + label .bapf_img_span {
-webkit-filter: drop-shadow(0px 0px 2px);
-moz-filter: drop-shadow(0px 0px 2px);
-o-filter: drop-shadow(0px 0px 2px);
filter: drop-shadow(0px 0px 2px);
}
.bapf_sfilter.brchecked_hue_rotate input:checked + label .bapf_clr_span,
.bapf_sfilter.brchecked_hue_rotate input:checked + label .bapf_img_span {
-webkit-filter: hue-rotate(90deg);
-moz-filter: hue-rotate(90deg);
-o-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);
}
.bapf_sfilter.divi_color_class .bapf_clr_multi,
.bapf_sfilter .bapf_clr_multi {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
transform: rotateZ(45deg);
padding: 0;
margin: 0;
box-sizing: border-box;
}
.bapf_sfilter .bapf_clr_multi {
margin-top: -2em;
margin-bottom: -2em;
}
.bapf_sfilter .bapf_clr_multi.bapf_clr_multi_gradient {
transform: none;
margin-top: 0;
margin-bottom: 0;
}
.bapf_sfilter .bapf_clr_multi .bapf_clr_multi_singl {
position: absolute;
top: -50%;
bottom: -50%;
padding: 0;
margin: 0;
box-shadow: none;
box-sizing: border-box;
border: 0;
}
.bapf_sfilter .bapf_clr_multi_2 .bapf_clr_multi_singl,
.bapf_sfilter .bapf_clr_multi_3 .bapf_clr_multi_singl {
width:100%;
}
.bapf_sfilter .bapf_clr_multi_3 .bapf_clr_multi_singl_1 {
width:34%;
}
.bapf_sfilter .bapf_clr_multi_3 .bapf_clr_multi_singl_0,
.bapf_sfilter .bapf_clr_multi_3 .bapf_clr_multi_singl_2 {
width:83%;
}
.bapf_sfilter .bapf_clr_multi_4 .bapf_clr_multi_singl {
width:25%;
}
.bapf_sfilter .bapf_clr_multi_4 .bapf_clr_multi_singl_0,
.bapf_sfilter .bapf_clr_multi_4 .bapf_clr_multi_singl_3 {
width:75%;
}
.bapf_sfilter .bapf_clr_multi .bapf_clr_multi_singl_0 {
left:-50%;
}
.bapf_sfilter .bapf_clr_multi_2 .bapf_clr_multi_singl_1 {
left:50%;
}
.bapf_sfilter .bapf_clr_multi_3 .bapf_clr_multi_singl_1 {
left:33%;
}
.bapf_sfilter .bapf_clr_multi_4 .bapf_clr_multi_singl_1 {
left:25%;
}
.bapf_sfilter .bapf_clr_multi_3 .bapf_clr_multi_singl_2 {
left:67%;
}
.bapf_sfilter .bapf_clr_multi_4 .bapf_clr_multi_singl_2 {
left:50%;
}
.bapf_sfilter .bapf_clr_multi_4 .bapf_clr_multi_singl_3 {
left:75%;
}
.bapf_sfilter.bapf_clr_txt_left .bapf_img_span {
margin-right: 0;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.bapf_sfilter.bapf_clr_txt_right .bapf_img_span {
margin-right: 10px;
margin-left: 0;
margin-top: 5px;
margin-bottom: 5px;
}
.bapf_sfilter.bapf_clr_txt_top .bapf_img_span,
.bapf_sfilter.bapf_clr_txt_bottom .bapf_img_span {
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.bapf_sfilter.bapf_colorinline.bapf_clr_txt_top li label,
.bapf_sfilter.bapf_colorinline.bapf_clr_txt_bottom li label {
display: inline-block!important;
text-align: center;
}
.bapf_sfilter.bapf_clr_txt_top .bapf_clr_text,
.bapf_sfilter.bapf_clr_txt_bottom .bapf_clr_text {
display: block;
margin-right: 10px;
margin-left: 10px;
}
.bapf_colorinline .bapf_body li {
text-align: center;
} .bapf_img_woborder.bapf_sfilter .bapf_img_span {
border:none;
overflow: visible;
}
.bapf_clr_woborder.bapf_sfilter .bapf_clr_span {
border:none;
}