: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
* Settings CSS TABLE OF CONTENTS
* 2.0 - SBI CSS Framework
* 2.2 - Notification Element
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
-webkit-font-smoothing: antialiased;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
.twitter-feeds_page_ctf-settings #wpcontent,
.twitter-feeds-1_page_ctf-settings #wpcontent {
#adminmenu a[href="admin.php?page=ctf-support"] {
/*** 2.0 - SBI CSS Framework ***/
justify-content: space-between;
.sb-form-field .help-text {
.sb-form-field .help-text-green {
.sb-form-field .help-text a {
.sb-form-field .ctf-form-field {
border: 1px solid #D0D1D7;
.sb-form-field .ctf-form-field:focus {
.sb-form-field .field-icon {
/* ctf-checkbox styles */
.ctf-checkbox input[type=checkbox] {
transition: all .3s cubic-bezier(0.23, 1, 0.320, 1);
.ctf-checkbox input[type=checkbox]:checked + .toggle-track .toggle-indicator {
.ctf-checkbox input[type=checkbox]:checked + .toggle-track {
.sb-form-field .ctf-input-number {
border: 1px solid #D0D1D7;
padding: 8px 15px 8px 15px;
-webkit-appearance: none;
.caching-form-fields-group .ctf-input-number{
.sb-form-field .caching-form-fields-group .ctf-select{
.sb-form-field .ctf-select {
border: 1px solid #D0D1D7;
padding: 8px 35px 8px 15px;
-webkit-appearance: none;
background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABSSURBVHgBfc4hCkAhDAbgjV3slQcvvHuYDWY1G8zewyIWb6YuCCLqD4Pt5wtD54NBQA2XVKiWcorl/X7s+DkhJYUhPk54IN5plCue0Tb8M8/aNx/uIpRVqbbFAAAAAElFTkSuQmCC') no-repeat right 15px top 55%;
.sb-form-field .ctf-select.size-md {
.sb-form-field .ctf-select.size-sm {
.sb-form-field .ctf-select.size-xs {
.sb-form-field .ctf-textarea {
border: 1px solid #D0D1D7;
.sb-form-field .ctf-textarea::placeholder {
.sb-form-field .ctf-textarea:focus {
transition: all 0.15s ease-in-out;
border: 1px solid #D0D1D7;
background-color: #0068A0;
.sb-tabs-container .sb-tabs .sb-btn-orange {
transform: translate(-7px, -3px);
/*** 2.1 - SBI Utility CSS ***/
/*** 2.1 Notification Element ***/
border-left: 3px solid #fff;
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);
.sb-notification-ctn[data-active="hidden"]{
-webkit-animation: ctf-notification-hide .5s forwards linear;
animation: ctf-notification-hide .5s forwards linear;
.sb-notification-ctn[data-active="shown"]{
-webkit-animation: ctf-notification-show .5s forwards linear;
animation: ctf-notification-show .5s forwards linear;
@-webkit-keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
@keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
@-webkit-keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
@keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
.sb-notification-ctn[data-type="success"]{
.sb-notification-ctn[data-type="error"]{
.sb-notification-ctn[data-type="message"]{
.sb-notification-icon svg{
.sb-notification-ctn[data-type="success"] .sb-notification-icon{
.sb-notification-ctn[data-type="error"] .sb-notification-icon{
.sb-notification-ctn[data-type="message"] .sb-notification-icon{
.sb-notification-ctn span{
justify-content: space-between;
.ctf-fb-header-left .sb-social-wall-link-wrap {
.ctf-fb-hd-logo .sb-logo-letters-wrap {
.ctf-fb-hd-logo .breadcrumb-title{
.ctf-fb-hd-logo .separator{
padding: 0px 15px 0px 16px;
border: 1px solid #DCDDE1;
transition: all 0.3s ease;
.ctf-fb-hd-btn[data-icon="left"]{
padding-right: 20px!important;
.ctf-fb-full-wrapper .section-header {
.ctf-fb-full-wrapper .section-header h1 {
/*** 4.1 - Tab Styles ***/
.sb-tabs-container .sb-tab-content .sb-tab-content-inner {
.sb-tabs-container .ctf-save-button {
justify-content: flex-end;
.sb-tabs-container .sb-tabs {
justify-content: space-between;
.sb-tabs-container .sb-tabs:after {