2197 lines
51 KiB
SCSS
2197 lines
51 KiB
SCSS
|
@import "variables.scss";
|
||
|
|
@import "builder-controls.scss";
|
||
|
|
@import "icon-controls.scss";
|
||
|
|
li#accordion-section-kadence_customizer_custom_posts_placeholder {
|
||
|
|
pointer-events: none;
|
||
|
|
margin: 10px 0 0;
|
||
|
|
}
|
||
|
|
li#accordion-section-kadence_customizer_custom_posts_placeholder
|
||
|
|
> h3.accordion-section-title {
|
||
|
|
border: 0;
|
||
|
|
background: transparent;
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
li#accordion-section-kadence_customizer_custom_posts_placeholder
|
||
|
|
> h3.accordion-section-title:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.kadence-units
|
||
|
|
.components-dropdown__content
|
||
|
|
.components-popover__content
|
||
|
|
> div {
|
||
|
|
padding: 5px 0;
|
||
|
|
.components-button.components-dropdown-menu__menu-item.has-icon {
|
||
|
|
padding: 0;
|
||
|
|
min-width: 32px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.wrap-components-custom-gradient-picker:before {
|
||
|
|
content: "";
|
||
|
|
background-image: linear-gradient(45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(-45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(45deg, transparent 75%, #ddd 0),
|
||
|
|
linear-gradient(-45deg, transparent 75%, #ddd 0);
|
||
|
|
background-size: 10px 10px;
|
||
|
|
background-position: 0 0, 0 5px, 5px -5px, -5px 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
z-index: -1;
|
||
|
|
border-radius: 24px;
|
||
|
|
}
|
||
|
|
// .components-custom-gradient-picker__gradient-bar.has-gradient:before {
|
||
|
|
// opacity: 0;
|
||
|
|
// }
|
||
|
|
.components-custom-gradient-picker__gradient-bar {
|
||
|
|
position: relative;
|
||
|
|
//z-index: 20;
|
||
|
|
}
|
||
|
|
.components-custom-gradient-picker__gradient-bar
|
||
|
|
.components-custom-gradient-picker__control-point-button {
|
||
|
|
box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.8);
|
||
|
|
}
|
||
|
|
// Kadence Range CSS
|
||
|
|
.kadence-range-control-inner {
|
||
|
|
box-sizing: border-box;
|
||
|
|
align-items: flex-start;
|
||
|
|
display: inline-flex;
|
||
|
|
-webkit-box-pack: start;
|
||
|
|
justify-content: flex-start;
|
||
|
|
padding: 0px;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.kadence-range-control-inner
|
||
|
|
.components-range-control.kadence-range-control-range {
|
||
|
|
flex-grow: 1;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.kadence-range-control {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.kadence-range-control-inner .components-base-control.kt-range-number-input {
|
||
|
|
margin-left: 16px;
|
||
|
|
margin-bottom: 0;
|
||
|
|
flex: 0 1 65px;
|
||
|
|
}
|
||
|
|
.kadence-control-field button.components-button.kadence-reset span.dashicon {
|
||
|
|
height: auto;
|
||
|
|
width: auto;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
#customize-theme-controls .customize-pane-child.accordion-section-content {
|
||
|
|
padding: 12px 24px;
|
||
|
|
.customize-section-title {
|
||
|
|
margin: -12px -24px 0 -24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#customize-theme-controls
|
||
|
|
.customize-pane-child.accordion-section-content.control-section-sidebar {
|
||
|
|
padding: 12px;
|
||
|
|
}
|
||
|
|
.kadence-units {
|
||
|
|
max-width: 60px;
|
||
|
|
.components-dropdown-menu {
|
||
|
|
padding: 0;
|
||
|
|
min-height: 0;
|
||
|
|
border-color: #e2e4e7;
|
||
|
|
}
|
||
|
|
.components-button.components-dropdown-menu__toggle {
|
||
|
|
min-height: 28px;
|
||
|
|
min-width: 30px;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.components-popover__content {
|
||
|
|
min-width: 50px;
|
||
|
|
width: 50px;
|
||
|
|
button.components-button {
|
||
|
|
height: 36px;
|
||
|
|
text-align: center;
|
||
|
|
justify-content: center;
|
||
|
|
box-shadow: none;
|
||
|
|
svg {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-range-control {
|
||
|
|
.kadence-responsive-controls-content {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.components-range-control {
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
input.components-range-control__number {
|
||
|
|
max-width: 65px;
|
||
|
|
margin-left: 18px;
|
||
|
|
border: 1px solid #e2e4e7;
|
||
|
|
border-radius: 0;
|
||
|
|
margin-right: 1px;
|
||
|
|
}
|
||
|
|
.components-base-control__field {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
button.components-button {
|
||
|
|
height: 28px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-control-field.radio-btn-width-50 .kadence-radio-container-control {
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
.kadence-control-field.radio-btn-width-50
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
min-width: 45%;
|
||
|
|
margin: 4px;
|
||
|
|
}
|
||
|
|
.kadence-responsive-control-bar {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
position: relative;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
.floating-controls {
|
||
|
|
.components-button.is-tertiary:not(.active-device) {
|
||
|
|
color: $color-gray-500;
|
||
|
|
}
|
||
|
|
.components-button.is-tertiary:not(.active-device):hover {
|
||
|
|
color: $color-gray-600;
|
||
|
|
}
|
||
|
|
.components-button {
|
||
|
|
height: 18px;
|
||
|
|
padding-top: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
svg {
|
||
|
|
height: 16px;
|
||
|
|
width: 16px;
|
||
|
|
}
|
||
|
|
&:focus:not(:disabled) {
|
||
|
|
color: $color-primary;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.components-button-group {
|
||
|
|
display: flex;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.advanced-controls {
|
||
|
|
.components-button {
|
||
|
|
color: $color-gray-500;
|
||
|
|
|
||
|
|
height: 18px;
|
||
|
|
padding-top: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
|
||
|
|
svg {
|
||
|
|
height: 16px;
|
||
|
|
width: 16px;
|
||
|
|
}
|
||
|
|
&:focus-visible:not(:disabled),
|
||
|
|
&:hover {
|
||
|
|
color: $color-gray-600;
|
||
|
|
box-shadow: none;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
&.is-pressed {
|
||
|
|
background: none;
|
||
|
|
color: $color-primary;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-typography-advanced-group-label {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.kadence-advanced-control-button {
|
||
|
|
justify-content: center;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.kadence-popover-typography-advanced {
|
||
|
|
&.components-popover div.components-popover__content {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.kadence-control-field.kadence-title-control {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.kadence-popover-typography-advanced-content {
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.kadence-popover-close {
|
||
|
|
position: absolute;
|
||
|
|
top: 4px;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.kadence-typography-advanced-control-row {
|
||
|
|
// display: flex;
|
||
|
|
// gap: 5px;
|
||
|
|
|
||
|
|
.kadence-typography-advanced-control {
|
||
|
|
display: flex;
|
||
|
|
|
||
|
|
input {
|
||
|
|
flex: 1;
|
||
|
|
height: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.components-base-control {
|
||
|
|
flex: 0.5;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-control-field .components-button-group {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.kadence-control-field {
|
||
|
|
position: relative;
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
.customize-control-title {
|
||
|
|
font-size: 14px;
|
||
|
|
font-weight: 600;
|
||
|
|
margin-bottom: 0;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
letter-spacing: 0.1px;
|
||
|
|
line-height: 18px;
|
||
|
|
}
|
||
|
|
button.components-button.kadence-reset {
|
||
|
|
height: 18px;
|
||
|
|
padding: 0 5px;
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: -20px;
|
||
|
|
opacity: 0.5;
|
||
|
|
svg {
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
}
|
||
|
|
&:disabled {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
&:not(:disabled):hover {
|
||
|
|
opacity: 1;
|
||
|
|
color: $color-primary;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-radio-container-control {
|
||
|
|
display: flex;
|
||
|
|
padding: 10px;
|
||
|
|
background: #f9f9f9;
|
||
|
|
border: 0;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
flex: 1 1 0;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
text-transform: uppercase;
|
||
|
|
height: 40px;
|
||
|
|
line-height: normal;
|
||
|
|
margin: 0;
|
||
|
|
padding: 4px;
|
||
|
|
border: 1px solid $color-gray-400;
|
||
|
|
border-radius: 2px;
|
||
|
|
background: transparent;
|
||
|
|
color: $color-gray-700;
|
||
|
|
white-space: normal;
|
||
|
|
box-shadow: none;
|
||
|
|
&:not(:first-child) {
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
&:not(:disabled):not([aria-disabled="true"]):hover {
|
||
|
|
border-color: $color-gray-600;
|
||
|
|
color: $color-gray-700;
|
||
|
|
}
|
||
|
|
&.active-radio {
|
||
|
|
border-color: $color-primary;
|
||
|
|
background: $color-primary;
|
||
|
|
color: #fff;
|
||
|
|
&:not(:disabled):not([aria-disabled="true"]):hover {
|
||
|
|
color: #fff;
|
||
|
|
border-color: $color-primary;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-radio-icon {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&.kadence-radio-icon-container-control {
|
||
|
|
margin-top: 10px;
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
padding: 5px;
|
||
|
|
height: 50px;
|
||
|
|
svg {
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
max-height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-popover-color .components-popover__content {
|
||
|
|
min-width: 240px;
|
||
|
|
.components-focal-point-picker-wrapper {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.components-focal-point-picker_position-display-container
|
||
|
|
input[type="number"].components-text-control__input {
|
||
|
|
min-height: 16px;
|
||
|
|
line-height: 16px;
|
||
|
|
font-size: 12px;
|
||
|
|
width: 50px;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
.components-focal-point-picker_position-display-container
|
||
|
|
.components-base-control {
|
||
|
|
flex: 1;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.components-focal-point-picker_position-display-container
|
||
|
|
.components-base-control
|
||
|
|
.components-base-control__label {
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-right: 0.2em;
|
||
|
|
}
|
||
|
|
.components-focal-point-picker_position-display-container
|
||
|
|
.components-base-control__field {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 8px;
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
.components-focal-point-picker_position-display-container
|
||
|
|
.components-base-control:last-child
|
||
|
|
.components-base-control__field {
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
.actions {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
.button {
|
||
|
|
flex: 1;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-background-picker-wrap
|
||
|
|
.kadence-popover-color
|
||
|
|
.components-popover__content {
|
||
|
|
min-width: 300px;
|
||
|
|
min-height: 340px;
|
||
|
|
max-height: 60vh;
|
||
|
|
> div {
|
||
|
|
min-height: 320px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-add-builder .components-popover__content {
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
.components-button.kadence-color-icon-indicate {
|
||
|
|
height: auto;
|
||
|
|
position: relative;
|
||
|
|
transform: scale(1);
|
||
|
|
transition: transform 0.1s ease;
|
||
|
|
border-radius: 50%;
|
||
|
|
padding: 0;
|
||
|
|
background-image: linear-gradient(45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(-45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(45deg, transparent 75%, #ddd 0),
|
||
|
|
linear-gradient(-45deg, transparent 75%, #ddd 0);
|
||
|
|
background-size: 10px 10px;
|
||
|
|
background-position: 0 0, 0 5px, 5px -5px, -5px 0;
|
||
|
|
.component-color-indicator.kadence-advanced-color-indicate {
|
||
|
|
width: 28px;
|
||
|
|
height: 28px;
|
||
|
|
border-radius: 50%;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
transform: scale(1.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.components-button.kadence-background-icon-indicate {
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
overflow: hidden;
|
||
|
|
border-radius: 50%;
|
||
|
|
position: relative;
|
||
|
|
transform: scale(1);
|
||
|
|
transition: transform 0.1s ease;
|
||
|
|
border-radius: 50%;
|
||
|
|
padding: 0;
|
||
|
|
background-image: linear-gradient(45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(-45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(45deg, transparent 75%, #ddd 0),
|
||
|
|
linear-gradient(-45deg, transparent 75%, #ddd 0);
|
||
|
|
border: 1px solid #dadada;
|
||
|
|
background-size: 10px 10px;
|
||
|
|
background-position: 0 0, 0 5px, 5px -5px, -5px 0;
|
||
|
|
.component-color-indicator.kadence-advanced-color-indicate {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
border-radius: 50%;
|
||
|
|
margin: 0;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
border: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
> .dashicon {
|
||
|
|
position: absolute;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
color: white;
|
||
|
|
background: rgba(0, 0, 0, 0.6);
|
||
|
|
border-radius: 100%;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
img.kadence-background-image-preview {
|
||
|
|
display: flex;
|
||
|
|
object-fit: cover;
|
||
|
|
min-width: 100%;
|
||
|
|
min-height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.components-button.kadence-background-icon-indicate:hover {
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
.kadence-control-field.kadence-color-control {
|
||
|
|
display: flex;
|
||
|
|
.customize-control-title {
|
||
|
|
flex-grow: 2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color .components-popover__content {
|
||
|
|
padding: 10px 10px 0px;
|
||
|
|
box-sizing: initial;
|
||
|
|
background: rgb(255, 255, 255);
|
||
|
|
border-radius: 4px;
|
||
|
|
box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px;
|
||
|
|
.sketch-picker {
|
||
|
|
padding: 0 0 5px !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
border-radius: 0px !important;
|
||
|
|
}
|
||
|
|
.attachment-media-view {
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// .kadence-background-picker-wrap .kadence-popover-color .components-popover__content{
|
||
|
|
// .kadence-background-color-wrap {
|
||
|
|
// display: flex;
|
||
|
|
// flex-direction: row-reverse;
|
||
|
|
// justify-content: space-between;
|
||
|
|
// }
|
||
|
|
// .kadence-swatches-wrap {
|
||
|
|
// flex-direction: column;
|
||
|
|
// padding: 0 10px 0 0 !important;
|
||
|
|
// border-top: 0 !important;
|
||
|
|
// border-right: 1px solid rgb(238, 238, 238);
|
||
|
|
// }
|
||
|
|
// .actions .button:last-child {
|
||
|
|
// margin-left: 10px;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
.kadence-swatches-wrap {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
// justify-content: space-between;
|
||
|
|
justify-content: flex-start;
|
||
|
|
column-gap: 0.75px;
|
||
|
|
// row-gap: 2px;
|
||
|
|
border-top: 1px solid rgb(238, 238, 238);
|
||
|
|
}
|
||
|
|
.kadence-swatches-wrap .kadence-swatche-item-wrap:hover {
|
||
|
|
transform: scale(1.2) !important;
|
||
|
|
}
|
||
|
|
.kadence-swatches-wrap .kadence-swatche-item-wrap .kadence-swatch-item {
|
||
|
|
background-image: linear-gradient(45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(-45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(45deg, transparent 75%, #ddd 0),
|
||
|
|
linear-gradient(-45deg, transparent 75%, #ddd 0);
|
||
|
|
background-size: 10px 10px;
|
||
|
|
background-position: 0 0, 0 5px, 5px -5px, -5px 0;
|
||
|
|
padding: 0;
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
.dashicon {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-swatches-wrap
|
||
|
|
.kadence-swatche-item-wrap
|
||
|
|
.kadence-swatch-item.swatch-active {
|
||
|
|
box-shadow: 0 0 0 8px inset !important;
|
||
|
|
.dashicon {
|
||
|
|
display: block;
|
||
|
|
color: white;
|
||
|
|
background: rgba(0, 0, 0, 0.6);
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
border-radius: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.components-button.kadence-color-icon-indicate > .dashicon {
|
||
|
|
position: absolute;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
left: 50%;
|
||
|
|
top: 50%;
|
||
|
|
color: white;
|
||
|
|
background: rgba(0, 0, 0, 0.6);
|
||
|
|
border-radius: 100%;
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
||
|
|
}
|
||
|
|
.customize-control-kadence_measure_control input[type="number"] {
|
||
|
|
padding: 0 4px;
|
||
|
|
}
|
||
|
|
@media (max-width: 1900px) {
|
||
|
|
.kadence-palette-colors
|
||
|
|
.components-button.kadence-color-icon-indicate
|
||
|
|
.component-color-indicator.kadence-advanced-color-indicate {
|
||
|
|
width: 26px;
|
||
|
|
height: 26px;
|
||
|
|
}
|
||
|
|
.kadence-typography-control
|
||
|
|
.typography-button-wrap
|
||
|
|
> button.components-button.kadence-typography-preview-indicate {
|
||
|
|
padding: 0 2px;
|
||
|
|
}
|
||
|
|
.kadence-typography-control
|
||
|
|
.typography-button-wrap
|
||
|
|
> button.components-button {
|
||
|
|
padding: 0 4px;
|
||
|
|
}
|
||
|
|
.customize-control-kadence_measure_control input[type="number"] {
|
||
|
|
padding: 0 2px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 1900px) {
|
||
|
|
.kadence-palette-colors
|
||
|
|
.components-button.kadence-color-icon-indicate
|
||
|
|
.component-color-indicator.kadence-advanced-color-indicate {
|
||
|
|
width: 24px;
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 1400px) {
|
||
|
|
.kadence-palette-colors
|
||
|
|
.components-button.kadence-color-icon-indicate
|
||
|
|
.component-color-indicator.kadence-advanced-color-indicate {
|
||
|
|
width: 22px;
|
||
|
|
height: 22px;
|
||
|
|
}
|
||
|
|
.customize-control-kadence_measure_control input[type="number"] {
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-palette-colors .kadence-color-picker-wrap:first-child {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs {
|
||
|
|
display: flex;
|
||
|
|
border-bottom: 1px solid #dadada;
|
||
|
|
margin-top: -5px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
.kadence-palette-import-wrap {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-palette-popover-tabs {
|
||
|
|
width: 350px;
|
||
|
|
max-height: 420px;
|
||
|
|
}
|
||
|
|
.kadence-palette-popover-tabs .components-tab-panel__tabs-item {
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
justify-content: center;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
height: 36px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 4px solid transparent;
|
||
|
|
border-radius: 0;
|
||
|
|
margin-bottom: -1px;
|
||
|
|
opacity: 0.6;
|
||
|
|
}
|
||
|
|
.kadence-palette-popover-tabs .components-tab-panel__tabs {
|
||
|
|
display: flex;
|
||
|
|
border-bottom: 1px solid #dadada;
|
||
|
|
margin-top: -5px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
.kadence-palette-popover-copy-paste .components-popover__content {
|
||
|
|
padding: 8px;
|
||
|
|
box-sizing: initial;
|
||
|
|
background: #fff;
|
||
|
|
border-radius: 4px;
|
||
|
|
box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px;
|
||
|
|
width: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
.kadence-palette-popover-tabs {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-palette-popover-tabs .components-tab-panel__tabs-item.active-tab {
|
||
|
|
border-bottom-color: #007cba;
|
||
|
|
opacity: 1;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-palette-popover-tabs .components-button.kadence-palette-item {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 5px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.kadence-palette-popover-tabs .components-button.kadence-palette-item:hover {
|
||
|
|
border-color: #777;
|
||
|
|
}
|
||
|
|
.kadence-popover-tabs.kadence-background-tabs
|
||
|
|
.components-tab-panel__tabs
|
||
|
|
.components-button {
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
justify-content: center;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
height: 36px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 4px solid transparent;
|
||
|
|
border-radius: 0;
|
||
|
|
margin-bottom: -1px;
|
||
|
|
opacity: 0.6;
|
||
|
|
&:focus {
|
||
|
|
outline: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
box-shadow: none !important;
|
||
|
|
opacity: 1;
|
||
|
|
border-bottom: 4px solid #dadada;
|
||
|
|
}
|
||
|
|
&.active-tab {
|
||
|
|
border-bottom-color: $color-primary;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.components-popover__content .kadence-radio-container-control {
|
||
|
|
padding: 10px 0;
|
||
|
|
background: white;
|
||
|
|
}
|
||
|
|
.kadence-control-field .kadence-background-tabs .customize-control-title {
|
||
|
|
padding-top: 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.kadence-control-field.kadence-background-control
|
||
|
|
.kadence-responsive-control-bar
|
||
|
|
.floating-controls {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-left: 0px;
|
||
|
|
}
|
||
|
|
.kadence-control-field.kadence-background-control
|
||
|
|
.kadence-responsive-control-bar
|
||
|
|
.customize-control-title {
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
.kadence-control-field.kadence-background-control
|
||
|
|
.kadence-responsive-controls-content {
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
}
|
||
|
|
.kadence-control-field.kadence-palette-control.kadence-color-control {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.kadence-palette-header {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.kadence-palette-colors {
|
||
|
|
padding: 20px 0 0;
|
||
|
|
|
||
|
|
.kadence-palette-group {
|
||
|
|
margin-bottom: 7px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-palette-group-name {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-palette-group-colors {
|
||
|
|
display: flex;
|
||
|
|
gap: 5px;
|
||
|
|
margin-top: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-palette-group:nth-child(1) {
|
||
|
|
.kadence-color-picker-wrap:nth-child(3) {
|
||
|
|
.kadence-color-icon-indicate:hover {
|
||
|
|
transform: scale(1);
|
||
|
|
}
|
||
|
|
.kadence-advanced-color-indicate {
|
||
|
|
background: var(--global-palette10) !important;
|
||
|
|
box-shadow: inset 0 0 0 3px #0003;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-palette-header
|
||
|
|
.components-button-group
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
color: #a0aec0;
|
||
|
|
border: 1px solid #a0aec0;
|
||
|
|
height: 30px;
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 0 4px;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
@media (max-width: 1900px) {
|
||
|
|
.kadence-palette-header
|
||
|
|
.components-button-group
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
font-size: 10px;
|
||
|
|
padding: 0 2px;
|
||
|
|
letter-spacing: -0.4px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 1601px) {
|
||
|
|
.kadence-control-field .customize-control-title {
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-palette-header
|
||
|
|
.components-button-group
|
||
|
|
.components-button.is-tertiary.active-palette {
|
||
|
|
color: #fff;
|
||
|
|
border: 1px solid #007cba;
|
||
|
|
background: #007cba;
|
||
|
|
}
|
||
|
|
.kadence-border-control {
|
||
|
|
.kadence-responsive-controls-content {
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
input.components-text-control__input {
|
||
|
|
border: 1px solid #e2e4e7;
|
||
|
|
width: 60px;
|
||
|
|
}
|
||
|
|
.kadence-color-picker-wrap {
|
||
|
|
margin-right: 5px;
|
||
|
|
margin-left: 0;
|
||
|
|
justify-content: flex-end;
|
||
|
|
align-items: center;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.color-button-wrap {
|
||
|
|
display: inline-flex;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-units .components-button {
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
}
|
||
|
|
.kadence-typography-control {
|
||
|
|
.kadence-typography-controls {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: flex-end;
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.color-button-wrap {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.customize-control-title {
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-typography
|
||
|
|
> .components-popover__content {
|
||
|
|
min-width: 340px;
|
||
|
|
min-height: 339px;
|
||
|
|
> div {
|
||
|
|
min-height: 339px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-typography-tabs .customize-control-title {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
.kadence-typography-tabs .kadence-range-control {
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
.kadence-transform-controls {
|
||
|
|
width: 50%;
|
||
|
|
padding-right: 10px;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
}
|
||
|
|
.kadence-transform-controls .components-button-group {
|
||
|
|
padding: 0 0 10px 0;
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-font-family-list-wrapper {
|
||
|
|
padding-top: 35px;
|
||
|
|
}
|
||
|
|
.components-button-group.kadence-font-family-list {
|
||
|
|
display: flex;
|
||
|
|
max-height: 259px;
|
||
|
|
overflow: scroll;
|
||
|
|
flex-direction: column;
|
||
|
|
.kadence-font-family-choice {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: flex-start;
|
||
|
|
justify-content: space-evenly;
|
||
|
|
border-radius: 0;
|
||
|
|
margin: 0;
|
||
|
|
width: 340px;
|
||
|
|
height: 36px;
|
||
|
|
min-height: 36px;
|
||
|
|
border-bottom: 1px solid #e2e4e7;
|
||
|
|
white-space: nowrap;
|
||
|
|
box-shadow: none;
|
||
|
|
color: $color-gray-800;
|
||
|
|
.preview-text {
|
||
|
|
font-size: 16px;
|
||
|
|
white-space: nowrap;
|
||
|
|
color: $color-gray-800;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
&.active-radio,
|
||
|
|
&.active-radio:hover,
|
||
|
|
&.active-radio:focus {
|
||
|
|
background: $color-primary !important;
|
||
|
|
color: white !important;
|
||
|
|
outline: 0 !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
.preview-text {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.components-button-group.kadence-font-variant-list {
|
||
|
|
max-height: 294px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
overflow: scroll;
|
||
|
|
.kadence-font-variant-choice {
|
||
|
|
display: flex;
|
||
|
|
box-shadow: none;
|
||
|
|
border-radius: 0;
|
||
|
|
margin: 0;
|
||
|
|
min-height: 36px;
|
||
|
|
border-bottom: 1px solid #e2e4e7;
|
||
|
|
white-space: nowrap;
|
||
|
|
color: $color-gray-800;
|
||
|
|
&.active-radio,
|
||
|
|
&.active-radio:hover,
|
||
|
|
&.active-radio:focus {
|
||
|
|
background: $color-primary !important;
|
||
|
|
color: white !important;
|
||
|
|
outline: 0 !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-font-family-search {
|
||
|
|
position: absolute;
|
||
|
|
display: flex;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
right: 0;
|
||
|
|
background: white;
|
||
|
|
.components-base-control {
|
||
|
|
display: flex;
|
||
|
|
flex-grow: 1;
|
||
|
|
.components-base-control__field {
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
flex-grow: 1;
|
||
|
|
input {
|
||
|
|
padding-right: 40px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-clear-search {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
z-index: 100;
|
||
|
|
height: 30px;
|
||
|
|
border: 0 !important;
|
||
|
|
background: transparent !important;
|
||
|
|
box-shadow: none !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-typography-tabs .components-tab-panel__tab-content {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
button.components-button.kadence-typography-family-indicate {
|
||
|
|
max-width: 100px;
|
||
|
|
white-space: nowrap;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.typography-button-wrap > button.components-button {
|
||
|
|
border: 1px solid #e2e4e7;
|
||
|
|
margin-left: 2px;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.kadence-popover-typography-single-item {
|
||
|
|
position: relative;
|
||
|
|
.components-button-group.kadence-font-family-list {
|
||
|
|
max-height: 304px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.customize-control-kadence_typography_control
|
||
|
|
.kadence-control-field
|
||
|
|
button.components-button.kadence-reset {
|
||
|
|
height: 36px;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
.kadence-preview-font {
|
||
|
|
padding: 10px;
|
||
|
|
background: linear-gradient(45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(-45deg, #ddd 25%, transparent 0),
|
||
|
|
linear-gradient(45deg, transparent 75%, #ddd 0),
|
||
|
|
linear-gradient(-45deg, transparent 75%, #ddd 0);
|
||
|
|
background-size: 10px 10px;
|
||
|
|
background-position: 0 0, 0 5px, 5px -5px, -5px 0;
|
||
|
|
margin-top: 10px;
|
||
|
|
line-height: 1.2;
|
||
|
|
}
|
||
|
|
.kadence-select-units select.components-select-control__input {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0 0 2px 0;
|
||
|
|
border: 1px solid #e2e4e7;
|
||
|
|
}
|
||
|
|
.kadence-control-field.kadence-title-control {
|
||
|
|
background: #f9f9f9;
|
||
|
|
margin-bottom: -13px;
|
||
|
|
margin-top: -17px;
|
||
|
|
margin-left: -24px;
|
||
|
|
margin-right: -24px;
|
||
|
|
border-top: 1px solid #ddd;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
padding: 12px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-control-field.kadence-title-control .customize-control-title {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 700;
|
||
|
|
letter-spacing: 0.3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-locked .components-button.is-single {
|
||
|
|
border: 1px solid #e2e4e7;
|
||
|
|
background-color: #fff;
|
||
|
|
display: flex;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
.kadence-locked .components-button svg {
|
||
|
|
width: 16px;
|
||
|
|
}
|
||
|
|
.measure-input-wrap {
|
||
|
|
flex-grow: 0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
padding-right: 5px;
|
||
|
|
}
|
||
|
|
.measure-input-wrap small {
|
||
|
|
padding-left: 3px;
|
||
|
|
}
|
||
|
|
.measure-input-wrap input.measure-inputs {
|
||
|
|
border: 1px solid #e2e4e7;
|
||
|
|
}
|
||
|
|
.kadence-radio-container-control button.components-button.is-tertiary svg {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
max-height: 100%;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-two-col
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary
|
||
|
|
svg {
|
||
|
|
height: 60px;
|
||
|
|
}
|
||
|
|
.kadence-radio-container-control button.components-button .kadence-radio-icon {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
#customize-control-page_layout
|
||
|
|
.components-button-group.kadence-radio-container-control {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr;
|
||
|
|
column-gap: 10px;
|
||
|
|
row-gap: 10px;
|
||
|
|
}
|
||
|
|
#customize-control-page_layout
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
min-width: 25%;
|
||
|
|
padding: 10px;
|
||
|
|
margin: 0;
|
||
|
|
min-height: 80px;
|
||
|
|
}
|
||
|
|
#customize-control-page_title_layout
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
min-height: 90px;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
#customize-control-page_title_layout
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary:not(:first-child) {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.kadence-radio-dashicon {
|
||
|
|
max-width: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-sorter-item-panel-header {
|
||
|
|
display: flex;
|
||
|
|
width: 100%;
|
||
|
|
cursor: grab;
|
||
|
|
align-items: center;
|
||
|
|
border-bottom: 1px solid #a0aec0;
|
||
|
|
margin-bottom: -1px;
|
||
|
|
.kadence-sorter-title {
|
||
|
|
flex-grow: 2;
|
||
|
|
padding: 0 8px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.kadence-sorter-visiblity {
|
||
|
|
border-radius: 0;
|
||
|
|
height: 36px;
|
||
|
|
border-right: 1px solid #a0aec0;
|
||
|
|
.dashicon {
|
||
|
|
width: 14px;
|
||
|
|
height: 14px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-sorter-item-expand {
|
||
|
|
border-radius: 0;
|
||
|
|
position: relative;
|
||
|
|
height: 36px;
|
||
|
|
border-left: 0;
|
||
|
|
&:before {
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
height: 50%;
|
||
|
|
background: #a0aec0;
|
||
|
|
width: 1px;
|
||
|
|
}
|
||
|
|
&:focus {
|
||
|
|
&:before {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.dashicon {
|
||
|
|
width: 14px;
|
||
|
|
height: 14px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-sorter-drop .kadence-sorter-item {
|
||
|
|
line-height: 28px;
|
||
|
|
height: auto;
|
||
|
|
background: white;
|
||
|
|
position: relative;
|
||
|
|
border: 1px solid #a0aec0;
|
||
|
|
white-space: nowrap;
|
||
|
|
position: relative;
|
||
|
|
margin: 0 0 4px;
|
||
|
|
padding: 0px;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
.kadence-sorter-drop {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.kadence-sorter-item-panel-content {
|
||
|
|
padding: 10px;
|
||
|
|
.components-base-control__field {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.components-button.kadence-sorter-item-remove {
|
||
|
|
color: #b52727;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.sortable-style-tabs {
|
||
|
|
.components-tab-panel__tabs {
|
||
|
|
display: flex;
|
||
|
|
border-bottom: 1px solid #dadada;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
.components-button {
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
justify-content: center;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
height: 36px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
border: 0;
|
||
|
|
border-bottom: 4px solid transparent;
|
||
|
|
border-radius: 0;
|
||
|
|
margin-bottom: -1px;
|
||
|
|
opacity: 0.6;
|
||
|
|
box-shadow: none;
|
||
|
|
&.active-tab {
|
||
|
|
border-bottom-color: #007cba;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-social-add-area {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-social-add-area .components-base-control {
|
||
|
|
flex-grow: 1;
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-social-add-area
|
||
|
|
.components-base-control
|
||
|
|
.components-base-control__field {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-social-add-area .kadence-sorter-add-item {
|
||
|
|
height: 32px;
|
||
|
|
line-height: normal;
|
||
|
|
svg,
|
||
|
|
.dashicons {
|
||
|
|
width: 14px;
|
||
|
|
height: 14px;
|
||
|
|
font-size: 14px;
|
||
|
|
margin-top: 2px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-sorter-row {
|
||
|
|
margin-bottom: 16px;
|
||
|
|
}
|
||
|
|
.kadence-sorter-item-panel-content .components-button.button-add-media {
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
.social-custom-image {
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-around;
|
||
|
|
.components-button.remove-image.is-destructive {
|
||
|
|
color: #b52727;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-social-image {
|
||
|
|
max-width: 50px;
|
||
|
|
padding-right: 20px;
|
||
|
|
}
|
||
|
|
.kadence-sorter-item-panel-content
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
padding: 4px;
|
||
|
|
}
|
||
|
|
@media (max-width: 1760px) {
|
||
|
|
.measure-input-wrap {
|
||
|
|
padding-right: 2px;
|
||
|
|
}
|
||
|
|
.measure-input-wrap input.measure-inputs {
|
||
|
|
padding: 0 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-locked .components-button.is-single {
|
||
|
|
padding: 0 2px;
|
||
|
|
}
|
||
|
|
.kadence-range-control button.components-button {
|
||
|
|
padding: 0 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.components-button.has-icon.has-text svg {
|
||
|
|
margin-right: 3px;
|
||
|
|
max-width: 20px;
|
||
|
|
}
|
||
|
|
.kadence-locked .components-button.is-single svg {
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-post-title-sorter
|
||
|
|
.kadence-sorter-item-panel-content
|
||
|
|
.components-toggle-control
|
||
|
|
.components-base-control__field {
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.kadence-meta-sorter
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary
|
||
|
|
svg {
|
||
|
|
max-width: 12px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
// .kadence-sorter-item-panel-content .components-range-control .components-base-control__field {
|
||
|
|
// flex-direction: row;
|
||
|
|
// }
|
||
|
|
.components-toggle-control
|
||
|
|
.components-base-control__field
|
||
|
|
.components-toggle-control__label {
|
||
|
|
white-space: normal;
|
||
|
|
}
|
||
|
|
.kadence-sorter-item-panel-content .kadence-radio-container-control {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.sorter-sub-option {
|
||
|
|
padding: 12px 12px 0px;
|
||
|
|
border: 1px solid #bbb;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
.meta-label-input-control {
|
||
|
|
display: flex;
|
||
|
|
margin-bottom: 6px;
|
||
|
|
}
|
||
|
|
.kadence-label-visiblity svg {
|
||
|
|
width: 14px;
|
||
|
|
}
|
||
|
|
.components-button.kadence-label-visiblity {
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
.label-is-hidden .components-text-control__input {
|
||
|
|
opacity: 0.2;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-three-col
|
||
|
|
.components-button-group.kadence-radio-container-control {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr;
|
||
|
|
column-gap: 10px;
|
||
|
|
row-gap: 10px;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-three-col
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
min-width: 25%;
|
||
|
|
padding: 10px;
|
||
|
|
margin: 0;
|
||
|
|
min-height: 90px;
|
||
|
|
svg {
|
||
|
|
max-width: 50px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-two-col
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
min-height: 90px;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.btn-flex-col.is-tertiary {
|
||
|
|
flex-direction: column;
|
||
|
|
font-size: 10px;
|
||
|
|
.kadence-radio-icon {
|
||
|
|
margin-bottom: 3px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-two-col
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary:not(:first-child) {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.kadence-row-layout-control
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
min-width: 25%;
|
||
|
|
padding: 5px;
|
||
|
|
margin: 0;
|
||
|
|
min-height: 40px;
|
||
|
|
}
|
||
|
|
.kadence-row-layout-control
|
||
|
|
.components-button-group.kadence-radio-container-control {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||
|
|
column-gap: 10px;
|
||
|
|
row-gap: 10px;
|
||
|
|
}
|
||
|
|
.kadence-row-layout-control
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary.active-radio {
|
||
|
|
background: white;
|
||
|
|
}
|
||
|
|
.kadence-row-layout-control
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary.active-radio
|
||
|
|
svg
|
||
|
|
rect {
|
||
|
|
fill: #007cba;
|
||
|
|
}
|
||
|
|
#customize-control-footer_widget1_tabs {
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
.typography-button-wrap .components-button {
|
||
|
|
height: 36px;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-three-col-short
|
||
|
|
.components-button-group.kadence-radio-container-control {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr;
|
||
|
|
column-gap: 10px;
|
||
|
|
row-gap: 10px;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-three-col-short
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
min-width: 25%;
|
||
|
|
padding: 0px;
|
||
|
|
margin: 0;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
.kadence-sorter-no-sorting .kadence-sorter-item {
|
||
|
|
margin-bottom: 12px;
|
||
|
|
}
|
||
|
|
.kadence-sorter-no-sorting .kadence-sorter-item-panel-header {
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.components-button-group.kadence-featured-image-ratio {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr;
|
||
|
|
column-gap: 10px;
|
||
|
|
row-gap: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-sorter-item-panel-content
|
||
|
|
.kadence-featured-image-ratio
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
padding: 0;
|
||
|
|
height: 30px;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.kadence-sorter-item-panel-content
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary
|
||
|
|
svg {
|
||
|
|
max-width: 14px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
// Tweeks:
|
||
|
|
#customize-theme-controls .accordion-section-content {
|
||
|
|
color: #2d3748;
|
||
|
|
}
|
||
|
|
.kadence-sorter-item-panel-content
|
||
|
|
.components-range-control
|
||
|
|
.components-base-control__field
|
||
|
|
input.components-range-control__number {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.kadence-popover-social-list
|
||
|
|
.components-button-group.kadence-radio-container-control {
|
||
|
|
flex-wrap: wrap;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr;
|
||
|
|
grid-gap: 5px;
|
||
|
|
padding-bottom: 15px;
|
||
|
|
padding-top: 5px;
|
||
|
|
}
|
||
|
|
.kadence-popover-social-list
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.social-radio-btn.is-tertiary {
|
||
|
|
min-width: 80px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
.radio-icon-padding
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
padding: 10px 0;
|
||
|
|
}
|
||
|
|
.kadence-sorter-drop-social_item_group
|
||
|
|
.kadence-sorter-item-panel-header
|
||
|
|
.kadence-sorter-visiblity {
|
||
|
|
background: #f9f9f9;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
.kadence-sorter-drop-social_item_group
|
||
|
|
.kadence-sorter-item-panel-header
|
||
|
|
.kadence-sorter-visiblity
|
||
|
|
svg {
|
||
|
|
max-width: 14px;
|
||
|
|
}
|
||
|
|
.kadence-sorter-drop-social_item_group
|
||
|
|
.kadence-sorter-item-panel-header
|
||
|
|
.kadence-sorter-visiblity.item-is-hidden {
|
||
|
|
opacity: 0.2;
|
||
|
|
}
|
||
|
|
.kadence-link-color-control .components-base-control__field {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.customize-control-kadence_borders_control
|
||
|
|
.kadence-border-control
|
||
|
|
> .kadence-responsive-controls-content {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.customize-control-kadence_borders_control
|
||
|
|
.kadence-responsive-controls-content.kadence-border-single-item {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
border-bottom: 1px solid #ddd;
|
||
|
|
}
|
||
|
|
.customize-control-kadence_borders_control
|
||
|
|
.kadence-responsive-controls-content.kadence-border-single-item:last-child {
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-bottom: 0;
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
span.border-icon {
|
||
|
|
display: flex;
|
||
|
|
width: 30px;
|
||
|
|
align-items: center;
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
span.border-icon svg {
|
||
|
|
width: 24px;
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
.components-custom-gradient-picker .components-base-control__label {
|
||
|
|
padding-top: 10px;
|
||
|
|
font-size: 12px;
|
||
|
|
display: block;
|
||
|
|
font-weight: 600;
|
||
|
|
letter-spacing: 0.1px;
|
||
|
|
line-height: 18px;
|
||
|
|
}
|
||
|
|
.kadence-background-tabs
|
||
|
|
.components-circular-option-picker
|
||
|
|
.components-circular-option-picker__custom-clear-wrapper {
|
||
|
|
justify-content: flex-start;
|
||
|
|
}
|
||
|
|
.components-custom-gradient-picker
|
||
|
|
.components-custom-gradient-picker__gradient-bar {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.kadence-color-picker-wrap .kadence-popover-color .components-popover__content {
|
||
|
|
min-width: 300px;
|
||
|
|
min-height: 320px;
|
||
|
|
max-height: 60vh;
|
||
|
|
}
|
||
|
|
.kadence-color-picker-wrap
|
||
|
|
.kadence-popover-tabs
|
||
|
|
.components-tab-panel__tab-content {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fake Tabs
|
||
|
|
#accordion-section-kadence_customizer_sidebar_design,
|
||
|
|
#accordion-section-kadence_customizer_cart_design,
|
||
|
|
#accordion-section-kadence_customizer_product_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_course_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_lesson_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_course_archive_design,
|
||
|
|
#accordion-section-kadence_customizer_header_popup_design,
|
||
|
|
#accordion-section-kadence_customizer_llms_membership_archive_design,
|
||
|
|
#accordion-section-woocommerce_product_catalog_design,
|
||
|
|
#accordion-section-kadence_customizer_post_archive_design,
|
||
|
|
#accordion-section-kadence_customizer_sfwd_courses_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_post_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_header_transparent_design,
|
||
|
|
#accordion-section-woocommerce_store_notice_design,
|
||
|
|
#accordion-section-kadence_customizer_scroll_up_design,
|
||
|
|
li#accordion-section-kadence_customizer_courses_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_sfwd_groups_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_sfwd_essays_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_search_design,
|
||
|
|
#accordion-section-kadence_customizer_sfwd_lesson_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_sfwd_topic_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_sfwd_grid_layout_design,
|
||
|
|
li.accordion-section.control-section-design-hidden,
|
||
|
|
#accordion-section-kadence_customizer_sfwd_quiz_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_general_404_design,
|
||
|
|
#accordion-section-kadence_customizer_sfwd_courses_archive_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_tribe_events_layout_design,
|
||
|
|
#accordion-section-kadence_customizer_courses_archive_layout_design {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
.kadence-prevent-transition {
|
||
|
|
transition: none !important;
|
||
|
|
}
|
||
|
|
// Graditent overide.
|
||
|
|
.kadence-popover-color .components-circular-option-picker {
|
||
|
|
position: relative;
|
||
|
|
z-index: 10000000;
|
||
|
|
}
|
||
|
|
.kadence-popover-color
|
||
|
|
.components-circular-option-picker
|
||
|
|
.components-popover.components-custom-gradient-picker__color-picker-popover {
|
||
|
|
top: 40px !important;
|
||
|
|
left: 30px !important;
|
||
|
|
bottom: auto !important;
|
||
|
|
}
|
||
|
|
.kadence-popover-color
|
||
|
|
.components-circular-option-picker
|
||
|
|
.components-popover.components-custom-gradient-picker__color-picker-popover
|
||
|
|
> div {
|
||
|
|
top: 100%;
|
||
|
|
bottom: auto;
|
||
|
|
}
|
||
|
|
.kadence-popover-color
|
||
|
|
.components-circular-option-picker
|
||
|
|
.components-popover.components-custom-gradient-picker__color-picker-popover::before,
|
||
|
|
.kadence-popover-color
|
||
|
|
.components-circular-option-picker
|
||
|
|
.components-popover.components-custom-gradient-picker__color-picker-popover::after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.kadence-tiny-text
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
font-size: 9px;
|
||
|
|
}
|
||
|
|
#customize-control-logo_layout
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
font-size: 9px;
|
||
|
|
}
|
||
|
|
.kadence-typography-control
|
||
|
|
.typography-button-wrap
|
||
|
|
> button.components-button.kadence-typography-size-indicate {
|
||
|
|
min-width: 46px;
|
||
|
|
}
|
||
|
|
.kadence-builder-is-active
|
||
|
|
.wp-full-overlay.collapsed
|
||
|
|
#customize-theme-controls
|
||
|
|
#sub-accordion-section-kadence_customizer_header_builder,
|
||
|
|
.kadence-footer-builder-is-active
|
||
|
|
.wp-full-overlay.collapsed
|
||
|
|
#customize-theme-controls
|
||
|
|
#sub-accordion-section-kadence_customizer_footer_builder {
|
||
|
|
transform: translateY(100%) !important;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.kadence-builder-is-active .wp-full-overlay.collapsed #customize-preview,
|
||
|
|
.kadence-footer-builder-is-active
|
||
|
|
.wp-full-overlay.collapsed
|
||
|
|
#customize-preview {
|
||
|
|
bottom: 0 !important;
|
||
|
|
}
|
||
|
|
.kadence-builder-areas
|
||
|
|
.kadence-builder-group-horizontal
|
||
|
|
.kadence-builder-drop-left_center,
|
||
|
|
.kadence-builder-areas
|
||
|
|
.kadence-builder-group-horizontal
|
||
|
|
.kadence-builder-drop-right_center {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.kadence-builder-areas.has-center-items .kadence-builder-drop-left_center,
|
||
|
|
.kadence-builder-areas.has-center-items .kadence-builder-drop-right_center {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-two-forced
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-radio-icon-control.kadence-two-forced
|
||
|
|
.kadence-radio-container-control {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr;
|
||
|
|
column-gap: 10px;
|
||
|
|
row-gap: 10px;
|
||
|
|
}
|
||
|
|
.customize-control-kadence_borders_control
|
||
|
|
button.components-button.reset.kadence-reset {
|
||
|
|
margin-top: 5px;
|
||
|
|
}
|
||
|
|
.kadence-units .components-toolbar .components-button:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
li#customize-control-kadence_color_palette .customize-control-description {
|
||
|
|
text-align: right;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-three-col.kadence-auto-height
|
||
|
|
.components-button-group.kadence-radio-container-control
|
||
|
|
.components-button.is-tertiary {
|
||
|
|
min-height: 0;
|
||
|
|
}
|
||
|
|
@media (max-width: 1700px) {
|
||
|
|
.kadence-tiny-text
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
font-size: 7px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
p.kt-box-shadow-title {
|
||
|
|
text-align: center;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.kadence-boxshadow-control
|
||
|
|
.kadence-responsive-controls-content
|
||
|
|
input.components-text-control__input {
|
||
|
|
border: 1px solid #e2e4e7;
|
||
|
|
width: 50px;
|
||
|
|
padding-left: 2px;
|
||
|
|
}
|
||
|
|
.kt-box-inset-settings {
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
.kt-box-disable-settings {
|
||
|
|
padding-left: 8px;
|
||
|
|
padding-top: 10px;
|
||
|
|
}
|
||
|
|
#customize-control-google_subsets .kadence-radio-container-control {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: 1fr 1fr 1fr;
|
||
|
|
grid-gap: 10px;
|
||
|
|
}
|
||
|
|
.kadence-sorter-title {
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
#customize-control-google_subsets
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
margin: 0;
|
||
|
|
font-size: 9px;
|
||
|
|
}
|
||
|
|
.kadence-popover-tabs
|
||
|
|
.components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.components-dropdown__content.components-custom-gradient-picker__color-picker-popover
|
||
|
|
.components-popover__content
|
||
|
|
> div {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.kadence-sorter-no-sorting .kadence-sorter-item {
|
||
|
|
background: #fff;
|
||
|
|
border: 0;
|
||
|
|
line-height: 42px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.kadence-sorter-no-sorting .kadence-sorter-item-panel-header {
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.kadence-sorter-drop:not(.kadence-sorter-no-sorting) .kadence-sorter-item {
|
||
|
|
border-left: 3px solid #007cba;
|
||
|
|
}
|
||
|
|
.kadence-sorter-drop:not(.kadence-sorter-no-sorting) .kadence-move-icon {
|
||
|
|
margin-left: -3px;
|
||
|
|
margin-right: 5px;
|
||
|
|
transform: rotate(90deg);
|
||
|
|
cursor: grab;
|
||
|
|
width: 18px;
|
||
|
|
opacity: 0.7;
|
||
|
|
}
|
||
|
|
.kadence-sorter-drop:not(.kadence-sorter-no-sorting)
|
||
|
|
.kadence-sorter-item-panel-header
|
||
|
|
.kadence-sorter-visiblity {
|
||
|
|
border-left: 1px solid #a0aec0;
|
||
|
|
}
|
||
|
|
.rtl .kadence-control-field button.components-button.kadence-reset {
|
||
|
|
margin-right: -20px;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
// Color Palette Control Fix.
|
||
|
|
.kadence-color-picker-wrap {
|
||
|
|
> span + .color-button-wrap .components-button.kadence-color-icon-indicate {
|
||
|
|
transform: scale(1.15);
|
||
|
|
box-shadow: 0 0 0 1.5px #007cba;
|
||
|
|
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
|
||
|
|
outline: 1px solid transparent;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color.is-from-left {
|
||
|
|
left: 40px !important;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color {
|
||
|
|
animation: kadence-animate__appear-animation 0.1s
|
||
|
|
cubic-bezier(0, 0, 0.2, 1) 0s;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color.is-from-right {
|
||
|
|
left: 40px !important;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color.is-from-right
|
||
|
|
.components-popover__content {
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// .kadence-color-picker-wrap {
|
||
|
|
// .kadence-popover-color .components-popover__content > div:not(.kadence-swatches-wrap):not(.kadence-picker) {
|
||
|
|
// min-height: 300px;
|
||
|
|
// }
|
||
|
|
// }
|
||
|
|
.kadence-background-picker-wrap {
|
||
|
|
> span
|
||
|
|
+ .background-button-wrap
|
||
|
|
.components-button.kadence-background-icon-indicate {
|
||
|
|
transform: scale(1.15);
|
||
|
|
box-shadow: 0 0 0 1.5px #007cba;
|
||
|
|
box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
|
||
|
|
outline: 1px solid transparent;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color.is-from-left {
|
||
|
|
left: 40px !important;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color {
|
||
|
|
animation: kadence-animate__appear-animation 0.1s
|
||
|
|
cubic-bezier(0, 0, 0.2, 1) 0s;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color.is-from-right {
|
||
|
|
left: 40px !important;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-popover-color.is-from-right
|
||
|
|
.components-popover__content {
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes kadence-animate__appear-animation {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.rtl
|
||
|
|
.kadence-color-picker-wrap
|
||
|
|
.components-popover.kadence-popover-color.is-from-right,
|
||
|
|
.rtl
|
||
|
|
.kadence-color-picker-wrap
|
||
|
|
.components-popover.kadence-popover-color.is-from-left,
|
||
|
|
.rtl
|
||
|
|
.kadence-background-picker-wrap
|
||
|
|
.components-popover.kadence-popover-color.is-from-left,
|
||
|
|
.rtl
|
||
|
|
.kadence-background-picker-wrap
|
||
|
|
.components-popover.kadence-popover-color.is-from-right {
|
||
|
|
left: auto !important;
|
||
|
|
}
|
||
|
|
.kadence-builder-areas {
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
.kadence-builder-areas.popup-vertical-group {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-top: 26px;
|
||
|
|
}
|
||
|
|
.kadence-builder-areas.popup-vertical-group
|
||
|
|
button.components-button.kadence-row-actions {
|
||
|
|
top: 0;
|
||
|
|
opacity: 1;
|
||
|
|
width: calc(100% - 20px);
|
||
|
|
}
|
||
|
|
.kadence-builder-areas button.components-button.kadence-row-actions {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.kadence-builder-areas button.components-button.kadence-row-left-actions {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
height: 100%;
|
||
|
|
min-width: 0;
|
||
|
|
width: 20px;
|
||
|
|
padding: 0;
|
||
|
|
color: #c8dbe4;
|
||
|
|
box-shadow: none !important;
|
||
|
|
background: #007cba;
|
||
|
|
border-radius: 0;
|
||
|
|
font-size: 10px;
|
||
|
|
&:hover {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-builder-areas.popup-vertical-group
|
||
|
|
button.components-button.kadence-row-left-actions {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.kadence-builder-areas
|
||
|
|
button.components-button.kadence-row-left-actions
|
||
|
|
.dashicon {
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
font-size: 12px;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.kadence-background-picker-wrap
|
||
|
|
.components-popover.kadence-popover-color.components-custom-gradient-picker__color-picker-popover
|
||
|
|
.components-popover__content {
|
||
|
|
left: 0;
|
||
|
|
transform: none;
|
||
|
|
}
|
||
|
|
.kadence-color-picker-wrap
|
||
|
|
.kadence-background-tabs
|
||
|
|
.components-popover.components-custom-gradient-picker__color-picker-popover
|
||
|
|
.components-popover__content {
|
||
|
|
left: 0;
|
||
|
|
transform: none;
|
||
|
|
min-width: 240px;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-two-grid .kadence-radio-container-control {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
|
|
column-gap: 0.5rem;
|
||
|
|
row-gap: 0.5rem;
|
||
|
|
}
|
||
|
|
.kadence-radio-icon-control.kadence-two-grid
|
||
|
|
.kadence-radio-container-control
|
||
|
|
button.components-button.is-tertiary {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
// Temp Fix for Core issue.
|
||
|
|
.customize-control-title .disabled-element-wrapper,
|
||
|
|
.kadence-control-field .disabled-element-wrapper {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
.kadence-control-disabled .components-button-group {
|
||
|
|
opacity: 0.4;
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
// Font Pairing
|
||
|
|
.kadence-font-pair-popover > .components-popover__content {
|
||
|
|
padding: 0 12px 12px;
|
||
|
|
}
|
||
|
|
.components-button-group.kt-font-pair-group {
|
||
|
|
min-width: 290px;
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
|
|
gap: 4px;
|
||
|
|
}
|
||
|
|
.kadence-font-pair-wrap {
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: auto;
|
||
|
|
}
|
||
|
|
.components-button-group.kt-font-pair-group
|
||
|
|
button.components-button.kt-font-pair-btn {
|
||
|
|
height: auto;
|
||
|
|
text-align: center;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
img {
|
||
|
|
max-height: 40px;
|
||
|
|
height: auto;
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
&.state-confirm {
|
||
|
|
background: rgba(0, 124, 186, 0.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Issues with 6.1 because of popover switching to absolute positioning.
|
||
|
|
#customize-theme-controls .customize-pane-child.accordion-section-content,
|
||
|
|
#customize-theme-controls .customize-pane-child.accordion-sub-container {
|
||
|
|
min-height: 100%;
|
||
|
|
}
|
||
|
|
.components-popover.kadence-customizer-popover:not(.components-animate__appear) {
|
||
|
|
left: -5px !important;
|
||
|
|
right: -5px !important;
|
||
|
|
max-width: calc(100% + 20px);
|
||
|
|
}
|
||
|
|
.kadence-color-picker-wrap
|
||
|
|
.kadence-popover-color:not(.components-animate__appear)
|
||
|
|
.components-popover__content {
|
||
|
|
min-height: 284px;
|
||
|
|
}
|
||
|
|
.kadence-typography-control
|
||
|
|
.components-popover.kadence-popover-typography.kadence-customizer-popover:not(.components-animate__appear)
|
||
|
|
> .components-popover__content {
|
||
|
|
max-width: 100%;
|
||
|
|
min-width: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.kadence-color-picker-wrap
|
||
|
|
.kadence-popover-color.kadence-customizer-popover:not(.components-animate__appear)
|
||
|
|
.components-popover__content {
|
||
|
|
max-width: 100%;
|
||
|
|
min-width: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.kadence-background-picker-wrap
|
||
|
|
.kadence-popover-color.kadence-customizer-popover:not(.components-animate__appear)
|
||
|
|
.components-popover__content {
|
||
|
|
max-width: 100%;
|
||
|
|
min-width: 100%;
|
||
|
|
overflow: scroll !important;
|
||
|
|
box-sizing: border-box;
|
||
|
|
min-height: 330px;
|
||
|
|
}
|
||
|
|
.kadence-color-picker-wrap
|
||
|
|
.kadence-popover-color.kadence-popover-color-gradient:not(.components-animate__appear)
|
||
|
|
.components-popover__content {
|
||
|
|
min-height: 330px;
|
||
|
|
overflow: visible !important;
|
||
|
|
}
|
||
|
|
.kadence-customizer-popover:not(.components-animate__appear) .kadence-picker {
|
||
|
|
max-width: 100%;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
.kadence-customizer-popover:not(.components-animate__appear)
|
||
|
|
.kadence-swatches-wrap {
|
||
|
|
max-width: 300px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
// New Gradient Control
|
||
|
|
.components-custom-gradient-picker__item {
|
||
|
|
display: block;
|
||
|
|
flex: 5 1 0%;
|
||
|
|
max-height: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
min-height: 0px;
|
||
|
|
min-width: 0px;
|
||
|
|
.kadence-controls-content {
|
||
|
|
gap: 12px;
|
||
|
|
}
|
||
|
|
.kadence-controls-content .components-base-control {
|
||
|
|
margin-bottom: 0;
|
||
|
|
flex: 10 0 0;
|
||
|
|
}
|
||
|
|
.kadence-control-toggle-advanced.only-icon {
|
||
|
|
flex: 0;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
font-size: 10px;
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
text-transform: uppercase;
|
||
|
|
height: 30px;
|
||
|
|
line-height: 1.2;
|
||
|
|
border: 1px solid #cbd5e0;
|
||
|
|
border-radius: 2px;
|
||
|
|
background: transparent;
|
||
|
|
color: #4a5568;
|
||
|
|
padding: 4px;
|
||
|
|
box-shadow: none;
|
||
|
|
white-space: normal;
|
||
|
|
svg {
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
&.is-primary {
|
||
|
|
border-color: var(--wp-admin-theme-color, #00669b);
|
||
|
|
background: var(--wp-admin-theme-color, #00669b);
|
||
|
|
color: #fff;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.block-editor-block-inspector
|
||
|
|
.components-custom-gradient-picker__item
|
||
|
|
.kadence-select-large
|
||
|
|
.components-select-control__input {
|
||
|
|
height: 40px;
|
||
|
|
min-height: 40px;
|
||
|
|
}
|
||
|
|
.kadence-gradient-position-control
|
||
|
|
.kadence-gradient-position_header
|
||
|
|
.kadence-gradient-position__label {
|
||
|
|
margin: 0px 0px 8px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.kadence-gradient-position-control .components-unit-control-wrapper {
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|
||
|
|
.kadence-gradient-control
|
||
|
|
.components-custom-gradient-picker__gradient-bar
|
||
|
|
.components-custom-gradient-picker__control-point-dropdown {
|
||
|
|
position: absolute;
|
||
|
|
height: 16px;
|
||
|
|
width: 16px;
|
||
|
|
top: 16px;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.kadence-gradient-control
|
||
|
|
.components-custom-gradient-picker__gradient-bar
|
||
|
|
.components-custom-gradient-picker__control-point-button {
|
||
|
|
height: inherit;
|
||
|
|
width: inherit;
|
||
|
|
border-radius: 50%;
|
||
|
|
padding: 0;
|
||
|
|
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff,
|
||
|
|
0 0 2px 0 rgba(0, 0, 0, 0.25);
|
||
|
|
outline: 2px solid transparent;
|
||
|
|
position: static;
|
||
|
|
top: auto;
|
||
|
|
}
|
||
|
|
.kadence-gradient-control {
|
||
|
|
.components-custom-gradient-picker__ui-line .components-base-control {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
.components-custom-gradient-picker__ui-line
|
||
|
|
.components-base-control
|
||
|
|
.components-base-control__field {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-gradient-control .components-custom-gradient-picker__gradient-bar {
|
||
|
|
border-radius: 2px;
|
||
|
|
width: 100%;
|
||
|
|
height: 48px;
|
||
|
|
margin-bottom: 16px;
|
||
|
|
padding-right: 0;
|
||
|
|
|
||
|
|
.components-custom-gradient-picker__markers-container {
|
||
|
|
position: relative;
|
||
|
|
width: calc(100% - 48px);
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.components-custom-gradient-picker__control-point-dropdown {
|
||
|
|
position: absolute;
|
||
|
|
height: 16px;
|
||
|
|
width: 16px;
|
||
|
|
top: 16px;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.components-custom-gradient-picker__insert-point-dropdown {
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
// Same size as the .components-custom-gradient-picker__control-point-dropdown parent
|
||
|
|
height: inherit;
|
||
|
|
width: inherit;
|
||
|
|
min-width: 16px;
|
||
|
|
border-radius: 50%;
|
||
|
|
|
||
|
|
background: #fff;
|
||
|
|
padding: 2px;
|
||
|
|
|
||
|
|
color: #111;
|
||
|
|
|
||
|
|
svg {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.kadence-gradient-control
|
||
|
|
.components-angle-picker-control
|
||
|
|
.components-input-control__container
|
||
|
|
.components-input-control__input {
|
||
|
|
height: 32px;
|
||
|
|
padding-left: 8px;
|
||
|
|
padding-right: 8px;
|
||
|
|
}
|
||
|
|
.kadence-pop-gradient-color-picker {
|
||
|
|
width: 280px;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
.components-popover.components-dropdown__content.components-color-palette__custom-color-dropdown-content.kadence-pop-color-popover {
|
||
|
|
z-index: 10000000;
|
||
|
|
animation: kadence-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1)
|
||
|
|
0s;
|
||
|
|
.components-popover__content {
|
||
|
|
min-height: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.wrap-components-custom-gradient-picker {
|
||
|
|
position: relative;
|
||
|
|
z-index: 11;
|
||
|
|
}
|
||
|
|
.components-dropdown__content.components-color-palette__custom-color-dropdown-content
|
||
|
|
.kadence-picker
|
||
|
|
> div:first-child {
|
||
|
|
padding-bottom: 25% !important;
|
||
|
|
}
|
||
|
|
.kadence-background-picker-wrap
|
||
|
|
.kadence-popover-color
|
||
|
|
.components-popover__content
|
||
|
|
> .kadence-pop-gradient-color-picker {
|
||
|
|
min-height: 0;
|
||
|
|
}
|
||
|
|
.kadence-background-picker-wrap
|
||
|
|
.components-popover.kadence-popover-color
|
||
|
|
> .components-popover__content {
|
||
|
|
overflow: visible;
|
||
|
|
}
|
||
|
|
.kadence-sorter-item-panel-content .components-form-toggle {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.control-section-kadence_section_pro h3 {
|
||
|
|
margin: 0 0 8px 0;
|
||
|
|
padding: 1px 0;
|
||
|
|
border: 0;
|
||
|
|
position: relative;
|
||
|
|
a {
|
||
|
|
background: #fff;
|
||
|
|
display: block;
|
||
|
|
padding: 11px 10px 12px 14px;
|
||
|
|
text-decoration: none;
|
||
|
|
border-left: 4px solid #fff;
|
||
|
|
transition: background-color ease-in-out, 0.15s border-color ease-in-out;
|
||
|
|
&:after {
|
||
|
|
content: "\f345";
|
||
|
|
position: absolute;
|
||
|
|
top: 11px;
|
||
|
|
right: 10px;
|
||
|
|
z-index: 1;
|
||
|
|
float: right;
|
||
|
|
border: none;
|
||
|
|
background: 0 0;
|
||
|
|
font: normal 20px / 1 dashicons;
|
||
|
|
speak: none;
|
||
|
|
display: block;
|
||
|
|
padding: 0;
|
||
|
|
text-indent: 0;
|
||
|
|
text-align: center;
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
}
|
||
|
|
&:hover {
|
||
|
|
background: #f6f7f7;
|
||
|
|
border-left-color: transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// Fix because other plugins are breaking the load with bad code that outputs css before the html tag.
|
||
|
|
#customize-theme-controls .accordion-section-title button.accordion-trigger {
|
||
|
|
max-height: fit-content;
|
||
|
|
}
|