Current File : /home/kelaby89/abl.academy/wp-content/plugins/thim-core/inc/customizer/build/customizer.css |
/*!*************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/app.scss ***!
\*************************************************************************************************************************************************************************************************************************************/
.thim-w100 {
width: calc(100% - 6px);
}
.thim-w50 {
width: calc(50% - 6px);
}
.thim-w45 {
width: calc(45% - 6px);
}
.thim-w40 {
width: calc(40% - 6px);
}
.thim-w33 {
width: calc(33.3333% - 6px);
}
.thim-w30 {
width: calc(30% - 6px);
}
.thim-w25 {
width: calc(25% - 6px);
}
.thim-w20 {
width: calc(20% - 6px);
}
.thim-w15 {
width: calc(15% - 6px);
}
.thim-w10 {
width: calc(10% - 6px);
}
.thim-w5 {
width: calc(5% - 6px);
}
.control-section-thim-default,
.control-section-thim-outer {
min-height: 100%;
}
.customize-control-has-small-gap {
margin-bottom: 9px;
}
.customize-control-is-gapless {
margin-bottom: 0;
}
.customize-control-thim-hidden-field {
height: 0;
margin-bottom: 0;
}
.customize-control-thim-customizer,
.customize-control-thim-customizer * {
box-sizing: border-box;
}
.customize-control-thim.thim-group-item {
clear: none;
}
.thim-group-item {
clear: none;
float: left;
padding-left: 3px;
padding-right: 3px;
}
.thim-group-item.thim-group-start {
padding-left: 0;
padding-right: 3px;
}
.thim-group-item.thim-group-break,
.thim-group-item.thim-group-end {
padding-left: 3px;
padding-right: 0;
}
.thim-group-item.thim-group-end:after {
clear: both;
content: "";
display: block;
height: 0;
width: 100%;
}
.customize-control-thim-customizer {
position: relative;
}
.customize-control-thim-customizer .thim-control-label,
.customize-control-thim-customizer label.customize-control-title {
display: block;
}
.customize-control-thim-customizer .thim-control-form {
position: relative;
}
.customize-control-thim-customizer .thim-control-form textarea {
display: block;
width: 100%;
}
#customize-theme-controls .customize-pane-child.open {
overflow: hidden !important;
}
.customize-control-thim-radio label {
display: list-item;
margin-bottom: 7px;
}
.customize-control-thim-radio label .option-description {
color: rgba(0, 0, 0, 0.35);
display: block;
font-size: 0.9em;
padding-left: 25px;
}
.customize-control-thim-radio-buttonset .buttonset {
display: flex;
flex-wrap: wrap;
}
.customize-control-thim-radio-buttonset .buttonset .switch-label {
background: rgba(0, 0, 0, 0.1);
border: 1px rgba(0, 0, 0, 0.1);
color: #555d66;
flex-grow: 1;
margin: 0;
padding: 0.5em 1em;
text-align: center;
}
.customize-control-thim-radio-buttonset .buttonset .switch-input:checked + .switch-label {
background-color: #00a0d2;
color: hsla(0deg, 0%, 100%, 0.8);
}
.customize-control-thim-radio-buttonset .screen-reader-text:focus {
clip-path: inset(50%);
-webkit-clip-path: inset(50%);
}
.customize-control-thim-radio-image > .image {
display: flex;
flex-wrap: wrap;
}
.customize-control-thim-radio-image label {
display: inline-block;
position: relative;
}
.customize-control-thim-radio-image label .image-label {
background: hsla(0deg, 0%, 100%, 0.7);
display: none;
font-weight: 700;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.customize-control-thim-radio-image label .image-label .inner {
height: 100%;
padding: 0.5em;
text-align: center;
vertical-align: middle;
width: 100%;
}
.customize-control-thim-radio-image label:hover .image-label {
display: block;
}
.customize-control-thim-radio-image input {
display: none;
}
.customize-control-thim-radio-image input + label img {
border: 2px solid transparent;
}
.customize-control-thim-radio-image input:checked + label img {
border: 2px solid #007cba;
border-radius: 2px;
}
.customize-control-thim-radio-image input + label .image-clickable {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.customize-control-thim-radio-image.thim-col-4 .image label {
width: 25%;
}
.customize-control-thim-radio-image.thim-col-3 .image label {
width: 33.33%;
}
.customize-control-thim-radio-image.thim-col-2 .image label {
width: 50%;
}
.customize-control-thim-slider .thim-control-label {
position: relative;
display: block;
}
.customize-control-thim-slider .customize-control-description {
padding-right: 30px;
}
.customize-control-thim-slider .thim-control-form {
position: relative;
margin-bottom: 12px;
}
.customize-control-thim-slider .thim-control-form:hover .thim-control-reset {
opacity: 1;
}
.customize-control-thim-slider .thim-control-reset {
display: flex;
align-items: center;
justify-content: center;
right: 0;
bottom: 22px;
position: absolute;
padding: 0;
width: 16px;
height: 16px;
color: #50575e;
background-color: transparent;
border-radius: 50%;
border-width: 0;
opacity: 0;
cursor: pointer;
transition: all 0.3s;
z-index: 3;
}
.customize-control-thim-slider .thim-control-reset:focus {
opacity: 1;
}
.customize-control-thim-slider .thim-control-reset:hover i {
color: #f00;
transform: rotate(-45deg);
}
.customize-control-thim-slider .thim-control-reset i {
font-size: 12px;
width: auto;
height: auto;
transform: rotate(45deg);
transition: transform 0.3s;
}
.customize-control-thim-slider .thim-control-cols {
display: flex;
align-items: center;
justify-content: space-between;
}
.customize-control-thim-slider .thim-control-left-col {
width: 90%;
padding-right: 13px;
}
.customize-control-thim-slider .thim-control-right-col {
width: 10%;
text-align: right;
}
.customize-control-thim-slider .thim-control-input {
font-size: 12px;
text-align: center;
background-color: #f7f7f7;
border-color: #bbb;
border-radius: 4px;
z-index: 2;
}
.customize-control-thim-slider .thim-control-slider {
position: relative;
top: -3px;
padding: 0;
margin: 0;
width: 100%;
height: 2px;
border-radius: 2px;
background-color: #bdc3c7;
background-image: linear-gradient(#2271b1, #2271b1);
background-repeat: no-repeat;
outline: none;
-webkit-appearance: none;
}
.customize-control-thim-slider .thim-control-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #2271b1;
cursor: pointer;
border: 1px solid #2271b1;
box-shadow: none;
-webkit-transition: background-color 0.15s ease-in-out, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 0.15s ease-in-out, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.customize-control-thim-slider .thim-control-slider::-webkit-slider-thumb:hover,
.customize-control-thim-slider .thim-control-slider::-webkit-slider-thumb:focus {
background-color: #2271b1;
}
.customize-control-thim-slider .thim-control-slider:active::-webkit-slider-thumb {
background-color: #2271b1;
}
.customize-control-thim-slider .thim-control-slider::-moz-range-thumb {
width: 16px;
height: 16px;
border: 0;
border-radius: 50%;
background-color: #2271b1;
cursor: pointer;
border: 1px solid #2271b1;
box-shadow: none;
-moz-transition: background-color 0.15s ease-in-out, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 0.15s ease-in-out, box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.customize-control-thim-slider .thim-control-slider::-moz-range-thumb:hover,
.customize-control-thim-slider .thim-control-slider::-moz-range-thumb:focus {
background-color: #2271b1;
}
.customize-control-thim-slider ::-moz-range-track {
background-color: #2271b1;
border: 0;
}
.customize-control-thim-slider input::-moz-focus-inner,
.customize-control-thim-slider input::-moz-focus-outer {
border: 0;
}
.customize-control-thim-slider .thim-control-slider::-webkit-slider-runnable-track {
-webkit-appearance: none;
box-shadow: none;
border: none;
background: transparent;
}
.customize-control-thim-slider .thim-control-slider::-moz-range-track {
-webkit-appearance: none;
box-shadow: none;
border: none;
background: transparent;
}
.customize-control-thim-switch, .customize-control-thim-toggle {
position: relative;
}
.customize-control-thim-switch .toggle-on,
.customize-control-thim-switch .toggle-off, .customize-control-thim-toggle .toggle-on,
.customize-control-thim-toggle .toggle-off {
opacity: 1;
padding-left: 6px;
padding-right: 6px;
font-size: 14px;
line-height: 18px;
}
.customize-control-thim-switch .toggle-on, .customize-control-thim-toggle .toggle-on {
color: #fff;
opacity: 0;
padding-right: 0;
}
.customize-control-thim-switch .toggle-off, .customize-control-thim-toggle .toggle-off {
color: #777;
padding-left: 0;
}
.customize-control-thim-switch .thim-switch, .customize-control-thim-toggle .thim-switch {
border: none;
margin-bottom: 0;
outline: 0;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border-radius: 3rem;
}
.customize-control-thim-switch .thim-toggle-switch-label, .customize-control-thim-toggle .thim-toggle-switch-label {
height: 30px;
align-items: center;
margin-bottom: 0;
background: #b4b9be;
cursor: pointer;
display: inline-flex;
justify-content: space-between;
position: relative;
transition: left 0.15s ease-out;
border-radius: 100px;
}
.customize-control-thim-switch .thim-toggle-switch-label:after, .customize-control-thim-toggle .thim-toggle-switch-label:after {
background: #FFFFFF;
content: "";
display: block;
position: absolute;
left: 5px;
width: 18px;
height: 18px;
transition: all 0.25s ease-in-out;
border-radius: 50%;
}
.customize-control-thim-switch .thim-toggle-switch-label::before, .customize-control-thim-toggle .thim-toggle-switch-label::before {
left: 0;
}
.customize-control-thim-switch input + label, .customize-control-thim-toggle input + label {
margin-left: 0;
margin-right: 0;
min-width: 55px;
}
.customize-control-thim-switch input:checked + label, .customize-control-thim-toggle input:checked + label {
background: #0073aa;
}
.customize-control-thim-switch input:checked + label:after, .customize-control-thim-toggle input:checked + label:after {
left: auto;
right: 5px;
background: #ffffff;
}
.customize-control-thim-switch input:checked + label .toggle-on, .customize-control-thim-toggle input:checked + label .toggle-on {
opacity: 1;
}
.customize-control-thim-switch input:checked + label .toggle-off, .customize-control-thim-toggle input:checked + label .toggle-off {
opacity: 0;
}
.customize-control-thim-switch .screen-reader-text:focus, .customize-control-thim-toggle .screen-reader-text:focus {
clip-path: inset(50%);
-webkit-clip-path: inset(50%);
}
.customize-control-thim-switch .thim-toggle, .customize-control-thim-toggle .thim-toggle {
align-items: flex-start;
display: flex;
justify-content: space-between;
}
.customize-control-thim-color .thim-control-form {
width: 100%;
position: relative;
box-sizing: border-box;
}
.customize-control-thim-color .thim-control-form * {
box-sizing: border-box;
}
.customize-control-thim-color .thim-control-cols {
display: flex;
align-items: flex-start;
}
.customize-control-thim-color .thim-control-left-col {
padding-right: 30px;
width: 90%;
width: calc(100% - 35px);
}
.customize-control-thim-color .thim-control-right-col {
display: flex;
justify-content: flex-end;
width: 35px;
}
.customize-control-thim-color .use-hue-mode .react-colorful {
height: auto;
}
.customize-control-thim-color .use-hue-mode .react-colorful__saturation {
display: none;
}
.customize-control-thim-color .thim-trigger-circle-wrapper {
position: relative;
top: -3px;
display: flex;
align-items: center;
justify-content: center;
padding: 3px;
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #ccc;
}
.customize-control-thim-color .thim-trigger-circle {
position: relative;
padding: 0;
display: block;
width: 22px;
height: 22px;
background-size: 10px;
border: none;
border-radius: 50%;
cursor: pointer;
}
.customize-control-thim-color .thim-trigger-circle .thim-color-preview {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.customize-control-thim-color .components-popover__content {
width: 275px !important;
padding: 0 !important;
}
.customize-control-thim-color .colorPickerContainer {
margin-top: 5px;
width: 100%;
padding: 10px;
background-color: #fff;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.09) 0 12px 15px 0;
}
.customize-control-thim-color .react-colorful {
width: 100%;
border-radius: 4px;
}
.customize-control-thim-color .react-colorful__saturation {
border-radius: 5px;
margin-bottom: 16px;
}
.customize-control-thim-color .react-colorful__hue {
width: 100%;
height: 18px;
margin-bottom: 10px;
border-radius: 16px;
}
.customize-control-thim-color .react-colorful__interactive {
width: calc(100% - 18px);
margin-left: 9px;
}
.customize-control-thim-color .react-colorful__alpha {
width: 100%;
height: 18px;
border-radius: 16px;
margin-bottom: 0;
background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%);
background-size: 10px 10px;
background-position: 0 0, 0 5px, 5px -5px, -5px 0;
}
.customize-control-thim-color .react-colorful__pointer {
width: 14px;
height: 14px;
background: rgba(0, 0, 0, 0);
box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 2px 0px;
outline: transparent solid 2px;
}
.customize-control-thim-color .thim-color-input-wrapper {
margin-top: 10px;
}
.customize-control-thim-color .thim-color-input-control {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.customize-control-thim-color input.thim-color-input {
display: block;
position: relative;
padding-left: 8px;
padding-right: 8px;
width: 100%;
height: 30px;
line-height: 30px;
color: #333;
border: 1px solid #ccc;
border-radius: 4px;
z-index: 1;
}
.customize-control-thim-color .thim-color-input:focus,
.customize-control-thim-color .thim-color-input:active {
box-shadow: 0 0 0 1px #2271b1;
outline: none;
border-color: #2271b1;
}
.customize-control-thim-color .thim-color-preview-wrapper {
position: absolute;
left: 6px;
width: 22px;
height: 22px;
background-repeat: repeat;
background-size: 8px;
border-radius: 50%;
border: 1px solid #ddd;
border: 2px solid #fff;
box-shadow: 0px 0px 0px 1px #ddd;
z-index: 2;
}
.customize-control-thim-color .thim-color-preview,
.customize-control-thim-color .thim-control-reset {
position: absolute;
padding: 0;
background-color: transparent;
cursor: pointer;
}
.customize-control-thim-color .thim-color-preview {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
border-width: 0;
}
.customize-control-thim-color .thim-control-reset {
display: flex;
align-items: center;
justify-content: center;
top: 4px;
right: 35px;
width: 17px;
height: 17px;
border-radius: 50%;
border-width: 0;
z-index: 3;
}
.customize-control-thim-color .thim-control-reset:hover i {
color: #f00;
transform: rotate(-45deg);
}
.customize-control-thim-color .thim-control-reset i {
font-size: 12px;
width: auto;
height: auto;
transform: rotate(45deg);
transition: transform 0.2s;
}
.customize-control-thim-color .thim-color-swatches {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 6px;
align-items: center;
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #eee;
}
.customize-control-thim-color .thim-color-swatch {
position: relative;
display: block;
padding: 0;
width: 25px;
height: 25px;
border-radius: 50%;
border: 2px solid #fff;
cursor: pointer;
transform: scale(1, 1);
transition: transform 0.2s;
box-shadow: 0px 0px 0px 1px #ddd;
}
.customize-control-thim-color .thim-color-swatch:active,
.customize-control-thim-color .thim-color-swatch:focus {
outline: none;
}
.customize-control-thim-color .thim-color-swatch:hover,
.customize-control-thim-color .thim-color-swatch:focus {
transform: scale(1.1, 1.1);
}
.customize-control-thim-color .thim-label-tooltip {
position: absolute;
bottom: 45px;
left: -8px;
padding: 7px 10px 3px;
width: auto;
width: -moz-max-content;
width: max-content;
max-width: 200px;
color: #fff;
background-color: rgba(0, 0, 0, 0.9);
border-radius: 2px;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
z-index: 2;
}
.customize-control-thim-color .thim-label-tooltip::before {
content: "";
position: absolute;
bottom: -7px;
left: 19px;
border-width: 7px 7px 0 7px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
}
.customize-control-thim-color .thim-label-tooltip .customize-control-title {
line-height: 1.2;
font-size: 13px;
font-weight: 400;
}
.customize-control-thim-color .thim-trigger-circle-wrapper:hover ~ .thim-label-tooltip {
opacity: 1;
visibility: visible;
}
.customize-control-thim-color[data-thim-parent-control-type=thim-multicolor] {
margin-right: 8px;
margin-bottom: 20px;
padding-right: 0;
width: 35px;
}
.customize-control-thim-color[data-thim-parent-control-type=thim-multicolor] .thim-control-reset {
top: -19px;
right: 8px;
}
.customize-control-thim-color[data-thim-parent-control-type=thim-multicolor] .thim-color-component__popover {
position: fixed !important;
}
.customize-control-thim-color[data-thim-parent-control-type=thim-typography] .colorPickerContainer {
top: 55px;
}
.customize-control-thim-color[data-thim-parent-control-type=thim-typography] .thim-control-reset {
top: 30px;
right: auto;
left: 35px;
}
.customize-control-thim-dimension .thim-control-form .thim-input-control + .thim-control-label {
font-size: 10px;
font-weight: 500;
line-height: normal;
text-align: center;
text-transform: uppercase;
color: #777;
overflow-wrap: anywhere;
}
.customize-control-thim-dimension .thim-control-input {
padding: 0 8px;
line-height: 2;
min-height: 30px;
font-size: 14px;
}
.customize-control-thim-dimensions {
position: relative;
}
.customize-control-thim-dimensions .wrapper {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px;
}
.customize-control-thim-dimensions .wrapper .control {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.customize-control-thim-dimensions .wrapper .control > div {
width: 48%;
}
.customize-control-thim-dimensions .wrapper .control > div h5 {
margin: 10px 0 7px;
}
.customize-control-thim-dimensions .wrapper .control > div .inner {
display: flex;
}
.customize-control-thim-sortable ul.ui-sortable li {
background: #fff;
border: 1px solid #333;
padding: 5px 10px;
}
.customize-control-thim-sortable ul.ui-sortable li .dashicons.dashicons-menu {
float: right;
}
.customize-control-thim-sortable ul.ui-sortable li .dashicons.visibility {
margin-right: 10px;
}
.customize-control-thim-sortable ul.ui-sortable li.invisible {
border: 1px dashed #aaa;
color: #aaa;
}
.customize-control-thim-sortable ul.ui-sortable li.invisible .dashicons.visibility {
color: #aaa;
}
.customize-control-thim-select input[autocomplete=off] {
box-shadow: none;
}
.thim-react-select__value-container > div:not(.thim-react-select__single-value):not(.thim-react-select__multi-value) {
padding-top: 0;
padding-bottom: 0;
}
.thim-react-select__control {
padding-top: 2px;
padding-bottom: 2px;
min-height: 26px;
}
.thim-react-select__value-container .thim-react-select__input {
min-height: 24px;
height: 24px;
}
.thim-react-select__value-container .thim-react-select__input input {
min-height: 24px;
height: 24px;
}
.thim-react-select__single-value {
display: flex;
align-items: center;
width: 100%;
}
.thim-react-select__multi-value {
align-items: center;
position: relative;
height: 20px;
}
.thim-react-select__input {
display: inline-flex !important;
align-items: center;
position: relative;
left: 2px;
}
.thim-react-select__input input {
box-sizing: border-box !important;
height: 30px;
}
.thim-react-select__indicators {
height: 24px !important;
}
.thim-react-select__indicator {
align-items: center;
height: 24px;
}
.customize-control-thim-select .thim-react-select__menu {
z-index: 3;
}
.thim-react-select__menu-portal {
z-index: 9999999 !important;
background-color: #fff;
}
.customize-control-thim-customizer[data-thim-parent-control-type=thim-typography] {
margin-bottom: 10px;
}
.customize-control-thim-customizer[data-thim-parent-control-type=thim-typography].thim-w50 {
width: 50%;
}
.customize-control-thim-customizer[data-thim-parent-control-type=thim-typography] .customize-control-title {
font-size: 12px;
font-weight: 400;
margin-bottom: 0;
}
.customize-control-thim-customizer[data-thim-typography-css-prop=text-decoration] {
margin-bottom: 15px;
}
.thim-typography-end {
margin-bottom: 8px;
margin-top: 8px;
}
.thim-typography-end hr {
margin-bottom: 0;
margin-top: 0;
}
.thim-tooltip-wrapper {
position: relative;
z-index: 2;
}
.thim-tooltip-wrapper .tooltip-trigger {
left: 3px;
position: relative;
text-decoration: none;
top: 3px;
}
.thim-tooltip-wrapper .tooltip-trigger:hover + .tooltip-content {
bottom: 32px;
opacity: 1;
visibility: visible;
z-index: 99999;
}
.thim-tooltip-wrapper .tooltip-trigger .dashicons {
font-size: 18px;
height: 18px;
width: 18px;
}
.thim-tooltip-wrapper .tooltip-content {
background: #222;
border-radius: 2px;
bottom: 29px;
color: #fff;
font-size: 13px;
font-weight: 400;
height: -moz-fit-content;
height: fit-content;
left: -6px;
line-height: 1.4em;
min-width: 275px;
opacity: 0;
padding: 7px;
position: absolute;
transition: all 0.2s linear;
visibility: hidden;
width: 100%;
z-index: -1;
}
.thim-tooltip-wrapper .tooltip-content a {
color: #00a0d2;
}
/*# sourceMappingURL=customizer.css.map*/