#customize-theme-controls:after, #customize-theme-controls:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #customize-theme-controls input[type=color], #customize-theme-controls input[type=date], #customize-theme-controls input[type=datetime-local], #customize-theme-controls input[type=datetime], #customize-theme-controls input[type=email], #customize-theme-controls input[type=month], #customize-theme-controls input[type=number], #customize-theme-controls input[type=password], #customize-theme-controls input[type=search], #customize-theme-controls input[type=tel], #customize-theme-controls input[type=text], #customize-theme-controls input[type=time], #customize-theme-controls input[type=url], #customize-theme-controls input[type=week], #customize-theme-controls select, #customize-theme-controls textarea { border: 2px solid #b8daeb; } #customize-theme-controls .wp-picker-container .wp-color-result.button { border: 2px solid #dbdbdb; } /* Upsell */ #customize-theme-controls #accordion-section-theme_upsell .accordion-section-title .accordion-trigger { background: #f857a6; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #ff5858, #f857a6); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #ff5858, #f857a6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ border-color: #f857a6; color: #fff; display: flex; align-items: center; padding-top: 20px; padding-bottom: 20px; } #accordion-section-theme_upsell .accordion-section-title .accordion-trigger:after, #accordion-section-theme_upsell .accordion-section-title .accordion-trigger:after { color: #fff !important; } #customize-control-theme_pro_features h3 span { color: #ff0000; font-weight: bold; } #customize-control-theme_pro_features .dashicons-yes, #customize-control-theme_pro_features .dashicons-plus { color: #65bc7b; margin-right: 6px; } #customize-control-theme_pro_features a.upgrade-now { margin-top: 8px; color: white; background: #65bc7b; border: #65bc7b; } .customize-control-features-list { background-color: #fcfcfc !important; } .blogmarks-features-list { margin: 15px 0 !important; } .blogmarks-features-list .dashicons { font-size: 15px !important; width: 15px !important; height: 15px !important; vertical-align: middle !important; margin-right: 6px !important; color: #65bc7b; } .control-section-section-features-list { margin: 1px; padding: 15px; background-color: #fcfcfc; display: block !important; } /* General */ .control-section-default .customize-control, .control-panel-default .customize-control { margin-left: -12px; margin-right: -12px; padding: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .control-section-default .customize-control:last-child { border-bottom: 0; } #customize-controls .customize-info, .customize-section-description-container { margin-bottom: 0; } /* Icons */ .customize-control-sidebar_block_editor { margin-top: 24px; } /* Radio Image */ .customize-control-radio-image img { vertical-align: top; } .customize-control-radio-image .radio-image-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; } .customize-control-radio-image .radio-image-wrapper > * { padding: 5px; } .customize-control-radio-image .radio-image-wrapper input[type="radio"] { display: none; } .customize-control-radio-image input[type="radio"] + label:hover { opacity: 0.7; } .customize-control-radio-image input[type="radio"]:checked + label { border: 1px dashed #65bc7b; } /* Toggle Switch */ .toggle-switch { float: right; position: relative; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .toggle-switch .toggle-switch-checkbox { display: none; } .toggle-switch .toggle-switch-label { display: block; overflow: hidden; cursor: pointer; border-radius: 22px; padding: 0; margin: 0; } .toggle-switch-inner { display: block; background: #c8c8c8; height: 20px; } .toggle-switch-switch { display: block; width: 12px; height: 12px; margin: 2px; background-color: #fff; position: absolute; top: 2px; bottom: 0; right: 23px; border-radius: 20px; -webkit-transition: all 0.1s ease-in 0s; transition: all 0.1s ease-in 0s; } .toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner { margin-left: 0; background: #65bc7b; } .toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch { right: 1px; } .blogmarks-control-wrapper { position: relative; } .customize-pane-parent .control-section .accordion-section-title .accordion-trigger:before { display: inline-block; font-size: 18px; line-height: 1; margin-right: 5px; } #accordion-section-theme_upsell .accordion-section-title .accordion-trigger:before { content: "✧"; }