|
Server : LiteSpeed System : Linux server104.web-hosting.com 4.18.0-513.24.1.lve.1.el8.x86_64 #1 SMP Thu May 9 15:10:09 UTC 2024 x86_64 User : saleoqej ( 6848) PHP Version : 8.0.30 Disable Function : NONE Directory : /home/saleoqej/chijamzacademy.com/wp-content/themes/kadence/inc/customizer/react/build/ |
.customize-control-kadence_builder_control {
border: 0 !important;
}
.kadence-builder-items {
padding: 10px 20px;
}
.kadence-builder-sortable-panel {
min-height: 44px;
display: flex;
flex: 1;
align-items: center;
}
.kadence-builder-item {
line-height: 32px;
display: inline-flex;
align-items: center;
justify-content: space-between;
height: auto;
min-width: 80px;
background: white;
position: relative;
border: 1px solid #A0AEC0;
white-space: nowrap;
position: relative;
cursor: grab;
margin: 0 4px;
padding: 0 12px;
border-radius: 3px;
}
.kadence-builder-item > .kadence-builder-item-icon {
display: flex;
align-items: center;
justify-content: center;
right: 0;
cursor: pointer;
margin-right: -10px;
width: 28px;
height: 28px;
color: #718096;
background: transparent;
border: 0;
padding: 0;
margin-left: 8px;
}
.kadence-builder-item.sortable-ghost {
opacity: 0.4;
box-shadow: none;
opacity: 0.6;
font-size: 0;
border: 1px dashed #9c9c9c;
background: rgba(0, 0, 0, 0.015);
background: rgba(0, 124, 186, 0.25);
}
.kadence-builder-item.sortable-ghost .kadence-builder-item-icon {
display: none;
}
.kadence-builder-item.sortable-drag {
box-shadow: 0 5px 20px -5px rgba(104, 104, 104, 0.4), inset 3px 0px 0px #007cba;
z-index: 999999 !important;
}
.kadence-builder-item.sortable-drag .kadence-builder-item-icon:not(.kadence-move-icon) {
display: none;
}
.kadence-builder-item-start {
margin-bottom: 10px;
min-height: 34px;
display: flex;
}
.kadence-builder-item-start .kadence-builder-item {
flex: 1;
display: flex;
width: 100%;
box-sizing: border-box;
}
.kadence-builder-item-start .kadence-builder-item.sortable-drag {
width: auto;
}
#accordion-section-kadence_customizer_header_builder {
display: none !important;
}
#accordion-section-kadence_customizer_footer_builder {
display: none !important;
}
.kadence-build-tabs {
border-bottom: 4px solid #ddd;
margin: 0;
padding-top: 9px;
padding-bottom: 0;
line-height: inherit;
display: flex;
padding: 0 12px;
}
.kadence-build-tabs .nav-tab {
font-size: 14px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
height: 40px;
margin: 0;
margin-bottom: -4px;
padding: 0 18px;
cursor: pointer;
border: 0;
box-sizing: content-box;
border-bottom: 4px solid #ddd;
border-radius: 0;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.kadence-build-tabs .nav-tab .dashicons.dashicons-desktop {
font-size: 14px;
height: auto;
}
.kadence-build-tabs .nav-tab:not(.nav-tab-active):hover {
background: #e5e5e5 !important;
color: #444 !important;
border-bottom-color: #f9f9f9;
}
.kadence-build-tabs .nav-tab:hover {
box-shadow: none !important;
}
.kadence-build-tabs .nav-tab:not(:first-child) {
margin-left: 8px;
}
.kadence-build-tabs .nav-tab.nav-tab-active {
border-bottom-color: #007cba;
background: #f9f9f9;
color: #000;
}
#customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder, #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder {
position: fixed !important;
top: auto;
left: 300px;
right: 0;
min-height: 0;
background: #eee;
border-top: 1px solid #A0AEC0;
bottom: 0;
visibility: visible;
height: auto;
width: auto;
padding: 0;
max-height: 60%;
overflow: auto;
transform: translateY(100%);
transition: transform 0.1s ease;
backface-visibility: hidden;
}
@media (min-width: 1660px) {
#customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder, #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder {
left: 18%;
}
}
@media (max-width: 1659px) {
.rtl #customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder, .rtl #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder {
right: 300px;
left: 0;
}
}
#customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder.kadence-builder-active, #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder.kadence-footer-builder-active {
transform: translateY(0%);
visibility: visible;
overflow: visible;
}
#customize-theme-controls #sub-accordion-section-kadence_customizer_header_builder.kadence-builder-active.kadence-builder-hide, #customize-theme-controls #sub-accordion-section-kadence_customizer_footer_builder.kadence-footer-builder-active.kadence-builder-hide {
transform: translateY(100%) !important;
overflow: visible;
}
.kadence-builder-active > li.customize-section-description-container, .kadence-footer-builder-active > li.customize-section-description-container {
display: none !important;
}
.kadence-builder-areas .kadence-builder-group-horizontal {
display: flex;
margin-bottom: 15px;
border: 1px dashed #A0AEC0;
background: #f7f7f7;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area {
display: flex;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-left, .kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-right {
flex: 1 1 0%;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-right .kadence-builder-drop-right, .kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-drop-left_center {
justify-content: flex-end;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-drop-left_center, .kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-drop-right_center {
width: 0px;
flex: 0;
overflow: hidden;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-center {
min-width: 80px;
border-left: 1px dashed #A0AEC0;
border-right: 1px dashed #A0AEC0;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-center .kadence-builder-sortable-panel {
justify-content: center;
}
.kadence-builder-areas .kadence-builder-group-horizontal .kadence-builder-area-center.kadence-dragging-dropzones {
min-width: 120px;
}
.kadence-builder-areas.has-center-items .kadence-builder-drop-left_center, .kadence-builder-areas.has-center-items .kadence-builder-drop-right_center {
width: auto;
flex: 1;
overflow: auto;
}
.kadence-builder-areas.has-center-items .kadence-dragging-dropzones .kadence-builder-drop-left_center {
min-width: 100px;
border-left: 1px dashed #A0AEC0;
}
.kadence-builder-areas.has-center-items .kadence-dragging-dropzones .kadence-builder-drop-right_center {
min-width: 100px;
border-right: 1px dashed #A0AEC0;
}
.kadence-builder-areas.has-center-items .kadence-builder-area-center {
min-width: 120px;
border-left: 1px dashed #A0AEC0;
border-right: 1px dashed #A0AEC0;
}
.kadence-builder-areas .kadence-small-label {
display: none;
}
.kadence-builder-areas.popup-vertical-group {
width: 200px;
padding-right: 20px;
}
.kadence-builder-areas.popup-vertical-group .kadence-builder-group {
height: 100%;
margin-bottom: 0;
}
.kadence-builder-areas.popup-vertical-group .kadence-builder-area {
flex: auto;
flex-direction: column;
}
.kadence-builder-areas.popup-vertical-group .kadence-builder-area .kadence-builder-sortable-panel {
min-height: 115px;
align-items: center;
flex-direction: column;
flex-wrap: wrap;
}
.kadence-builder-areas.popup-vertical-group .kadence-builder-area .kadence-builder-sortable-panel .kadence-builder-item {
width: 90%;
margin-top: 4px;
margin-bottom: 4px;
box-sizing: border-box;
}
.kadence-builder-item-start button.kadence-builder-item {
border: 1px dashed #bbb;
background: #f2f2f2;
cursor: pointer;
box-shadow: none !important;
}
.kadence-builder-item-start button.kadence-builder-item:hover {
border: 1px dashed #a2a2a2;
background: #f9f9f9 !important;
}
.kadence-footer-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_footer_layout,
.kadence-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_header_layout {
transform: none;
height: auto;
visibility: visible;
top: 75px;
}
.kadence-footer-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_footer_layout .customize-section-description-container.section-meta,
.kadence-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_header_layout .customize-section-description-container.section-meta {
display: none;
}
.kadence-footer-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-section-kadence_customizer_footer_layout .customize-section-description-container,
.kadence-builder-is-active .in-sub-panel:not(.section-open) ul#sub-accordion-section-kadence_customizer_header_layout .customize-section-description-container {
display: none;
}
.kadence-footer-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-panel-kadence_customizer_footer .accordion-section.control-section,
.kadence-builder-is-active .in-sub-panel:not(.section-open) #sub-accordion-panel-kadence_customizer_header .accordion-section.control-section {
display: none !important;
}
.kadence-footer-builder-is-active .preview-desktop #customize-preview, .kadence-footer-builder-is-active .preview-tablet #customize-preview, .kadence-builder-is-active .preview-desktop #customize-preview, .kadence-builder-is-active .preview-tablet #customize-preview {
height: auto;
}
#customize-control-header_mobile_items .kadence-builder-items {
display: flex;
}
#customize-control-header_mobile_items .kadence-builder-row-items {
flex: 1;
}
.customize-control-kadence_builder_control .kadence-builder-items.kadence-builder-items-with-popup {
display: flex;
}
.customize-control-kadence_builder_control .kadence-builder-items.kadence-builder-items-with-popup .kadence-builder-row-items {
flex: 1;
}
.kadence-builder-areas button.components-button.kadence-row-actions {
background: #007cba;
color: #c8dbe4;
text-transform: uppercase;
font-size: 10px;
height: auto;
line-height: 26px;
border-radius: 0;
position: absolute;
top: -26px;
border: 0;
opacity: 0;
height: 26px;
padding-top: 0;
padding-bottom: 0;
z-index: 10;
}
.kadence-builder-areas:hover button.components-button.kadence-row-actions {
opacity: 1;
}
.kadence-builder-areas button.components-button.kadence-row-actions svg {
width: 10px;
margin-left: 8px;
}
.kadence-builder-areas button.components-button.kadence-row-actions .dashicons {
width: 10px;
font-size: 10px;
height: 10px;
margin-left: 8px;
}
.kadence-builder-areas button.components-button.kadence-row-actions:hover, .kadence-builder-areas button.components-button.kadence-row-actions:focus {
background: #007cba !important;
color: white !important;
box-shadow: none !important;
}
.kadence-builder-areas {
position: relative;
}
.kadence-builder-areas:hover .kadence-builder-group-horizontal {
border: 1px solid #007cba;
}
.kadence-builder-group.kadence-builder-group-horizontal[data-setting=bottom] {
margin-bottom: 0;
}
.footer-column-row .kadence-builder-area {
flex: 1;
border-right: 1px dashed #A0AEC0;
}
.footer-column-row .kadence-builder-area .kadence-builder-sortable-panel {
justify-content: center;
}
.footer-column-row .kadence-builder-area:first-child .kadence-builder-sortable-panel {
justify-content: flex-start;
}
.footer-column-row .kadence-builder-area:last-child .kadence-builder-sortable-panel {
justify-content: flex-end;
}
.footer-column-row .kadence-builder-area:last-child {
border-right: 0;
}
#sub-accordion-section-kadence_customizer_footer_builder .customize-control-kadence_blank_control .kadence-builder-tab-toggle {
top: -4px;
}
#sub-accordion-section-kadence_customizer_footer_builder .customize-control-kadence_blank_control .kadence-builder-show-button.kadence-builder-tab-toggle {
top: auto;
}
.footer-row-columns-2.footer-row-layout-left-golden .kadence-builder-area-1 {
flex: 0 1 66.67%;
}
.footer-row-columns-2.footer-row-layout-left-golden .kadence-builder-area-2 {
flex: 0 1 33.33%;
}
.footer-row-columns-2.footer-row-layout-right-golden .kadence-builder-area-1 {
flex: 0 1 33.33%;
}
.footer-row-columns-2.footer-row-layout-right-golden .kadence-builder-area-2 {
flex: 0 1 66.67%;
}
.footer-row-columns-3.footer-row-layout-left-half .kadence-builder-area {
flex: 0 1 25%;
}
.footer-row-columns-3.footer-row-layout-left-half .kadence-builder-area-1 {
flex: 0 1 50%;
}
.footer-row-columns-3.footer-row-layout-right-half .kadence-builder-area {
flex: 0 1 25%;
}
.footer-row-columns-3.footer-row-layout-right-half .kadence-builder-area-3 {
flex: 0 1 50%;
}
.footer-row-columns-3.footer-row-layout-center-half .kadence-builder-area {
flex: 0 1 25%;
}
.footer-row-columns-3.footer-row-layout-center-half .kadence-builder-area-2 {
flex: 0 1 50%;
}
.footer-row-columns-3.footer-row-layout-center-wide .kadence-builder-area {
flex: 0 1 20%;
}
.footer-row-columns-3.footer-row-layout-center-wide .kadence-builder-area-2 {
flex: 0 1 60%;
}
.footer-row-columns-3.footer-row-layout-center-exwide .kadence-builder-area {
flex: 0 1 15%;
}
.footer-row-columns-3.footer-row-layout-center-exwide .kadence-builder-area-2 {
flex: 0 1 70%;
}
.footer-row-columns-4.footer-row-layout-left-forty .kadence-builder-area {
flex: 1;
}
.footer-row-columns-4.footer-row-layout-left-forty .kadence-builder-area-1 {
flex: 2;
}
.footer-row-columns-4.footer-row-layout-right-forty .kadence-builder-area {
flex: 1;
}
.footer-row-columns-4.footer-row-layout-right-forty .kadence-builder-area-4 {
flex: 2;
}
.footer-column-row.footer-row-columns-1 .kadence-builder-area:last-child .kadence-builder-sortable-panel {
justify-content: center;
}
.kadence-builder-areas.footer-row-direction-column .kadence-builder-group-horizontal .kadence-builder-area .kadence-builder-drop {
flex-direction: column;
align-items: normal;
}
.kadence-builder-areas.footer-row-direction-column .kadence-builder-group-horizontal .kadence-builder-area .kadence-builder-drop .kadence-builder-item {
margin: 4px;
}
.kadence-builder-item-start .kadence-builder-item {
border-left: 3px solid #007cba;
}
.kadence-builder-item-start button.kadence-builder-item {
border: 1px solid #fff;
background: #fff;
}
.kadence-builder-item-start button.kadence-builder-item:hover {
border: 1px solid #fff;
background: #fff !important;
}
.kadence-builder-item-start .kadence-builder-item:hover > .kadence-builder-item-icon {
color: #007cba;
}
.kadence-builder-item > .kadence-builder-item-icon.kadence-move-icon {
margin-left: -10px;
transform: rotate(90deg);
margin-right: 0;
cursor: grab;
width: 18px;
opacity: 0.7;
}
.kadence-builder-item-text {
flex-grow: 1;
}
.kadence-builder-item-start.kadence-move-item .kadence-builder-item {
justify-content: flex-start;
}
.customize-control:not(.customize-control-kadence_blank_control) + .customize-control#customize-control-header_mobile_available_items {
padding-top: 0;
border-top: 0;
}
.kadence-available-items-pool {
min-width: 80px;
border: 1px dashed #A0AEC0;
padding: 20px 10px 10px;
}
.kadence-available-items-title {
padding: 10px 0;
}
.kadence-builder-item > .kadence-builder-item-icon.kadence-builder-item-focus-icon svg {
width: 14px;
}
.kadence-builder-item > .kadence-builder-item-icon.kadence-builder-item-focus-icon .dashicon {
font-size: 14px;
width: 14px;
height: 14px;
}
.kadence-builder-area .kadence-builder-add-item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.kadence-builder-area {
position: relative;
}
.kadence-builder-area .kadence-builder-item {
z-index: 10;
}
.kadence-builder-area .kadence-builder-item-add-icon {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: transparent;
border: 0;
height: auto;
width: auto;
padding: 0;
min-width: 100%;
z-index: 1;
transition: all 0.2s ease-in-out;
color: transparent !important;
}
.kadence-builder-area .kadence-builder-item-add-icon:hover, .kadence-builder-area .kadence-builder-item-add-icon:focus {
color: #444 !important;
background: rgba(0, 124, 186, 0.05) !important;
box-shadow: none !important;
border: 0 !important;
}
.components-popover.kadence-popover-add-builder.components-animate__appear {
left: 50% !important;
top: 0 !important;
position: absolute;
bottom: auto;
}
.components-popover__content .kadence-popover-builder-list .kadence-radio-container-control {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
width: 300px;
}
.kadence-popover-builder-list {
padding: 0 10px;
}
.kadence-popover-builder-list .kadence-radio-container-control button.components-button.is-tertiary {
font-size: 10px;
margin: 0;
}
.kadence-builder-area .kadence-builder-item-add-icon svg {
margin-top: 5px;
}
.kadence-builder-area-center .kadence-builder-drop-center .kadence-builder-item:first-child {
margin-left: 25px;
}
.kadence-builder-area-center .kadence-builder-drop-center .kadence-builder-item:last-child {
margin-right: 25px;
}
.kadence-builder-areas.has-center-items .kadence-builder-add-item.center-on-right {
right: 50%;
}
.kadence-builder-areas.has-center-items .kadence-builder-add-item.center-on-right .kadence-builder-item-add-icon {
text-align: right;
padding-right: 30px;
}
.kadence-builder-areas.has-center-items .kadence-builder-add-item.center-on-left {
left: 50%;
}
.kadence-builder-areas.has-center-items .kadence-builder-add-item.center-on-left .kadence-builder-item-add-icon {
text-align: left;
padding-left: 30px;
}
.kadence-builder-area .kadence-builder-add-item.left-center-on-left, .kadence-builder-area .kadence-builder-add-item.right-center-on-right {
display: none;
}
.kadence-builder-areas.has-center-items .kadence-builder-add-item.left-center-on-left {
display: block;
right: 50%;
}
.kadence-builder-areas.has-center-items .kadence-builder-add-item.right-center-on-right {
display: block;
left: 50%;
}
.rfipbtn, .rfipdropdown {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
line-height: 1.71429;
vertical-align: baseline;
}
.rfipbtn, .rfipbtn *, .rfipdropdown, .rfipdropdown * {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.rfipbtn input, .rfipbtn select, .rfipdropdown input, .rfipdropdown select {
font-size: 14px;
}
.rfip {
position: relative;
display: inline-block;
margin: 8px;
vertical-align: middle;
}
.rfipbtn {
width: 136px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
min-height: 50px;
border-radius: 2px;
cursor: pointer;
-webkit-transition: border-color 0.25s, -webkit-box-shadow 0.25s;
transition: border-color 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border-color 0.25s;
transition: box-shadow 0.25s, border-color 0.25s, -webkit-box-shadow 0.25s;
outline: 0 none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rfipbtn--open {
border-radius: 2px 2px 0 0;
}
.rfipbtn__button {
width: 48px;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: auto;
-webkit-transition: background 0.25s, -webkit-box-shadow 0.25s;
transition: background 0.25s, -webkit-box-shadow 0.25s;
transition: background 0.25s, box-shadow 0.25s;
transition: background 0.25s, box-shadow 0.25s, -webkit-box-shadow 0.25s;
}
.rfipbtn__button i {
font-size: 32px;
-webkit-transition: -webkit-transform 0.25s;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
}
.rfipbtn__button--open i {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.rfipbtn__current {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 86px;
flex: 0 0 86px;
padding: 2px;
}
.rfipbtn--multi {
width: 258px;
}
.rfipbtn--multi .rfipbtn__current {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-preferred-size: 212px;
flex-basis: 212px;
-ms-flex-line-pack: center;
align-content: center;
}
.rfipbtn--multi .rfipbtn__current, .rfipbtn__icon {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.rfipbtn__icon {
margin: 2px;
padding: 0;
height: 28px;
width: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 2px;
}
.rfipbtn__icon--empty {
font-size: 14px;
line-height: 16px;
margin-left: 8px;
text-align: center;
text-transform: lowercase;
font-style: italic;
}
.rfipbtn__elm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
width: 28px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
}
.rfipbtn__elm img, .rfipbtn__elm svg {
height: 18px;
width: auto;
}
.rfipbtn__del {
width: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: background-color 0.25s;
transition: background-color 0.25s;
cursor: pointer;
}
.rfipcategory {
width: 100%;
margin: 0 0 8px;
position: relative;
}
.rfipcategory select {
width: 100%;
display: block;
height: 32px;
line-height: 32px;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, box-shadow 0.25s;
transition: border 0.25s, box-shadow 0.25s, -webkit-box-shadow 0.25s;
background-color: transparent !important;
}
.rfipcategory i {
position: absolute;
right: 2px;
top: 0;
font-size: 16px;
line-height: 32px;
z-index: -1;
}
.rfipdropdown {
width: 352px;
position: absolute;
left: 0;
margin-top: -1px;
z-index: 100000001;
border-radius: 0 1px 4px 4px;
}
.rfipdropdown__selector {
overflow: hidden;
padding: 16px;
}
.rfipdropdown.fipappear-enter-active .rfipdropdown__selector, .rfipdropdown.fipappear-exit-active .rfipdropdown__selector {
-webkit-transition: max-height 0.3s ease-out, padding 0.3s ease-out;
transition: max-height 0.3s ease-out, padding 0.3s ease-out;
padding: 16px;
}
.rfipicons__pager {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
height: 24px;
line-height: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
.rfipicons__num {
width: 100px;
margin-right: auto;
}
.rfipicons__cp {
width: 32px;
height: 24px;
line-height: 24px;
text-align: right;
}
.rfipicons__cp, .rfipicons__sp, .rfipicons__tp {
margin-right: 8px;
}
.rfipicons__arrow {
margin-left: auto;
width: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rfipicons__right {
margin-left: auto;
}
.rfipicons__left, .rfipicons__right {
cursor: pointer;
width: 24px;
height: 24px;
position: relative;
-webkit-transition: background-color 0.25s, border 0.25s;
transition: background-color 0.25s, border 0.25s;
outline: 0 none;
border-radius: 2px;
font-size: 18px;
}
.rfipicons__label {
height: 22px;
width: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rfipicons__label img {
height: 18px;
width: 18px;
}
.rfipicons__selector {
-webkit-box-flex: 1;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.rfipicons__ibox, .rfipicons__selector {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rfipicons__ibox {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
width: 100%;
-webkit-transition: background-color 0.25s, border 0.25s;
transition: background-color 0.25s, border 0.25s;
border-radius: 2px;
outline: 0 none;
font-size: 20px;
}
.rfipicons__ibox img, .rfipicons__ibox svg {
max-height: 24px;
width: auto;
}
.rfipicons__ibox > * {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.25s;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
-webkit-transform-origin: center;
transform-origin: center;
}
.rfipicons__ibox:hover > * {
-webkit-transform: scale(1.8);
transform: scale(1.8);
}
.rfipicons__ibox--error {
text-transform: lowercase;
font-style: italic;
}
.rfipicons__icon {
width: 20%;
height: 64px;
padding: 1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.rfipicons__icon--error {
display: block;
padding: 16px;
text-align: center;
font-size: 24px;
width: 100%;
line-height: 1;
}
.rfipsearch {
width: 100%;
margin: 0 0 8px;
}
.rfipsearch input {
width: 100%;
display: block;
height: 32px;
line-height: 32px;
}
/*!
*
* React FontIconPicker
*
* React Component to show a picker element to pick font-icons & svg
*
* @author Swashata Ghosh <swashata@wpquark.com>
* @version 1.1.0
* @link https://github.com/fontIconPicker/react-fonticonpicker
* @license MIT
*
* Copyright (c) 2018 Swashata Ghosh <swashata@wpquark.com>
*
* This software is released under the MIT License.
* https://opensource.org/licenses/MIT
*
*/
.rfipbtn--green {
background-color: #fff;
border: 1px solid #81c784;
}
.rfipbtn--green:active, .rfipbtn--green:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #66bb6a;
}
.rfipbtn--green .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #81c784;
background-color: #c8e6c9;
color: #2e7d32;
}
.rfipbtn--green .rfipbtn__button:hover {
background-color: #66bb6a;
}
.rfipbtn--green .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #81c784;
box-shadow: inset 0 0 10px 0 #81c784;
}
.rfipbtn--green .rfipbtn__icon {
border: 1px solid #a5d6a7;
color: #2e7d32;
}
.rfipbtn--green .rfipbtn__icon--empty {
color: #81c784;
}
.rfipbtn--green .rfipbtn__del {
background-color: #a5d6a7;
}
.rfipbtn--green .rfipbtn__del:hover {
background-color: #81c784;
}
.rfipbtn--green .rfipbtn__del:active, .rfipbtn--green .rfipbtn__del:focus {
outline: 1px solid #81c784;
}
.rfipdropdown--green {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #81c784;
}
.rfipdropdown--green input, .rfipdropdown--green select {
color: #424242;
}
.rfipdropdown--green .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #66bb6a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--green .rfipcategory select:active, .rfipdropdown--green .rfipcategory select:focus {
border-bottom-color: #4caf50;
-webkit-box-shadow: 0 1px 0 0 #4caf50;
box-shadow: 0 1px 0 0 #4caf50;
outline: 0 none;
}
.rfipdropdown--green .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #66bb6a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--green .rfipicons__cp:active, .rfipdropdown--green .rfipicons__cp:focus {
border-bottom-color: #4caf50;
-webkit-box-shadow: 0 1px 0 0 #4caf50;
box-shadow: 0 1px 0 0 #4caf50;
outline: 0 none;
}
.rfipdropdown--green .rfipicons__left, .rfipdropdown--green .rfipicons__right {
background-color: #a5d6a7;
border: 1px solid #a5d6a7;
color: #2e7d32;
}
.rfipdropdown--green .rfipicons__left:hover, .rfipdropdown--green .rfipicons__right:hover {
background-color: #66bb6a;
border: 1px solid #66bb6a;
}
.rfipdropdown--green .rfipicons__left:active, .rfipdropdown--green .rfipicons__left:focus, .rfipdropdown--green .rfipicons__right:active, .rfipdropdown--green .rfipicons__right:focus {
border: 1px solid #66bb6a;
}
.rfipdropdown--green .rfipicons__ibox {
background-color: #c8e6c9;
border: 1px solid #c8e6c9;
color: #2e7d32;
}
.rfipdropdown--green .rfipicons__ibox:hover {
background-color: #66bb6a;
border: 1px solid #66bb6a;
}
.rfipdropdown--green .rfipicons__ibox:active, .rfipdropdown--green .rfipicons__ibox:focus {
border: 1px solid #66bb6a;
}
.rfipdropdown--green .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--green .rfipicons__icon--selected .rfipicons__ibox {
background-color: #a5d6a7;
}
.rfipdropdown--green .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #66bb6a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--green .rfipsearch input:active, .rfipdropdown--green .rfipsearch input:focus {
border-bottom-color: #4caf50;
-webkit-box-shadow: 0 1px 0 0 #4caf50;
box-shadow: 0 1px 0 0 #4caf50;
outline: 0 none;
}
.rfipbtn--bluegrey {
background-color: #fff;
border: 1px solid #90a4ae;
}
.rfipbtn--bluegrey:active, .rfipbtn--bluegrey:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #78909c;
}
.rfipbtn--bluegrey .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #90a4ae;
background-color: #cfd8dc;
color: #37474f;
}
.rfipbtn--bluegrey .rfipbtn__button:hover {
background-color: #78909c;
}
.rfipbtn--bluegrey .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #90a4ae;
box-shadow: inset 0 0 10px 0 #90a4ae;
}
.rfipbtn--bluegrey .rfipbtn__icon {
border: 1px solid #b0bec5;
color: #37474f;
}
.rfipbtn--bluegrey .rfipbtn__icon--empty {
color: #90a4ae;
}
.rfipbtn--bluegrey .rfipbtn__del {
background-color: #b0bec5;
}
.rfipbtn--bluegrey .rfipbtn__del:hover {
background-color: #90a4ae;
}
.rfipbtn--bluegrey .rfipbtn__del:active, .rfipbtn--bluegrey .rfipbtn__del:focus {
outline: 1px solid #90a4ae;
}
.rfipdropdown--bluegrey {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #90a4ae;
}
.rfipdropdown--bluegrey input, .rfipdropdown--bluegrey select {
color: #424242;
}
.rfipdropdown--bluegrey .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #78909c;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--bluegrey .rfipcategory select:active, .rfipdropdown--bluegrey .rfipcategory select:focus {
border-bottom-color: #607d8b;
-webkit-box-shadow: 0 1px 0 0 #607d8b;
box-shadow: 0 1px 0 0 #607d8b;
outline: 0 none;
}
.rfipdropdown--bluegrey .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #78909c;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--bluegrey .rfipicons__cp:active, .rfipdropdown--bluegrey .rfipicons__cp:focus {
border-bottom-color: #607d8b;
-webkit-box-shadow: 0 1px 0 0 #607d8b;
box-shadow: 0 1px 0 0 #607d8b;
outline: 0 none;
}
.rfipdropdown--bluegrey .rfipicons__left, .rfipdropdown--bluegrey .rfipicons__right {
background-color: #b0bec5;
border: 1px solid #b0bec5;
color: #37474f;
}
.rfipdropdown--bluegrey .rfipicons__left:hover, .rfipdropdown--bluegrey .rfipicons__right:hover {
background-color: #78909c;
border: 1px solid #78909c;
}
.rfipdropdown--bluegrey .rfipicons__left:active, .rfipdropdown--bluegrey .rfipicons__left:focus, .rfipdropdown--bluegrey .rfipicons__right:active, .rfipdropdown--bluegrey .rfipicons__right:focus {
border: 1px solid #78909c;
}
.rfipdropdown--bluegrey .rfipicons__ibox {
background-color: #cfd8dc;
border: 1px solid #cfd8dc;
color: #37474f;
}
.rfipdropdown--bluegrey .rfipicons__ibox:hover {
background-color: #78909c;
border: 1px solid #78909c;
}
.rfipdropdown--bluegrey .rfipicons__ibox:active, .rfipdropdown--bluegrey .rfipicons__ibox:focus {
border: 1px solid #78909c;
}
.rfipdropdown--bluegrey .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--bluegrey .rfipicons__icon--selected .rfipicons__ibox {
background-color: #b0bec5;
}
.rfipdropdown--bluegrey .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #78909c;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--bluegrey .rfipsearch input:active, .rfipdropdown--bluegrey .rfipsearch input:focus {
border-bottom-color: #607d8b;
-webkit-box-shadow: 0 1px 0 0 #607d8b;
box-shadow: 0 1px 0 0 #607d8b;
outline: 0 none;
}
.rfipbtn--brown {
background-color: #fff;
border: 1px solid #a1887f;
}
.rfipbtn--brown:active, .rfipbtn--brown:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #8d6e63;
}
.rfipbtn--brown .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #a1887f;
background-color: #d7ccc8;
color: #4e342e;
}
.rfipbtn--brown .rfipbtn__button:hover {
background-color: #8d6e63;
}
.rfipbtn--brown .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #a1887f;
box-shadow: inset 0 0 10px 0 #a1887f;
}
.rfipbtn--brown .rfipbtn__icon {
border: 1px solid #bcaaa4;
color: #4e342e;
}
.rfipbtn--brown .rfipbtn__icon--empty {
color: #a1887f;
}
.rfipbtn--brown .rfipbtn__del {
background-color: #bcaaa4;
}
.rfipbtn--brown .rfipbtn__del:hover {
background-color: #a1887f;
}
.rfipbtn--brown .rfipbtn__del:active, .rfipbtn--brown .rfipbtn__del:focus {
outline: 1px solid #a1887f;
}
.rfipdropdown--brown {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #a1887f;
}
.rfipdropdown--brown input, .rfipdropdown--brown select {
color: #424242;
}
.rfipdropdown--brown .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #8d6e63;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--brown .rfipcategory select:active, .rfipdropdown--brown .rfipcategory select:focus {
border-bottom-color: #795548;
-webkit-box-shadow: 0 1px 0 0 #795548;
box-shadow: 0 1px 0 0 #795548;
outline: 0 none;
}
.rfipdropdown--brown .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #8d6e63;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--brown .rfipicons__cp:active, .rfipdropdown--brown .rfipicons__cp:focus {
border-bottom-color: #795548;
-webkit-box-shadow: 0 1px 0 0 #795548;
box-shadow: 0 1px 0 0 #795548;
outline: 0 none;
}
.rfipdropdown--brown .rfipicons__left, .rfipdropdown--brown .rfipicons__right {
background-color: #bcaaa4;
border: 1px solid #bcaaa4;
color: #4e342e;
}
.rfipdropdown--brown .rfipicons__left:hover, .rfipdropdown--brown .rfipicons__right:hover {
background-color: #8d6e63;
border: 1px solid #8d6e63;
}
.rfipdropdown--brown .rfipicons__left:active, .rfipdropdown--brown .rfipicons__left:focus, .rfipdropdown--brown .rfipicons__right:active, .rfipdropdown--brown .rfipicons__right:focus {
border: 1px solid #8d6e63;
}
.rfipdropdown--brown .rfipicons__ibox {
background-color: #d7ccc8;
border: 1px solid #d7ccc8;
color: #4e342e;
}
.rfipdropdown--brown .rfipicons__ibox:hover {
background-color: #8d6e63;
border: 1px solid #8d6e63;
}
.rfipdropdown--brown .rfipicons__ibox:active, .rfipdropdown--brown .rfipicons__ibox:focus {
border: 1px solid #8d6e63;
}
.rfipdropdown--brown .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--brown .rfipicons__icon--selected .rfipicons__ibox {
background-color: #bcaaa4;
}
.rfipdropdown--brown .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #8d6e63;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--brown .rfipsearch input:active, .rfipdropdown--brown .rfipsearch input:focus {
border-bottom-color: #795548;
-webkit-box-shadow: 0 1px 0 0 #795548;
box-shadow: 0 1px 0 0 #795548;
outline: 0 none;
}
.rfipbtn--cyan {
background-color: #fff;
border: 1px solid #4dd0e1;
}
.rfipbtn--cyan:active, .rfipbtn--cyan:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #26c6da;
}
.rfipbtn--cyan .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #4dd0e1;
background-color: #b2ebf2;
color: #00838f;
}
.rfipbtn--cyan .rfipbtn__button:hover {
background-color: #26c6da;
}
.rfipbtn--cyan .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #4dd0e1;
box-shadow: inset 0 0 10px 0 #4dd0e1;
}
.rfipbtn--cyan .rfipbtn__icon {
border: 1px solid #80deea;
color: #00838f;
}
.rfipbtn--cyan .rfipbtn__icon--empty {
color: #4dd0e1;
}
.rfipbtn--cyan .rfipbtn__del {
background-color: #80deea;
}
.rfipbtn--cyan .rfipbtn__del:hover {
background-color: #4dd0e1;
}
.rfipbtn--cyan .rfipbtn__del:active, .rfipbtn--cyan .rfipbtn__del:focus {
outline: 1px solid #4dd0e1;
}
.rfipdropdown--cyan {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #4dd0e1;
}
.rfipdropdown--cyan input, .rfipdropdown--cyan select {
color: #424242;
}
.rfipdropdown--cyan .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #26c6da;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--cyan .rfipcategory select:active, .rfipdropdown--cyan .rfipcategory select:focus {
border-bottom-color: #00bcd4;
-webkit-box-shadow: 0 1px 0 0 #00bcd4;
box-shadow: 0 1px 0 0 #00bcd4;
outline: 0 none;
}
.rfipdropdown--cyan .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #26c6da;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--cyan .rfipicons__cp:active, .rfipdropdown--cyan .rfipicons__cp:focus {
border-bottom-color: #00bcd4;
-webkit-box-shadow: 0 1px 0 0 #00bcd4;
box-shadow: 0 1px 0 0 #00bcd4;
outline: 0 none;
}
.rfipdropdown--cyan .rfipicons__left, .rfipdropdown--cyan .rfipicons__right {
background-color: #80deea;
border: 1px solid #80deea;
color: #00838f;
}
.rfipdropdown--cyan .rfipicons__left:hover, .rfipdropdown--cyan .rfipicons__right:hover {
background-color: #26c6da;
border: 1px solid #26c6da;
}
.rfipdropdown--cyan .rfipicons__left:active, .rfipdropdown--cyan .rfipicons__left:focus, .rfipdropdown--cyan .rfipicons__right:active, .rfipdropdown--cyan .rfipicons__right:focus {
border: 1px solid #26c6da;
}
.rfipdropdown--cyan .rfipicons__ibox {
background-color: #b2ebf2;
border: 1px solid #b2ebf2;
color: #00838f;
}
.rfipdropdown--cyan .rfipicons__ibox:hover {
background-color: #26c6da;
border: 1px solid #26c6da;
}
.rfipdropdown--cyan .rfipicons__ibox:active, .rfipdropdown--cyan .rfipicons__ibox:focus {
border: 1px solid #26c6da;
}
.rfipdropdown--cyan .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--cyan .rfipicons__icon--selected .rfipicons__ibox {
background-color: #80deea;
}
.rfipdropdown--cyan .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #26c6da;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--cyan .rfipsearch input:active, .rfipdropdown--cyan .rfipsearch input:focus {
border-bottom-color: #00bcd4;
-webkit-box-shadow: 0 1px 0 0 #00bcd4;
box-shadow: 0 1px 0 0 #00bcd4;
outline: 0 none;
}
.rfipbtn--deeporange {
background-color: #fff;
border: 1px solid #ff8a65;
}
.rfipbtn--deeporange:active, .rfipbtn--deeporange:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #ff7043;
}
.rfipbtn--deeporange .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #ff8a65;
background-color: #ffccbc;
color: #d84315;
}
.rfipbtn--deeporange .rfipbtn__button:hover {
background-color: #ff7043;
}
.rfipbtn--deeporange .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #ff8a65;
box-shadow: inset 0 0 10px 0 #ff8a65;
}
.rfipbtn--deeporange .rfipbtn__icon {
border: 1px solid #ffab91;
color: #d84315;
}
.rfipbtn--deeporange .rfipbtn__icon--empty {
color: #ff8a65;
}
.rfipbtn--deeporange .rfipbtn__del {
background-color: #ffab91;
}
.rfipbtn--deeporange .rfipbtn__del:hover {
background-color: #ff8a65;
}
.rfipbtn--deeporange .rfipbtn__del:active, .rfipbtn--deeporange .rfipbtn__del:focus {
outline: 1px solid #ff8a65;
}
.rfipdropdown--deeporange {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #ff8a65;
}
.rfipdropdown--deeporange input, .rfipdropdown--deeporange select {
color: #424242;
}
.rfipdropdown--deeporange .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #ff7043;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--deeporange .rfipcategory select:active, .rfipdropdown--deeporange .rfipcategory select:focus {
border-bottom-color: #ff5722;
-webkit-box-shadow: 0 1px 0 0 #ff5722;
box-shadow: 0 1px 0 0 #ff5722;
outline: 0 none;
}
.rfipdropdown--deeporange .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #ff7043;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--deeporange .rfipicons__cp:active, .rfipdropdown--deeporange .rfipicons__cp:focus {
border-bottom-color: #ff5722;
-webkit-box-shadow: 0 1px 0 0 #ff5722;
box-shadow: 0 1px 0 0 #ff5722;
outline: 0 none;
}
.rfipdropdown--deeporange .rfipicons__left, .rfipdropdown--deeporange .rfipicons__right {
background-color: #ffab91;
border: 1px solid #ffab91;
color: #d84315;
}
.rfipdropdown--deeporange .rfipicons__left:hover, .rfipdropdown--deeporange .rfipicons__right:hover {
background-color: #ff7043;
border: 1px solid #ff7043;
}
.rfipdropdown--deeporange .rfipicons__left:active, .rfipdropdown--deeporange .rfipicons__left:focus, .rfipdropdown--deeporange .rfipicons__right:active, .rfipdropdown--deeporange .rfipicons__right:focus {
border: 1px solid #ff7043;
}
.rfipdropdown--deeporange .rfipicons__ibox {
background-color: #ffccbc;
border: 1px solid #ffccbc;
color: #d84315;
}
.rfipdropdown--deeporange .rfipicons__ibox:hover {
background-color: #ff7043;
border: 1px solid #ff7043;
}
.rfipdropdown--deeporange .rfipicons__ibox:active, .rfipdropdown--deeporange .rfipicons__ibox:focus {
border: 1px solid #ff7043;
}
.rfipdropdown--deeporange .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--deeporange .rfipicons__icon--selected .rfipicons__ibox {
background-color: #ffab91;
}
.rfipdropdown--deeporange .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #ff7043;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--deeporange .rfipsearch input:active, .rfipdropdown--deeporange .rfipsearch input:focus {
border-bottom-color: #ff5722;
-webkit-box-shadow: 0 1px 0 0 #ff5722;
box-shadow: 0 1px 0 0 #ff5722;
outline: 0 none;
}
.rfipbtn--deeppurple {
background-color: #fff;
border: 1px solid #9575cd;
}
.rfipbtn--deeppurple:active, .rfipbtn--deeppurple:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #7e57c2;
}
.rfipbtn--deeppurple .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #9575cd;
background-color: #d1c4e9;
color: #4527a0;
}
.rfipbtn--deeppurple .rfipbtn__button:hover {
background-color: #7e57c2;
}
.rfipbtn--deeppurple .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #9575cd;
box-shadow: inset 0 0 10px 0 #9575cd;
}
.rfipbtn--deeppurple .rfipbtn__icon {
border: 1px solid #b39ddb;
color: #4527a0;
}
.rfipbtn--deeppurple .rfipbtn__icon--empty {
color: #9575cd;
}
.rfipbtn--deeppurple .rfipbtn__del {
background-color: #b39ddb;
}
.rfipbtn--deeppurple .rfipbtn__del:hover {
background-color: #9575cd;
}
.rfipbtn--deeppurple .rfipbtn__del:active, .rfipbtn--deeppurple .rfipbtn__del:focus {
outline: 1px solid #9575cd;
}
.rfipdropdown--deeppurple {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #9575cd;
}
.rfipdropdown--deeppurple input, .rfipdropdown--deeppurple select {
color: #424242;
}
.rfipdropdown--deeppurple .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #7e57c2;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--deeppurple .rfipcategory select:active, .rfipdropdown--deeppurple .rfipcategory select:focus {
border-bottom-color: #673ab7;
-webkit-box-shadow: 0 1px 0 0 #673ab7;
box-shadow: 0 1px 0 0 #673ab7;
outline: 0 none;
}
.rfipdropdown--deeppurple .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #7e57c2;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--deeppurple .rfipicons__cp:active, .rfipdropdown--deeppurple .rfipicons__cp:focus {
border-bottom-color: #673ab7;
-webkit-box-shadow: 0 1px 0 0 #673ab7;
box-shadow: 0 1px 0 0 #673ab7;
outline: 0 none;
}
.rfipdropdown--deeppurple .rfipicons__left, .rfipdropdown--deeppurple .rfipicons__right {
background-color: #b39ddb;
border: 1px solid #b39ddb;
color: #4527a0;
}
.rfipdropdown--deeppurple .rfipicons__left:hover, .rfipdropdown--deeppurple .rfipicons__right:hover {
background-color: #7e57c2;
border: 1px solid #7e57c2;
}
.rfipdropdown--deeppurple .rfipicons__left:active, .rfipdropdown--deeppurple .rfipicons__left:focus, .rfipdropdown--deeppurple .rfipicons__right:active, .rfipdropdown--deeppurple .rfipicons__right:focus {
border: 1px solid #7e57c2;
}
.rfipdropdown--deeppurple .rfipicons__ibox {
background-color: #d1c4e9;
border: 1px solid #d1c4e9;
color: #4527a0;
}
.rfipdropdown--deeppurple .rfipicons__ibox:hover {
background-color: #7e57c2;
border: 1px solid #7e57c2;
}
.rfipdropdown--deeppurple .rfipicons__ibox:active, .rfipdropdown--deeppurple .rfipicons__ibox:focus {
border: 1px solid #7e57c2;
}
.rfipdropdown--deeppurple .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--deeppurple .rfipicons__icon--selected .rfipicons__ibox {
background-color: #b39ddb;
}
.rfipdropdown--deeppurple .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #7e57c2;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--deeppurple .rfipsearch input:active, .rfipdropdown--deeppurple .rfipsearch input:focus {
border-bottom-color: #673ab7;
-webkit-box-shadow: 0 1px 0 0 #673ab7;
box-shadow: 0 1px 0 0 #673ab7;
outline: 0 none;
}
.rfipbtn--default {
background-color: #fff;
border: 1px solid #e0e0e0;
}
.rfipbtn--default:active, .rfipbtn--default:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #bdbdbd;
}
.rfipbtn--default .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #e0e0e0;
background-color: #f5f5f5;
color: #424242;
}
.rfipbtn--default .rfipbtn__button:hover {
background-color: #bdbdbd;
}
.rfipbtn--default .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #e0e0e0;
box-shadow: inset 0 0 10px 0 #e0e0e0;
}
.rfipbtn--default .rfipbtn__icon {
border: 1px solid #eee;
color: #424242;
}
.rfipbtn--default .rfipbtn__icon--empty {
color: #e0e0e0;
}
.rfipbtn--default .rfipbtn__del {
background-color: #eee;
}
.rfipbtn--default .rfipbtn__del:hover {
background-color: #e0e0e0;
}
.rfipbtn--default .rfipbtn__del:active, .rfipbtn--default .rfipbtn__del:focus {
outline: 1px solid #e0e0e0;
}
.rfipdropdown--default {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #e0e0e0;
}
.rfipdropdown--default input, .rfipdropdown--default select {
color: #424242;
}
.rfipdropdown--default .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #bdbdbd;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--default .rfipcategory select:active, .rfipdropdown--default .rfipcategory select:focus {
border-bottom-color: #9e9e9e;
-webkit-box-shadow: 0 1px 0 0 #9e9e9e;
box-shadow: 0 1px 0 0 #9e9e9e;
outline: 0 none;
}
.rfipdropdown--default .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #bdbdbd;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--default .rfipicons__cp:active, .rfipdropdown--default .rfipicons__cp:focus {
border-bottom-color: #9e9e9e;
-webkit-box-shadow: 0 1px 0 0 #9e9e9e;
box-shadow: 0 1px 0 0 #9e9e9e;
outline: 0 none;
}
.rfipdropdown--default .rfipicons__left, .rfipdropdown--default .rfipicons__right {
background-color: #eee;
border: 1px solid #eee;
color: #424242;
}
.rfipdropdown--default .rfipicons__left:hover, .rfipdropdown--default .rfipicons__right:hover {
background-color: #bdbdbd;
border: 1px solid #bdbdbd;
}
.rfipdropdown--default .rfipicons__left:active, .rfipdropdown--default .rfipicons__left:focus, .rfipdropdown--default .rfipicons__right:active, .rfipdropdown--default .rfipicons__right:focus {
border: 1px solid #bdbdbd;
}
.rfipdropdown--default .rfipicons__ibox {
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
color: #424242;
}
.rfipdropdown--default .rfipicons__ibox:hover {
background-color: #bdbdbd;
border: 1px solid #bdbdbd;
}
.rfipdropdown--default .rfipicons__ibox:active, .rfipdropdown--default .rfipicons__ibox:focus {
border: 1px solid #bdbdbd;
}
.rfipdropdown--default .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--default .rfipicons__icon--selected .rfipicons__ibox {
background-color: #eee;
}
.rfipdropdown--default .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #bdbdbd;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--default .rfipsearch input:active, .rfipdropdown--default .rfipsearch input:focus {
border-bottom-color: #9e9e9e;
-webkit-box-shadow: 0 1px 0 0 #9e9e9e;
box-shadow: 0 1px 0 0 #9e9e9e;
outline: 0 none;
}
.rfipbtn--blue {
background-color: #fff;
border: 1px solid #64b5f6;
}
.rfipbtn--blue:active, .rfipbtn--blue:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #42a5f5;
}
.rfipbtn--blue .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #64b5f6;
background-color: #bbdefb;
color: #1565c0;
}
.rfipbtn--blue .rfipbtn__button:hover {
background-color: #42a5f5;
}
.rfipbtn--blue .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #64b5f6;
box-shadow: inset 0 0 10px 0 #64b5f6;
}
.rfipbtn--blue .rfipbtn__icon {
border: 1px solid #90caf9;
color: #1565c0;
}
.rfipbtn--blue .rfipbtn__icon--empty {
color: #64b5f6;
}
.rfipbtn--blue .rfipbtn__del {
background-color: #90caf9;
}
.rfipbtn--blue .rfipbtn__del:hover {
background-color: #64b5f6;
}
.rfipbtn--blue .rfipbtn__del:active, .rfipbtn--blue .rfipbtn__del:focus {
outline: 1px solid #64b5f6;
}
.rfipdropdown--blue {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #64b5f6;
}
.rfipdropdown--blue input, .rfipdropdown--blue select {
color: #424242;
}
.rfipdropdown--blue .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #42a5f5;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--blue .rfipcategory select:active, .rfipdropdown--blue .rfipcategory select:focus {
border-bottom-color: #2196f3;
-webkit-box-shadow: 0 1px 0 0 #2196f3;
box-shadow: 0 1px 0 0 #2196f3;
outline: 0 none;
}
.rfipdropdown--blue .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #42a5f5;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--blue .rfipicons__cp:active, .rfipdropdown--blue .rfipicons__cp:focus {
border-bottom-color: #2196f3;
-webkit-box-shadow: 0 1px 0 0 #2196f3;
box-shadow: 0 1px 0 0 #2196f3;
outline: 0 none;
}
.rfipdropdown--blue .rfipicons__left, .rfipdropdown--blue .rfipicons__right {
background-color: #90caf9;
border: 1px solid #90caf9;
color: #1565c0;
}
.rfipdropdown--blue .rfipicons__left:hover, .rfipdropdown--blue .rfipicons__right:hover {
background-color: #42a5f5;
border: 1px solid #42a5f5;
}
.rfipdropdown--blue .rfipicons__left:active, .rfipdropdown--blue .rfipicons__left:focus, .rfipdropdown--blue .rfipicons__right:active, .rfipdropdown--blue .rfipicons__right:focus {
border: 1px solid #42a5f5;
}
.rfipdropdown--blue .rfipicons__ibox {
background-color: #bbdefb;
border: 1px solid #bbdefb;
color: #1565c0;
}
.rfipdropdown--blue .rfipicons__ibox:hover {
background-color: #42a5f5;
border: 1px solid #42a5f5;
}
.rfipdropdown--blue .rfipicons__ibox:active, .rfipdropdown--blue .rfipicons__ibox:focus {
border: 1px solid #42a5f5;
}
.rfipdropdown--blue .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--blue .rfipicons__icon--selected .rfipicons__ibox {
background-color: #90caf9;
}
.rfipdropdown--blue .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #42a5f5;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--blue .rfipsearch input:active, .rfipdropdown--blue .rfipsearch input:focus {
border-bottom-color: #2196f3;
-webkit-box-shadow: 0 1px 0 0 #2196f3;
box-shadow: 0 1px 0 0 #2196f3;
outline: 0 none;
}
.rfipbtn--indigo {
background-color: #fff;
border: 1px solid #7986cb;
}
.rfipbtn--indigo:active, .rfipbtn--indigo:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #5c6bc0;
}
.rfipbtn--indigo .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #7986cb;
background-color: #c5cae9;
color: #283593;
}
.rfipbtn--indigo .rfipbtn__button:hover {
background-color: #5c6bc0;
}
.rfipbtn--indigo .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #7986cb;
box-shadow: inset 0 0 10px 0 #7986cb;
}
.rfipbtn--indigo .rfipbtn__icon {
border: 1px solid #9fa8da;
color: #283593;
}
.rfipbtn--indigo .rfipbtn__icon--empty {
color: #7986cb;
}
.rfipbtn--indigo .rfipbtn__del {
background-color: #9fa8da;
}
.rfipbtn--indigo .rfipbtn__del:hover {
background-color: #7986cb;
}
.rfipbtn--indigo .rfipbtn__del:active, .rfipbtn--indigo .rfipbtn__del:focus {
outline: 1px solid #7986cb;
}
.rfipdropdown--indigo {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #7986cb;
}
.rfipdropdown--indigo input, .rfipdropdown--indigo select {
color: #424242;
}
.rfipdropdown--indigo .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #5c6bc0;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--indigo .rfipcategory select:active, .rfipdropdown--indigo .rfipcategory select:focus {
border-bottom-color: #3f51b5;
-webkit-box-shadow: 0 1px 0 0 #3f51b5;
box-shadow: 0 1px 0 0 #3f51b5;
outline: 0 none;
}
.rfipdropdown--indigo .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #5c6bc0;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--indigo .rfipicons__cp:active, .rfipdropdown--indigo .rfipicons__cp:focus {
border-bottom-color: #3f51b5;
-webkit-box-shadow: 0 1px 0 0 #3f51b5;
box-shadow: 0 1px 0 0 #3f51b5;
outline: 0 none;
}
.rfipdropdown--indigo .rfipicons__left, .rfipdropdown--indigo .rfipicons__right {
background-color: #9fa8da;
border: 1px solid #9fa8da;
color: #283593;
}
.rfipdropdown--indigo .rfipicons__left:hover, .rfipdropdown--indigo .rfipicons__right:hover {
background-color: #5c6bc0;
border: 1px solid #5c6bc0;
}
.rfipdropdown--indigo .rfipicons__left:active, .rfipdropdown--indigo .rfipicons__left:focus, .rfipdropdown--indigo .rfipicons__right:active, .rfipdropdown--indigo .rfipicons__right:focus {
border: 1px solid #5c6bc0;
}
.rfipdropdown--indigo .rfipicons__ibox {
background-color: #c5cae9;
border: 1px solid #c5cae9;
color: #283593;
}
.rfipdropdown--indigo .rfipicons__ibox:hover {
background-color: #5c6bc0;
border: 1px solid #5c6bc0;
}
.rfipdropdown--indigo .rfipicons__ibox:active, .rfipdropdown--indigo .rfipicons__ibox:focus {
border: 1px solid #5c6bc0;
}
.rfipdropdown--indigo .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--indigo .rfipicons__icon--selected .rfipicons__ibox {
background-color: #9fa8da;
}
.rfipdropdown--indigo .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #5c6bc0;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--indigo .rfipsearch input:active, .rfipdropdown--indigo .rfipsearch input:focus {
border-bottom-color: #3f51b5;
-webkit-box-shadow: 0 1px 0 0 #3f51b5;
box-shadow: 0 1px 0 0 #3f51b5;
outline: 0 none;
}
.rfipbtn--lightblue {
background-color: #fff;
border: 1px solid #4fc3f7;
}
.rfipbtn--lightblue:active, .rfipbtn--lightblue:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #29b6f6;
}
.rfipbtn--lightblue .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #4fc3f7;
background-color: #b3e5fc;
color: #0277bd;
}
.rfipbtn--lightblue .rfipbtn__button:hover {
background-color: #29b6f6;
}
.rfipbtn--lightblue .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #4fc3f7;
box-shadow: inset 0 0 10px 0 #4fc3f7;
}
.rfipbtn--lightblue .rfipbtn__icon {
border: 1px solid #81d4fa;
color: #0277bd;
}
.rfipbtn--lightblue .rfipbtn__icon--empty {
color: #4fc3f7;
}
.rfipbtn--lightblue .rfipbtn__del {
background-color: #81d4fa;
}
.rfipbtn--lightblue .rfipbtn__del:hover {
background-color: #4fc3f7;
}
.rfipbtn--lightblue .rfipbtn__del:active, .rfipbtn--lightblue .rfipbtn__del:focus {
outline: 1px solid #4fc3f7;
}
.rfipdropdown--lightblue {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #4fc3f7;
}
.rfipdropdown--lightblue input, .rfipdropdown--lightblue select {
color: #424242;
}
.rfipdropdown--lightblue .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #29b6f6;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--lightblue .rfipcategory select:active, .rfipdropdown--lightblue .rfipcategory select:focus {
border-bottom-color: #03a9f4;
-webkit-box-shadow: 0 1px 0 0 #03a9f4;
box-shadow: 0 1px 0 0 #03a9f4;
outline: 0 none;
}
.rfipdropdown--lightblue .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #29b6f6;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--lightblue .rfipicons__cp:active, .rfipdropdown--lightblue .rfipicons__cp:focus {
border-bottom-color: #03a9f4;
-webkit-box-shadow: 0 1px 0 0 #03a9f4;
box-shadow: 0 1px 0 0 #03a9f4;
outline: 0 none;
}
.rfipdropdown--lightblue .rfipicons__left, .rfipdropdown--lightblue .rfipicons__right {
background-color: #81d4fa;
border: 1px solid #81d4fa;
color: #0277bd;
}
.rfipdropdown--lightblue .rfipicons__left:hover, .rfipdropdown--lightblue .rfipicons__right:hover {
background-color: #29b6f6;
border: 1px solid #29b6f6;
}
.rfipdropdown--lightblue .rfipicons__left:active, .rfipdropdown--lightblue .rfipicons__left:focus, .rfipdropdown--lightblue .rfipicons__right:active, .rfipdropdown--lightblue .rfipicons__right:focus {
border: 1px solid #29b6f6;
}
.rfipdropdown--lightblue .rfipicons__ibox {
background-color: #b3e5fc;
border: 1px solid #b3e5fc;
color: #0277bd;
}
.rfipdropdown--lightblue .rfipicons__ibox:hover {
background-color: #29b6f6;
border: 1px solid #29b6f6;
}
.rfipdropdown--lightblue .rfipicons__ibox:active, .rfipdropdown--lightblue .rfipicons__ibox:focus {
border: 1px solid #29b6f6;
}
.rfipdropdown--lightblue .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--lightblue .rfipicons__icon--selected .rfipicons__ibox {
background-color: #81d4fa;
}
.rfipdropdown--lightblue .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #29b6f6;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--lightblue .rfipsearch input:active, .rfipdropdown--lightblue .rfipsearch input:focus {
border-bottom-color: #03a9f4;
-webkit-box-shadow: 0 1px 0 0 #03a9f4;
box-shadow: 0 1px 0 0 #03a9f4;
outline: 0 none;
}
.rfipbtn--pink {
background-color: #fff;
border: 1px solid #f06292;
}
.rfipbtn--pink:active, .rfipbtn--pink:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #ec407a;
}
.rfipbtn--pink .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #f06292;
background-color: #f8bbd0;
color: #ad1457;
}
.rfipbtn--pink .rfipbtn__button:hover {
background-color: #ec407a;
}
.rfipbtn--pink .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #f06292;
box-shadow: inset 0 0 10px 0 #f06292;
}
.rfipbtn--pink .rfipbtn__icon {
border: 1px solid #f48fb1;
color: #ad1457;
}
.rfipbtn--pink .rfipbtn__icon--empty {
color: #f06292;
}
.rfipbtn--pink .rfipbtn__del {
background-color: #f48fb1;
}
.rfipbtn--pink .rfipbtn__del:hover {
background-color: #f06292;
}
.rfipbtn--pink .rfipbtn__del:active, .rfipbtn--pink .rfipbtn__del:focus {
outline: 1px solid #f06292;
}
.rfipdropdown--pink {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #f06292;
}
.rfipdropdown--pink input, .rfipdropdown--pink select {
color: #424242;
}
.rfipdropdown--pink .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #ec407a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--pink .rfipcategory select:active, .rfipdropdown--pink .rfipcategory select:focus {
border-bottom-color: #e91e63;
-webkit-box-shadow: 0 1px 0 0 #e91e63;
box-shadow: 0 1px 0 0 #e91e63;
outline: 0 none;
}
.rfipdropdown--pink .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #ec407a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--pink .rfipicons__cp:active, .rfipdropdown--pink .rfipicons__cp:focus {
border-bottom-color: #e91e63;
-webkit-box-shadow: 0 1px 0 0 #e91e63;
box-shadow: 0 1px 0 0 #e91e63;
outline: 0 none;
}
.rfipdropdown--pink .rfipicons__left, .rfipdropdown--pink .rfipicons__right {
background-color: #f48fb1;
border: 1px solid #f48fb1;
color: #ad1457;
}
.rfipdropdown--pink .rfipicons__left:hover, .rfipdropdown--pink .rfipicons__right:hover {
background-color: #ec407a;
border: 1px solid #ec407a;
}
.rfipdropdown--pink .rfipicons__left:active, .rfipdropdown--pink .rfipicons__left:focus, .rfipdropdown--pink .rfipicons__right:active, .rfipdropdown--pink .rfipicons__right:focus {
border: 1px solid #ec407a;
}
.rfipdropdown--pink .rfipicons__ibox {
background-color: #f8bbd0;
border: 1px solid #f8bbd0;
color: #ad1457;
}
.rfipdropdown--pink .rfipicons__ibox:hover {
background-color: #ec407a;
border: 1px solid #ec407a;
}
.rfipdropdown--pink .rfipicons__ibox:active, .rfipdropdown--pink .rfipicons__ibox:focus {
border: 1px solid #ec407a;
}
.rfipdropdown--pink .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--pink .rfipicons__icon--selected .rfipicons__ibox {
background-color: #f48fb1;
}
.rfipdropdown--pink .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #ec407a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--pink .rfipsearch input:active, .rfipdropdown--pink .rfipsearch input:focus {
border-bottom-color: #e91e63;
-webkit-box-shadow: 0 1px 0 0 #e91e63;
box-shadow: 0 1px 0 0 #e91e63;
outline: 0 none;
}
.rfipbtn--orange {
background-color: #fff;
border: 1px solid #ffb74d;
}
.rfipbtn--orange:active, .rfipbtn--orange:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #ffa726;
}
.rfipbtn--orange .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #ffb74d;
background-color: #ffe0b2;
color: #ef6c00;
}
.rfipbtn--orange .rfipbtn__button:hover {
background-color: #ffa726;
}
.rfipbtn--orange .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #ffb74d;
box-shadow: inset 0 0 10px 0 #ffb74d;
}
.rfipbtn--orange .rfipbtn__icon {
border: 1px solid #ffcc80;
color: #ef6c00;
}
.rfipbtn--orange .rfipbtn__icon--empty {
color: #ffb74d;
}
.rfipbtn--orange .rfipbtn__del {
background-color: #ffcc80;
}
.rfipbtn--orange .rfipbtn__del:hover {
background-color: #ffb74d;
}
.rfipbtn--orange .rfipbtn__del:active, .rfipbtn--orange .rfipbtn__del:focus {
outline: 1px solid #ffb74d;
}
.rfipdropdown--orange {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #ffb74d;
}
.rfipdropdown--orange input, .rfipdropdown--orange select {
color: #424242;
}
.rfipdropdown--orange .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #ffa726;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--orange .rfipcategory select:active, .rfipdropdown--orange .rfipcategory select:focus {
border-bottom-color: #ff9800;
-webkit-box-shadow: 0 1px 0 0 #ff9800;
box-shadow: 0 1px 0 0 #ff9800;
outline: 0 none;
}
.rfipdropdown--orange .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #ffa726;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--orange .rfipicons__cp:active, .rfipdropdown--orange .rfipicons__cp:focus {
border-bottom-color: #ff9800;
-webkit-box-shadow: 0 1px 0 0 #ff9800;
box-shadow: 0 1px 0 0 #ff9800;
outline: 0 none;
}
.rfipdropdown--orange .rfipicons__left, .rfipdropdown--orange .rfipicons__right {
background-color: #ffcc80;
border: 1px solid #ffcc80;
color: #ef6c00;
}
.rfipdropdown--orange .rfipicons__left:hover, .rfipdropdown--orange .rfipicons__right:hover {
background-color: #ffa726;
border: 1px solid #ffa726;
}
.rfipdropdown--orange .rfipicons__left:active, .rfipdropdown--orange .rfipicons__left:focus, .rfipdropdown--orange .rfipicons__right:active, .rfipdropdown--orange .rfipicons__right:focus {
border: 1px solid #ffa726;
}
.rfipdropdown--orange .rfipicons__ibox {
background-color: #ffe0b2;
border: 1px solid #ffe0b2;
color: #ef6c00;
}
.rfipdropdown--orange .rfipicons__ibox:hover {
background-color: #ffa726;
border: 1px solid #ffa726;
}
.rfipdropdown--orange .rfipicons__ibox:active, .rfipdropdown--orange .rfipicons__ibox:focus {
border: 1px solid #ffa726;
}
.rfipdropdown--orange .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--orange .rfipicons__icon--selected .rfipicons__ibox {
background-color: #ffcc80;
}
.rfipdropdown--orange .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #ffa726;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--orange .rfipsearch input:active, .rfipdropdown--orange .rfipsearch input:focus {
border-bottom-color: #ff9800;
-webkit-box-shadow: 0 1px 0 0 #ff9800;
box-shadow: 0 1px 0 0 #ff9800;
outline: 0 none;
}
.rfipbtn--purple {
background-color: #fff;
border: 1px solid #ba68c8;
}
.rfipbtn--purple:active, .rfipbtn--purple:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #ab47bc;
}
.rfipbtn--purple .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #ba68c8;
background-color: #e1bee7;
color: #6a1b9a;
}
.rfipbtn--purple .rfipbtn__button:hover {
background-color: #ab47bc;
}
.rfipbtn--purple .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #ba68c8;
box-shadow: inset 0 0 10px 0 #ba68c8;
}
.rfipbtn--purple .rfipbtn__icon {
border: 1px solid #ce93d8;
color: #6a1b9a;
}
.rfipbtn--purple .rfipbtn__icon--empty {
color: #ba68c8;
}
.rfipbtn--purple .rfipbtn__del {
background-color: #ce93d8;
}
.rfipbtn--purple .rfipbtn__del:hover {
background-color: #ba68c8;
}
.rfipbtn--purple .rfipbtn__del:active, .rfipbtn--purple .rfipbtn__del:focus {
outline: 1px solid #ba68c8;
}
.rfipdropdown--purple {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #ba68c8;
}
.rfipdropdown--purple input, .rfipdropdown--purple select {
color: #424242;
}
.rfipdropdown--purple .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #ab47bc;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--purple .rfipcategory select:active, .rfipdropdown--purple .rfipcategory select:focus {
border-bottom-color: #9c27b0;
-webkit-box-shadow: 0 1px 0 0 #9c27b0;
box-shadow: 0 1px 0 0 #9c27b0;
outline: 0 none;
}
.rfipdropdown--purple .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #ab47bc;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--purple .rfipicons__cp:active, .rfipdropdown--purple .rfipicons__cp:focus {
border-bottom-color: #9c27b0;
-webkit-box-shadow: 0 1px 0 0 #9c27b0;
box-shadow: 0 1px 0 0 #9c27b0;
outline: 0 none;
}
.rfipdropdown--purple .rfipicons__left, .rfipdropdown--purple .rfipicons__right {
background-color: #ce93d8;
border: 1px solid #ce93d8;
color: #6a1b9a;
}
.rfipdropdown--purple .rfipicons__left:hover, .rfipdropdown--purple .rfipicons__right:hover {
background-color: #ab47bc;
border: 1px solid #ab47bc;
}
.rfipdropdown--purple .rfipicons__left:active, .rfipdropdown--purple .rfipicons__left:focus, .rfipdropdown--purple .rfipicons__right:active, .rfipdropdown--purple .rfipicons__right:focus {
border: 1px solid #ab47bc;
}
.rfipdropdown--purple .rfipicons__ibox {
background-color: #e1bee7;
border: 1px solid #e1bee7;
color: #6a1b9a;
}
.rfipdropdown--purple .rfipicons__ibox:hover {
background-color: #ab47bc;
border: 1px solid #ab47bc;
}
.rfipdropdown--purple .rfipicons__ibox:active, .rfipdropdown--purple .rfipicons__ibox:focus {
border: 1px solid #ab47bc;
}
.rfipdropdown--purple .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--purple .rfipicons__icon--selected .rfipicons__ibox {
background-color: #ce93d8;
}
.rfipdropdown--purple .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #ab47bc;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--purple .rfipsearch input:active, .rfipdropdown--purple .rfipsearch input:focus {
border-bottom-color: #9c27b0;
-webkit-box-shadow: 0 1px 0 0 #9c27b0;
box-shadow: 0 1px 0 0 #9c27b0;
outline: 0 none;
}
.rfipbtn--red {
background-color: #fff;
border: 1px solid #e57373;
}
.rfipbtn--red:active, .rfipbtn--red:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #ef5350;
}
.rfipbtn--red .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #e57373;
background-color: #ffcdd2;
color: #c62828;
}
.rfipbtn--red .rfipbtn__button:hover {
background-color: #ef5350;
}
.rfipbtn--red .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #e57373;
box-shadow: inset 0 0 10px 0 #e57373;
}
.rfipbtn--red .rfipbtn__icon {
border: 1px solid #ef9a9a;
color: #c62828;
}
.rfipbtn--red .rfipbtn__icon--empty {
color: #e57373;
}
.rfipbtn--red .rfipbtn__del {
background-color: #ef9a9a;
}
.rfipbtn--red .rfipbtn__del:hover {
background-color: #e57373;
}
.rfipbtn--red .rfipbtn__del:active, .rfipbtn--red .rfipbtn__del:focus {
outline: 1px solid #e57373;
}
.rfipdropdown--red {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #e57373;
}
.rfipdropdown--red input, .rfipdropdown--red select {
color: #424242;
}
.rfipdropdown--red .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #ef5350;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--red .rfipcategory select:active, .rfipdropdown--red .rfipcategory select:focus {
border-bottom-color: #f44336;
-webkit-box-shadow: 0 1px 0 0 #f44336;
box-shadow: 0 1px 0 0 #f44336;
outline: 0 none;
}
.rfipdropdown--red .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #ef5350;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--red .rfipicons__cp:active, .rfipdropdown--red .rfipicons__cp:focus {
border-bottom-color: #f44336;
-webkit-box-shadow: 0 1px 0 0 #f44336;
box-shadow: 0 1px 0 0 #f44336;
outline: 0 none;
}
.rfipdropdown--red .rfipicons__left, .rfipdropdown--red .rfipicons__right {
background-color: #ef9a9a;
border: 1px solid #ef9a9a;
color: #c62828;
}
.rfipdropdown--red .rfipicons__left:hover, .rfipdropdown--red .rfipicons__right:hover {
background-color: #ef5350;
border: 1px solid #ef5350;
}
.rfipdropdown--red .rfipicons__left:active, .rfipdropdown--red .rfipicons__left:focus, .rfipdropdown--red .rfipicons__right:active, .rfipdropdown--red .rfipicons__right:focus {
border: 1px solid #ef5350;
}
.rfipdropdown--red .rfipicons__ibox {
background-color: #ffcdd2;
border: 1px solid #ffcdd2;
color: #c62828;
}
.rfipdropdown--red .rfipicons__ibox:hover {
background-color: #ef5350;
border: 1px solid #ef5350;
}
.rfipdropdown--red .rfipicons__ibox:active, .rfipdropdown--red .rfipicons__ibox:focus {
border: 1px solid #ef5350;
}
.rfipdropdown--red .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--red .rfipicons__icon--selected .rfipicons__ibox {
background-color: #ef9a9a;
}
.rfipdropdown--red .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #ef5350;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--red .rfipsearch input:active, .rfipdropdown--red .rfipsearch input:focus {
border-bottom-color: #f44336;
-webkit-box-shadow: 0 1px 0 0 #f44336;
box-shadow: 0 1px 0 0 #f44336;
outline: 0 none;
}
.rfipbtn--teal {
background-color: #fff;
border: 1px solid #4db6ac;
}
.rfipbtn--teal:active, .rfipbtn--teal:focus {
-webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
border: 1px solid #26a69a;
}
.rfipbtn--teal .rfipbtn__button {
border: 0 none transparent;
border-left: 1px solid #4db6ac;
background-color: #b2dfdb;
color: #00695c;
}
.rfipbtn--teal .rfipbtn__button:hover {
background-color: #26a69a;
}
.rfipbtn--teal .rfipbtn__button:active {
-webkit-box-shadow: inset 0 0 10px 0 #4db6ac;
box-shadow: inset 0 0 10px 0 #4db6ac;
}
.rfipbtn--teal .rfipbtn__icon {
border: 1px solid #80cbc4;
color: #00695c;
}
.rfipbtn--teal .rfipbtn__icon--empty {
color: #4db6ac;
}
.rfipbtn--teal .rfipbtn__del {
background-color: #80cbc4;
}
.rfipbtn--teal .rfipbtn__del:hover {
background-color: #4db6ac;
}
.rfipbtn--teal .rfipbtn__del:active, .rfipbtn--teal .rfipbtn__del:focus {
outline: 1px solid #4db6ac;
}
.rfipdropdown--teal {
-webkit-box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
color: #424242;
background-color: #fff;
border: 1px solid #4db6ac;
}
.rfipdropdown--teal input, .rfipdropdown--teal select {
color: #424242;
}
.rfipdropdown--teal .rfipcategory select {
background-color: #fff;
border: 0 none;
border-bottom: 1px solid #26a69a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--teal .rfipcategory select:active, .rfipdropdown--teal .rfipcategory select:focus {
border-bottom-color: #009688;
-webkit-box-shadow: 0 1px 0 0 #009688;
box-shadow: 0 1px 0 0 #009688;
outline: 0 none;
}
.rfipdropdown--teal .rfipicons__cp {
border: 0 none;
border-bottom: 1px solid #26a69a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--teal .rfipicons__cp:active, .rfipdropdown--teal .rfipicons__cp:focus {
border-bottom-color: #009688;
-webkit-box-shadow: 0 1px 0 0 #009688;
box-shadow: 0 1px 0 0 #009688;
outline: 0 none;
}
.rfipdropdown--teal .rfipicons__left, .rfipdropdown--teal .rfipicons__right {
background-color: #80cbc4;
border: 1px solid #80cbc4;
color: #00695c;
}
.rfipdropdown--teal .rfipicons__left:hover, .rfipdropdown--teal .rfipicons__right:hover {
background-color: #26a69a;
border: 1px solid #26a69a;
}
.rfipdropdown--teal .rfipicons__left:active, .rfipdropdown--teal .rfipicons__left:focus, .rfipdropdown--teal .rfipicons__right:active, .rfipdropdown--teal .rfipicons__right:focus {
border: 1px solid #26a69a;
}
.rfipdropdown--teal .rfipicons__ibox {
background-color: #b2dfdb;
border: 1px solid #b2dfdb;
color: #00695c;
}
.rfipdropdown--teal .rfipicons__ibox:hover {
background-color: #26a69a;
border: 1px solid #26a69a;
}
.rfipdropdown--teal .rfipicons__ibox:active, .rfipdropdown--teal .rfipicons__ibox:focus {
border: 1px solid #26a69a;
}
.rfipdropdown--teal .rfipicons__ibox--error {
color: #ef9a9a;
}
.rfipdropdown--teal .rfipicons__icon--selected .rfipicons__ibox {
background-color: #80cbc4;
}
.rfipdropdown--teal .rfipsearch input {
border: 0 none;
border-bottom: 1px solid #26a69a;
-webkit-transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: border 0.25s, -webkit-box-shadow 0.25s;
transition: box-shadow 0.25s, border 0.25s;
transition: box-shadow 0.25s, border 0.25s, -webkit-box-shadow 0.25s;
}
.rfipdropdown--teal .rfipsearch input:active, .rfipdropdown--teal .rfipsearch input:focus {
border-bottom-color: #009688;
-webkit-box-shadow: 0 1px 0 0 #009688;
box-shadow: 0 1px 0 0 #009688;
outline: 0 none;
}
.rfipbtn--default .rfipbtn__icon {
border: 0;
height: 30px;
margin: 0;
border-radius: 0;
}
.rfipbtn--default .rfipbtn__del {
height: 18px;
}
.rfipicons__icon svg[fill=none] {
fill: none !important;
}
.rfipbtn__elm svg[fill=none] {
fill: none !important;
}
[class^=fipicon-] {
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
i.fipicon-angle-down:before {
content: "\f140";
font-family: dashicons;
}
.rfipcategory i.fipicon-angle-down:before {
display: none;
}
.kb-icon-picker-container .rfipbtn--default:active, .kb-icon-picker-container .rfipbtn--default:focus {
box-shadow: none;
}
.kb-icon-picker-container .rfip {
margin: 0 0 10px;
width: 100%;
}
.kb-icon-picker-container .rfip .rfipbtn {
width: 100%;
min-height: 30px;
}
i.fipicon-angle-up:before {
content: "\f142";
font-family: dashicons;
}
i.fipicon-angle-right:before {
content: "\f345";
font-family: dashicons;
}
i.fipicon-angle-left:before {
content: "\f341";
font-family: dashicons;
}
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;
}
.kadence-units .components-dropdown__content .components-popover__content > div .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 {
position: relative;
}
.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-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-theme-controls .customize-pane-child.accordion-section-content .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;
}
.kadence-units .components-dropdown-menu {
padding: 0;
min-height: 0;
border-color: #e2e4e7;
}
.kadence-units .components-button.components-dropdown-menu__toggle {
min-height: 28px;
min-width: 30px;
height: auto;
}
.kadence-units .components-popover__content {
min-width: 50px;
width: 50px;
}
.kadence-units .components-popover__content button.components-button {
height: 36px;
text-align: center;
justify-content: center;
box-shadow: none;
}
.kadence-units .components-popover__content button.components-button svg {
margin: 0;
}
.kadence-range-control .kadence-responsive-controls-content {
display: flex;
}
.kadence-range-control .components-range-control {
flex-grow: 1;
}
.kadence-range-control input.components-range-control__number {
max-width: 65px;
margin-left: 18px;
border: 1px solid #e2e4e7;
border-radius: 0;
margin-right: 1px;
}
.kadence-range-control .components-base-control__field {
margin: 0;
}
.kadence-range-control 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;
}
.kadence-responsive-control-bar .floating-controls .components-button.is-tertiary:not(.active-device) {
color: #A0AEC0;
}
.kadence-responsive-control-bar .floating-controls .components-button.is-tertiary:not(.active-device):hover {
color: #718096;
}
.kadence-responsive-control-bar .floating-controls .components-button {
height: 18px;
padding-top: 0;
padding-bottom: 0;
box-shadow: none;
}
.kadence-responsive-control-bar .floating-controls .components-button svg {
height: 16px;
width: 16px;
}
.kadence-responsive-control-bar .floating-controls .components-button:focus:not(:disabled) {
color: #007cba;
box-shadow: none;
}
.kadence-responsive-control-bar .floating-controls .components-button-group {
display: flex;
border: 0;
}
.kadence-control-field .components-button-group {
border: 0;
}
.kadence-control-field {
position: relative;
margin-top: 10px;
margin-bottom: 10px;
}
.kadence-control-field .customize-control-title {
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
display: flex;
align-items: center;
letter-spacing: 0.1px;
line-height: 18px;
}
.kadence-control-field button.components-button.kadence-reset {
height: 18px;
padding: 0 5px;
margin-right: 0;
margin-left: -20px;
opacity: 0.5;
}
.kadence-control-field button.components-button.kadence-reset svg {
width: 12px;
height: 12px;
}
.kadence-control-field button.components-button.kadence-reset:disabled {
opacity: 0;
}
.kadence-control-field button.components-button.kadence-reset:not(:disabled):hover {
opacity: 1;
color: #007cba;
box-shadow: none !important;
}
.kadence-radio-container-control {
display: flex;
padding: 10px;
background: #f9f9f9;
border: 0;
flex-wrap: wrap;
}
.kadence-radio-container-control 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 #CBD5E0;
border-radius: 2px;
background: transparent;
color: #4A5568;
white-space: normal;
box-shadow: none;
}
.kadence-radio-container-control button.components-button.is-tertiary:not(:first-child) {
margin-left: 4px;
}
.kadence-radio-container-control button.components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
border-color: #718096;
color: #4A5568;
}
.kadence-radio-container-control button.components-button.is-tertiary.active-radio {
border-color: #007cba;
background: #007cba;
color: #fff;
}
.kadence-radio-container-control button.components-button.is-tertiary.active-radio:not(:disabled):not([aria-disabled=true]):hover {
color: #fff;
border-color: #007cba;
}
.kadence-radio-container-control button.components-button.is-tertiary .kadence-radio-icon {
display: flex;
justify-content: center;
align-items: center;
}
.kadence-radio-container-control.kadence-radio-icon-container-control {
margin-top: 10px;
}
.kadence-radio-container-control.kadence-radio-icon-container-control button.components-button.is-tertiary {
padding: 5px;
height: 50px;
}
.kadence-radio-container-control.kadence-radio-icon-container-control button.components-button.is-tertiary svg {
width: 100%;
height: auto;
max-height: 100%;
}
.kadence-popover-color .components-popover__content {
min-width: 240px;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker-wrapper {
box-sizing: border-box;
}
.kadence-popover-color .components-popover__content .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;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control {
flex: 1;
margin-bottom: 0;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control .components-base-control__label {
margin-bottom: 0;
margin-right: 0.2em;
}
.kadence-popover-color .components-popover__content .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;
}
.kadence-popover-color .components-popover__content .components-focal-point-picker_position-display-container .components-base-control:last-child .components-base-control__field {
justify-content: flex-end;
}
.kadence-popover-color .components-popover__content .actions {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.kadence-popover-color .components-popover__content .actions .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;
}
.kadence-background-picker-wrap .kadence-popover-color .components-popover__content > 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;
}
.components-button.kadence-color-icon-indicate .component-color-indicator.kadence-advanced-color-indicate {
width: 28px;
height: 28px;
border-radius: 50%;
margin: 0;
}
.components-button.kadence-color-icon-indicate: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;
}
.components-button.kadence-background-icon-indicate .component-color-indicator.kadence-advanced-color-indicate {
width: 100%;
height: 100%;
border-radius: 50%;
margin: 0;
display: block;
position: absolute;
border: 0;
top: 0;
}
.components-button.kadence-background-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);
}
.components-button.kadence-background-icon-indicate 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;
}
.kadence-control-field.kadence-color-control .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;
}
.components-popover.kadence-popover-color .components-popover__content .sketch-picker {
padding: 0 0 5px !important;
box-shadow: none !important;
border-radius: 0px !important;
}
.components-popover.kadence-popover-color .components-popover__content .attachment-media-view {
margin-top: 10px;
margin-bottom: 10px;
}
.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;
}
.kadence-swatches-wrap .kadence-swatche-item-wrap .kadence-swatch-item .dashicon {
display: none;
}
.kadence-swatches-wrap .kadence-swatche-item-wrap .kadence-swatch-item.swatch-active {
box-shadow: 0 0 0 8px inset !important;
}
.kadence-swatches-wrap .kadence-swatche-item-wrap .kadence-swatch-item.swatch-active .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);
}
.kadence-color-picker-wrap {
margin-left: 5px;
}
.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-palette-colors .kadence-color-picker-wrap {
margin-left: 2px;
}
.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-copy-paste .components-popover__content .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;
}
.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs .components-button:focus {
outline: 0;
box-shadow: none;
}
.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs .components-button:hover {
box-shadow: none !important;
opacity: 1;
border-bottom: 4px solid #dadada;
}
.kadence-popover-tabs.kadence-background-tabs .components-tab-panel__tabs .components-button.active-tab {
border-bottom-color: #007cba;
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 {
display: flex;
padding: 20px 0 0;
justify-content: space-between;
}
.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;
}
.kadence-border-control .kadence-responsive-controls-content input.components-text-control__input {
border: 1px solid #e2e4e7;
width: 60px;
}
.kadence-border-control .kadence-responsive-controls-content .kadence-color-picker-wrap {
margin-right: 5px;
margin-left: 0;
justify-content: flex-end;
align-items: center;
display: flex;
}
.kadence-border-control .kadence-responsive-controls-content .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;
}
.kadence-typography-control .color-button-wrap {
display: flex;
}
.kadence-typography-control .customize-control-title {
flex-grow: 1;
}
.kadence-typography-control .components-popover.kadence-popover-typography > .components-popover__content {
min-width: 340px;
min-height: 339px;
}
.kadence-typography-control .components-popover.kadence-popover-typography > .components-popover__content > div {
min-height: 339px;
}
.kadence-typography-control .kadence-typography-tabs .customize-control-title {
padding-top: 0;
}
.kadence-typography-control .kadence-typography-tabs .kadence-range-control {
padding-top: 10px;
}
.kadence-typography-control .kadence-transform-controls {
width: 50%;
padding-right: 10px;
padding-bottom: 5px;
}
.kadence-typography-control .kadence-transform-controls .components-button-group {
padding: 0 0 10px 0;
}
.kadence-typography-control .kadence-transform-controls .components-button-group button.components-button.is-tertiary {
height: 30px;
}
.kadence-typography-control .kadence-font-family-list-wrapper {
padding-top: 35px;
}
.kadence-typography-control .components-button-group.kadence-font-family-list {
display: flex;
max-height: 259px;
overflow: scroll;
flex-direction: column;
}
.kadence-typography-control .components-button-group.kadence-font-family-list .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: #2D3748;
}
.kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice .preview-text {
font-size: 16px;
white-space: nowrap;
color: #2D3748;
line-height: 30px;
}
.kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio, .kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio:hover, .kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio:focus {
background: #007cba !important;
color: white !important;
outline: 0 !important;
box-shadow: none !important;
}
.kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio .preview-text, .kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio:hover .preview-text, .kadence-typography-control .components-button-group.kadence-font-family-list .kadence-font-family-choice.active-radio:focus .preview-text {
color: white;
}
.kadence-typography-control .components-button-group.kadence-font-variant-list {
max-height: 294px;
display: flex;
flex-direction: column;
overflow: scroll;
}
.kadence-typography-control .components-button-group.kadence-font-variant-list .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: #2D3748;
}
.kadence-typography-control .components-button-group.kadence-font-variant-list .kadence-font-variant-choice.active-radio, .kadence-typography-control .components-button-group.kadence-font-variant-list .kadence-font-variant-choice.active-radio:hover, .kadence-typography-control .components-button-group.kadence-font-variant-list .kadence-font-variant-choice.active-radio:focus {
background: #007cba !important;
color: white !important;
outline: 0 !important;
box-shadow: none !important;
}
.kadence-typography-control .kadence-font-family-search {
position: absolute;
display: flex;
top: 0;
left: 0;
right: 0;
background: white;
}
.kadence-typography-control .kadence-font-family-search .components-base-control {
display: flex;
flex-grow: 1;
}
.kadence-typography-control .kadence-font-family-search .components-base-control .components-base-control__field {
display: flex;
margin-bottom: 5px;
flex-grow: 1;
}
.kadence-typography-control .kadence-font-family-search .components-base-control .components-base-control__field input {
padding-right: 40px;
}
.kadence-typography-control .kadence-font-family-search .kadence-clear-search {
position: absolute;
right: 0;
z-index: 100;
height: 30px;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.kadence-typography-control .kadence-typography-tabs .components-tab-panel__tab-content {
position: relative;
}
.kadence-typography-control button.components-button.kadence-typography-family-indicate {
max-width: 100px;
white-space: nowrap;
overflow: hidden;
}
.kadence-typography-control .typography-button-wrap > button.components-button {
border: 1px solid #e2e4e7;
margin-left: 2px;
background-color: #fff;
}
.kadence-typography-control .kadence-popover-typography-single-item {
position: relative;
}
.kadence-typography-control .kadence-popover-typography-single-item .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-item-panel-header .kadence-sorter-title {
flex-grow: 2;
padding: 0 8px;
font-weight: bold;
}
.kadence-sorter-item-panel-header .kadence-sorter-visiblity {
border-radius: 0;
height: 36px;
border-right: 1px solid #A0AEC0;
}
.kadence-sorter-item-panel-header .kadence-sorter-visiblity .dashicon {
width: 14px;
height: 14px;
font-size: 14px;
}
.kadence-sorter-item-panel-header .kadence-sorter-item-expand {
border-radius: 0;
position: relative;
height: 36px;
border-left: 0;
}
.kadence-sorter-item-panel-header .kadence-sorter-item-expand:before {
content: "";
position: absolute;
left: 0;
height: 50%;
background: #A0AEC0;
width: 1px;
}
.kadence-sorter-item-panel-header .kadence-sorter-item-expand:focus:before {
opacity: 0;
}
.kadence-sorter-item-panel-header .kadence-sorter-item-expand .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;
}
.kadence-sorter-item-panel-content .components-base-control__field {
display: flex;
flex-direction: column;
}
.kadence-sorter-item-panel-content .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;
}
.sortable-style-tabs .components-tab-panel__tabs .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;
}
.sortable-style-tabs .components-tab-panel__tabs .components-button.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;
}
.kadence-social-add-area .kadence-sorter-add-item svg, .kadence-social-add-area .kadence-sorter-add-item .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;
}
.social-custom-image .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;
}
.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;
}
.kadence-radio-icon-control.kadence-three-col .components-button-group.kadence-radio-container-control .components-button.is-tertiary 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-control .components-button-group.kadence-radio-container-control .components-button.btn-flex-col.is-tertiary .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;
}
#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;
}
#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;
}
.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;
}
#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;
}
.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;
}
.kadence-color-picker-wrap .components-popover.kadence-popover-color.is-from-left {
left: 40px !important;
}
.kadence-color-picker-wrap .components-popover.kadence-popover-color {
animation: kadence-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
}
.kadence-color-picker-wrap .components-popover.kadence-popover-color.is-from-right {
left: 40px !important;
}
.kadence-color-picker-wrap .components-popover.kadence-popover-color.is-from-right .components-popover__content {
right: auto;
}
.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;
}
.kadence-background-picker-wrap .components-popover.kadence-popover-color.is-from-left {
left: 40px !important;
}
.kadence-background-picker-wrap .components-popover.kadence-popover-color {
animation: kadence-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s;
}
.kadence-background-picker-wrap .components-popover.kadence-popover-color.is-from-right {
left: 40px !important;
}
.kadence-background-picker-wrap .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;
}
.kadence-builder-areas button.components-button.kadence-row-left-actions: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;
}
.customize-control-title .disabled-element-wrapper, .kadence-control-field .disabled-element-wrapper {
opacity: 0;
}
.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;
}
.components-button-group.kt-font-pair-group button.components-button.kt-font-pair-btn img {
max-height: 40px;
height: auto;
width: auto;
}
.components-button-group.kt-font-pair-group button.components-button.kt-font-pair-btn span {
font-size: 11px;
font-weight: normal;
}
.components-button-group.kt-font-pair-group button.components-button.kt-font-pair-btn.state-confirm {
background: rgba(0, 124, 186, 0.1);
}
#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;
}
.components-custom-gradient-picker__item {
display: block;
flex: 5 1 0%;
max-height: 100%;
max-width: 100%;
min-height: 0px;
min-width: 0px;
}
.components-custom-gradient-picker__item .kadence-controls-content {
gap: 12px;
}
.components-custom-gradient-picker__item .kadence-controls-content .components-base-control {
margin-bottom: 0;
flex: 10 0 0;
}
.components-custom-gradient-picker__item .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;
}
.components-custom-gradient-picker__item .kadence-control-toggle-advanced.only-icon svg {
width: 20px;
}
.components-custom-gradient-picker__item .kadence-control-toggle-advanced.only-icon.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;
}
.kadence-gradient-control .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;
}
.kadence-gradient-control .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container {
position: relative;
width: calc(100% - 48px);
margin-left: auto;
margin-right: auto;
}
.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__insert-point-dropdown {
position: relative;
height: inherit;
width: inherit;
min-width: 16px;
border-radius: 50%;
background: #fff;
padding: 2px;
color: #111;
}
.kadence-gradient-control .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown 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.components-dropdown__content.components-color-palette__custom-color-dropdown-content.kadence-pop-color-popover .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;
}
.control-section-kadence_section_pro h3 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;
}
.control-section-kadence_section_pro h3 a: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;
}
.control-section-kadence_section_pro h3 a:hover {
background: #f6f7f7;
border-left-color: transparent;
}
#customize-theme-controls .accordion-section-title button.accordion-trigger {
max-height: fit-content;
}