: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.sb-control-input:focus,.sb-control-input-textrea:focus{
border: 1px solid #8C8F9A!important;
border-radius: unset!important;
box-shadow: unset!important;
outline: unset!important;
.sb-control-input[disabled],.sb-control-input-textrea[disabled]{
background-color: #F3F4F5;
border: 1px solid #E8E8EB;
border: 1px solid #D0D1D7;
border-radius: 0 1px 1px 0 !important;
.sb-control-imagechooser-ctn{
border: 1px solid #ccc!important;
.sb-control-imagechooser-input,
.sb-control-imagechooser-input:focus{
box-shadow: none!important;
background: none!important;
.sb-control-imagechooser-btn svg{
.sb-control-imagechooser-btn{
border-left: 1px solid #ccc!important;
.sb-control-imagechooser-clear{
.sb-control-imagechooser-clear-icon{
.sb-control-imagechooser-clear-icon:hover{
.sb-control-imagechooser-clear-icon:before,
.sb-control-imagechooser-clear-icon:after{
background: currentColor;
-webkit-transform:rotate(45deg);
.sb-control-imagechooser-clear-icon:after{
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
.sb-control-imagechooser-padding{
padding-right: 31px!important;
.sb-control-checkbox-ctn{
border: 2px solid #D0D1D7;
.sb-control-checkbox-ctn > div{
.sb-control-checkbox-ctn:hover .sb-control-checkbox-hover{
.sb-control-checkbox-hover{
width: calc(100% + 40px);
.sb-control-checkbox[data-active="true"]{
background: var(--customizer-blue);
border-color: var(--customizer-blue);
.sb-control-checkbox[data-active="true"]:before{
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
/*Action Button Control*/
.sb-control-action-button{
border: 1px solid #DCDDE1;
.sb-control-action-button div{
.sb-control-action-button svg{
/* WPColorPicker Control Redesign */
.sb-control-colorpicker-ctn .wp-picker-default{
.sb-control-colorpicker-ctn .minicolors-theme-default.minicolors{
.sb-control-colorpicker-ctn .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
.minicolors-swatch-color{
.sb-control-colorpicker-ctn .minicolors-input,.sb-control-colorpicker-ctn .minicolors-input:focus{
border: 1px solid #D0D1D7!important;
border-radius: unset!important;
outline: unset!important;
box-shadow: unset!important;
padding: 0 10px!important;
.sb-control-colorpicker-ctn .minicolors-input:focus{
border: 1px solid #0096CC!important;
[data-type="colorpicker"] .minicolors-input{
[data-type="colorpicker"] .minicolors-input{
.sb-control-colorpicker-btn{
border: 1px solid #DCDDE1;
.sb-control-colorpicker-ctn[data-picker-style="reset"] .minicolors-input,
.sb-control-coloroverride-ctn{
background: #F3F4F5!important;
border: 1px solid #DCDDE1!important;
.sb-control-colorpicker-ctn[data-picker-style="reset"] .minicolors-theme-default.minicolors-position-right .minicolors-swatch,
.sb-control-coloroverride-ctn .sb-control-coloroverride-swatch{
.sb-control-coloroverride-ctn .sb-control-coloroverride-swatch{
.sb-control-coloroverride-ctn .sb-control-colorpicker-btn{
border-left: 1px solid #DCDDE1!important;
.sb-control-coloroverride-ctn .sb-control-coloroverride-content{
.sb-control-coloroverride-ctn .sb-control-coloroverride-txt{
width: calc(100% - 375px);
.sb-customizer-preview .ctf-admin-notices{
.sb-customizer-preview .license-details-modal .ctf-modal-content {
.sb-customizer-preview .ctf-sb-modal-body .sb-why-renew-list:nth-child(3) {
.sb-customizer-preview .ctf-sb-modal-body .sb-why-renew-list:last-child {
.sb-customizer-preview[data-preview-device="desktop"] .sb-preview-ctn{
.sb-customizer-preview[data-preview-device="tablet"] .sb-preview-ctn{
.sb-customizer-preview[data-preview-device="mobile"] .sb-preview-ctn{
.ctf-preview-ctn,.ctf-preview-empty-ctn{
.ctf-preview-disabled-content{
box-shadow: 0px 26.7377px 77.2886px rgba(0, 0, 0, 0.107828), 0px 14.2952px 41.3222px rgba(0, 0, 0, 0.0894161), 0px 8.01379px 23.1649px rgba(0, 0, 0, 0.075), 0px 4.25607px 12.3027px rgba(0, 0, 0, 0.0605839), 0px 1.77104px 5.11942px rgba(0, 0, 0, 0.0421718);
.ctf-preview-disabled-text{
.ctf-preview-disabled-actions{
justify-content: flex-end;
.ctf-preview-disabled-actions .ctf-fb-btn{
.sb-preview-top-chooser strong{
text-transform: uppercase;
.sb-preview-top-chooser strong > svg{
.sb-preview-chooser-btn,.sb-preview-chooser-btn:focus{
.sb-preview-chooser-btn svg{
.sb-preview-chooser-btn.sb-mobilee svg{
.sb-preview-chooser-btn[data-active="true"],
.sb-preview-chooser-btn:hover{
background: #fff!important;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
.sb-control-checkboxsection-header{
text-transform: uppercase;
.sb-control-checkboxsection-header:before{
width: calc(100% + 40px);
.sb-control-checkboxsection-name{
.sb-control-checkboxsection-header svg{
.sb-control-checkboxsection-header > strong{
[data-type="checkboxsection"] .sb-control-checkbox-ctn{
[data-type="checkboxsection"] {
padding: 0 20px !important;
[data-type="checkboxsection"] .sb-control-elem-label{
[data-type="checkboxsection"] strong{
[data-type="checkboxsection"] [data-active="true"] strong{
.sb-control-checkboxsection-btn{
.sb-control-checkboxsection-btn:before{
border-right: 2px solid #8C8F9A;
border-bottom: 2px solid #8C8F9A;
-webkit-transform: rotate(-45deg);