: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.jetpack-masterbar .sb-customizer-sidebar {
body.folded .sb-customizer-sidebar{
.sb-customizer-sidebar-tab-ctn{
.sb-customizer-sidebar-tab{
border-bottom: 2px solid #F3F4F5;
.sb-customizer-sidebar-tab[data-active="true"]{
.sb-customizer-sidebar-tab:hover {
background: #fff!important;
color: #141B38!important;
.sb-customizer-sidebar-intro {
line-height: 1.7 !important;
.sb-customizer-sidebar-sec1 a:hover {
text-decoration: underline;
.sb-breadcrumb-pro-label{
background: var(--cl-orange);
line-height: 1em !important;
-webkit-transform: translateX(5px) translateY(-4px);
transform: translateX(8px) translateY(-2px);
.sb-control-elem-label .sb-breadcrumb-pro-label{
-webkit-transform: translateX(5px) translateY(0px);
transform: translateX(5px) translateY(0px);
.sb-customizer-sidebar-sec-el{
border-bottom: 1px solid #DCDDE1;
-webkit-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
.sb-customizer-sidebar-sec-el:hover{
border-bottom: 1px solid #F3F4F5;
.sb-customizer-sidebar-sec-el .sb-customizer-chevron svg{
.sb-customizer-sidebar-sec-el-icon{
.sb-customizer-sidebar-sec-el-icon svg{
.sb-customizer-sidebar-sec-elhead{
text-transform: uppercase;
.sb-customizer-sidebar-sec-elhead[data-header-id="empty_sections"]{
.sb-customizer-sidebar-header{
border-bottom: 1px solid #DCDDE1;
.sb-customizer-sidebar-header[data-separator="none"]{
border-bottom: 0px!important;
.sb-customizer-sidebar-breadcrumb{
.sb-customizer-sidebar-breadcrumb a, .sb-customizer-sidebar-breadcrumb span{
text-transform: uppercase;
.sb-customizer-sidebar-breadcrumb span{
.sb-customizer-sidebar-breadcrumb svg {
.sb-customizer-sidebar-header strong{
.sb-customizer-sidebar-header span{
.sb-customizer-ctrl-link{
text-decoration: underline!important;
.sb-control-label[data-title="true"]{
.sb-control-elem-ctn[data-stacked="true"]{
.sb-control-elem-ctn[data-type="heading"]{
.sb-control-elem-overlay{
position: absolute!important;
background: rgba(255,255,255,0.4)!important;
#ctf-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-small-p{
#ctf-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-control-elem-description{
#ctf-builder-app .sb-control-elem-ctn[data-type="heading"] .sb-control-elem-label {
.sb-control-elem-heading svg {
.sb-control-elem-ctn[data-separator="top"],.sb-control-elem-ctn[data-separator="both"]{
border-top: 1px solid #DCDDE1;
.sb-control-elem-ctn[data-separator="bottom"],.sb-control-elem-ctn[data-separator="both"]{
border-bottom: 1px solid #DCDDE1;
.sb-control-elem-ctn[data-type="separator"]{
.sb-control-elem-separator{
border-top: 1px solid #DCDDE1;
.sb-control-elem-ctn[data-reverse="true"]{
flex-direction: row-reverse;
.sb-control-elem-ctn[data-reverse="true"] .sb-control-elem-label{
.sb-control-elem-ctn svg{
.sb-control-elem-ctn[data-reverse="true"] .sb-control-elem-output{
.sb-control-elem-ctn[data-layout="block"]{
.sb-control-elem-ctn[data-layout="block"] .sb-control-elem-label{
.sb-control-elem-ctn[data-layout="block"] .sb-control-elem-output{
.sb-control-elem-ctn[data-layout="block"] input[type="number"] {
border-radius: 1px 0 0 1px !important;
/*border-right-color: #F3F4F5 !important;*/
.sb-control-elem-ctn[data-layout="block"] [data-contains-suffix="true"] input[type="number"]{
border-right-color: #F3F4F5 !important;
.sb-control-elem-ctn[data-child="true"]{
.sb-control-elem-ctn[data-layout="half"]{
justify-content: flex-start;
.sb-control-elem-ctn[data-layout="half"][data-switcher-top="true"]{
align-items: flex-start!important;
.sb-control-elem-ctn[data-layout="half"][data-switcher-top="true"] .sb-control-switcher-ctn{
.sb-control-elem-ctn[data-layout="half"] > div{
.sb-control-elem-ctn[data-type="switcher"][data-reverse="true"][data-layout="half"] > div{
.sb-control-elem-ctn[data-layout="half"][data-reverse="true"]{
justify-content: flex-end;
[data-type="switcher"][data-reverse="true"][data-layout="half"] .sb-control-elem-output{
.sb-control-elem-label-title{
.sb-control-elem-description{
.sb-control-elem-ctn[data-align-description="true"] .sb-control-elem-description{
.sb-control-elem-ctn[data-heading="strong"] .sb-control-elem-heading{
font-weight: 500!important;
.sb-control-elem-heading[data-underline="true"]{
text-decoration: underline;
.sb-control-elem-icon svg{
.sb-control-elem-tltp-icon{
.sb-control-elem-tltp-icon svg{
.sb-control-switcher-ctn{
.sb-control-switcher:before{
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
.sb-control-switcher-ctn[data-active="true"] .sb-control-switcher{
background: var(--customizer-blue);
.sb-control-switcher-ctn[data-active="true"] .sb-control-switcher:before{
/*Toggle SINGLE Control*/
border-right: 1px solid #E8E8EB;
border-left: 1px solid #E8E8EB;
border-bottom: 1px solid #E8E8EB;
.sb-control-toggle-elm:first-child {
border-top: 1px solid #E8E8EB;
.sb-control-toggle-elm[data-disabled="true"]{
.sb-control-toggle-extension-cover{
border: 2px solid #d0d1d7;
.sb-control-toggle-icon svg{
.sb-control-toggle-elm[data-active="true"]{
border: 1px solid var(--customizer-blue);
.sb-control-toggle-elm[data-active="true"]{
border: 1px solid var(--customizer-blue);
.sb-control-toggle-elm:hover:not(.sb-control-toggle-elm[data-disabled="true"]) .sb-control-toggle-deco,
.sb-control-toggle-elm[data-active="true"]:not(.sb-control-toggle-elm[data-disabled="true"]):hover .sb-control-toggle-deco{
border: 4px solid var(--customizer-blue);
.sb-control-toggle-elm[data-active="true"] .sb-control-toggle-deco{
border: 6px solid var(--customizer-blue);
.sb-control-toggle-set-ctn .sb-control-toggle-elm[data-active="true"]{
/*Toggle Button Control*/
.sb-control-togglebutton-ctn{
.sb-control-togglebutton-elm{
text-transform: capitalize;
.sb-control-togglebutton-elm[data-active="true"]{
.sb-control-togglebutton-elm:hover{
.sb-control-toggle-set-desc-ctn .sb-control-label{
.sb-control-toggle-set-desc-ctn .sb-control-toggle-elm{
.sb-control-toggle-set-desc-ctn .sb-control-toggle-deco{
.sb-control-moderatiomode-selement .sb-control-elem-label-title{
.sb-control-moderatiomode-selement{
.sb-control-input,.sb-control-input-textrea{
border: 1px solid #D0D1D7!important;
border-radius: unset!important;
outline: unset!important;
padding: 0 10px!important;
.sb-control-input-textrea{
color: inherit!important;