26 lines
38 KiB
CSS
26 lines
38 KiB
CSS
.vpf-example-preview img{height:auto;width:100%}
|
|
.vpf-control-wrap>.components-base-control__field>.components-base-control__help,.vpf-control-wrap>.components-base-control__help{color:#757575;font-size:12px;font-style:normal;margin-bottom:1em;word-break:break-word}.vpf-control-wrap .components-base-control__label{display:inline-block;margin-bottom:8px}.components-modal__content .vpf-control-wrap{margin-bottom:24px}.vpf-control-wrap-text input[disabled]{border-color:hsla(240,3%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(44,51,56,.5)}.vpf-control-wrap-notice .components-notice{margin:0}.vpf-control-wrap-notice .components-notice.is-info{background-color:#e6f7ff}.vpf-control-category-title-pro{background-color:#2540cc;border-radius:1em;color:#fff;font-size:.8em;margin-right:auto;margin-left:30px;padding:.2em .8em}.components-panel__body-toggle>.vpf-control-category-title-icon{display:block;position:absolute;top:50%;transform:translateY(-50%)}.components-panel__body-toggle>.vpf-control-category-title-icon+span{margin-right:28px}.components-panel__body-toggle>.vpf-control-category-title-icon svg{display:block;height:18px;width:18px}.vpf-control-group-separator{border-bottom:1px solid #e0e0e0;margin-bottom:18px}.vpf-control-group-separator+.vpf-control-group-separator{display:none}.vpf-component-elements-selector-modal .vpf-control-group-separator,.vpf-component-modal .vpf-control-group-separator{margin-right:-32px;margin-left:-32px}
|
|
.vpf-component-align-control{border:1px solid #d7dade;display:grid;grid-template-columns:1fr 1fr 1fr;max-width:160px}.vpf-component-align-control button{align-items:center;display:flex;flex-direction:column;gap:5px;height:42px;justify-content:center;padding:10px 16px;position:relative}.vpf-component-align-control button>span{background-color:#ccc;height:2px;opacity:0;width:20px}.vpf-component-align-control button>span:first-child{width:12px}.vpf-component-align-control button>span:nth-child(2){width:18px}.vpf-component-align-control button>span:nth-child(3){width:8px}.vpf-component-align-control button:after{background-color:#ccc;content:"";display:block;height:3px;right:calc(50% - 1.5px);position:absolute;top:calc(50% - 1.5px);width:3px}.vpf-component-align-control button:focus>span,.vpf-component-align-control button:hover>span{background-color:#ccc;opacity:1}.vpf-component-align-control button:focus:after,.vpf-component-align-control button:hover:after{opacity:0}.vpf-component-align-control button.vpf-component-align-control-active>span{background-color:var(--wp-admin-theme-color);opacity:1}.vpf-component-align-control button.vpf-component-align-control-active:after{opacity:0}.vpf-component-align-control button.vpf-component-align-control-bottom-left,.vpf-component-align-control button.vpf-component-align-control-left,.vpf-component-align-control button.vpf-component-align-control-top-left{align-items:flex-start}.vpf-component-align-control button.vpf-component-align-control-bottom-right,.vpf-component-align-control button.vpf-component-align-control-right,.vpf-component-align-control button.vpf-component-align-control-top-right{align-items:flex-end}
|
|
.vpf-component-aspect-ratio-custom{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr}.vpf-component-aspect-ratio-custom>.components-base-control{margin-bottom:0}
|
|
.vpf-component-classes-tree-help code{background-color:#dcdfe6;border-radius:3px;color:#595d67;cursor:pointer;display:inline-block;line-height:1.2;padding:2px 6px;transition:background-color .15s,color .15s}.vpf-component-classes-tree-help code:hover{background-color:#bec4d1;color:#2a2c30}.vpf-component-classes-tree{background-color:#f9f9fa;border:1px solid #ddd;color:#67666d;font-family:monospace;padding:1px 0 0 15px}.vpf-component-classes-tree .spinner{float:none;margin-bottom:15px;margin-top:15px}.vpf-component-classes-tree ul{list-style:none;padding-right:15px;position:relative}.vpf-component-classes-tree .vpf-component-classes-tree-node>div{display:inline-block;line-height:1.6;position:relative}.vpf-component-classes-tree .vpf-component-classes-tree-node-class{background-color:#dcdfe6;border:none;border-radius:3px;color:#595d67;cursor:pointer;display:inline;line-height:1.2;padding:2px 6px;transition:background-color .15s,color .15s}.vpf-component-classes-tree .vpf-component-classes-tree-node-class:hover{background-color:#bec4d1;color:#2a2c30}.vpf-component-classes-tree .vpf-component-classes-tree-node-class+.vpf-component-classes-tree-node-class{margin-right:5px}.vpf-component-classes-tree .vpf-component-classes-tree-node-collapse{border:4px solid transparent;border-bottom:none;border-top:6px solid;cursor:pointer;display:inline-block;margin-left:5px;padding:0;position:relative;top:-1px}.vpf-component-classes-tree .vpf-component-classes-tree-node-collapse:after{bottom:-7px;content:"";display:block;right:-10px;position:absolute;left:-10px;top:-12px}.vpf-component-classes-tree .is-collapsed .vpf-component-classes-tree-node-collapse{transform:rotate(90deg)}.vpf-component-classes-tree .vpf-component-classes-tree-child{position:relative}.vpf-component-classes-tree .vpf-component-classes-tree-child:before{background-color:#f0f0f1;border-radius:4px;bottom:-3px;content:"";display:block;right:8px;opacity:0;position:absolute;left:0;top:-3px;transition:opacity .2s}.vpf-component-classes-tree .vpf-component-classes-tree-node:hover~.vpf-component-classes-tree-child:before{opacity:1}
|
|
.vpf-component-code-editor.ace_editor{background-color:#f8f9f9;border-radius:3px;box-shadow:0 0 0 1px #e8eaeb;line-height:1.45;width:100%}.vpf-component-code-editor.ace_editor .ace_gutter{background-color:#e8eaeb}.vpf-component-code-editor.ace_editor .ace_gutter-cell{background-color:#d7dade}.vpf-component-code-editor .ace_tooltip{background:none;background-color:#fff;border:1px solid #e4e4e4;border-radius:3px;box-shadow:0 2px 10px 0 rgba(0,0,0,.05);padding:6px 10px}.vpf-component-code-editor .ace_hidden-cursors{opacity:0}.vpf-control-pre-custom-css{background-color:#e8eaeb;padding:20px}
|
|
.vpf-component-collapse-control{margin:-10px -16px}.vpf-component-collapse-control .vpf-component-collapse-control-toggle{display:flex;font-weight:500;gap:6px;padding:10px 16px;width:100%}.vpf-component-collapse-control .vpf-component-collapse-control-toggle:focus:not(:focus-visible){box-shadow:none}.vpf-component-collapse-control .vpf-component-collapse-control-toggle svg{margin-right:auto}.vpf-component-collapse-control .vpf-component-collapse-control-active svg{transform:rotate(-180deg)}.vpf-component-collapse-control .vpf-component-collapse-control-content{display:none}.vpf-component-collapse-control .vpf-component-collapse-control-content-active{display:block}.vpf-component-collapse-control .components-panel__body{border-top:none;padding-bottom:10px;padding-top:10px}.vpf-component-collapse-control .components-panel__body:has(+.vpf-component-collapse-control-toggle){padding-bottom:0}
|
|
.vpf-control-wrap-html:has(+.vpf-control-wrap-color){margin-bottom:-8px}.vpf-control-wrap-color:has(+.vpf-control-wrap-color){margin-bottom:-9px}.vpf-control-wrap-color:has(+.vpf-control-wrap-color) .vpf-component-color-toggle{border-bottom:none}.vpf-component-color-toggle{border:1px solid rgba(0,0,0,.1);border-radius:0;height:auto;margin-bottom:0;padding:10px 12px;position:relative;width:100%}.vpf-component-color-toggle.vpf-component-color-toggle-active{background-color:#f0f0f0;color:var(--wp-admin-theme-color)}.vpf-component-color-toggle .vpf-component-color-toggle-indicator{background:linear-gradient(45deg,transparent 48%,#ddd 0,#ddd 52%,transparent 0);border:none;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);color:transparent;cursor:pointer;display:block;height:20px;margin-left:8px;padding:0;position:relative;width:20px}.vpf-component-color-toggle .vpf-component-color-toggle-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpf-component-color-picker__dropdown{display:block;width:100%}.vpf-component-color-picker__dropdown-content .components-popover__content{padding:16px;width:260px}.vpf-component-color-picker__dropdown-content .components-tab-panel__tabs{margin:-16px -16px 16px}
|
|
.vpf-component-elements-selector-control-location{position:relative}.vpf-component-elements-selector-control-location+.vpf-component-elements-selector-control-location{margin-top:17px}.vpf-component-elements-selector-control-location .vpf-component-elements-selector-control-location-title{font-size:12px;font-weight:500;margin-bottom:8px;opacity:.6}.vpf-component-elements-selector-control-location .vpf-component-elements-selector-control-location-align{position:absolute;left:0;top:-2px}.vpf-component-elements-selector-control-location .vpf-component-elements-selector-control-location-align button{background:#fff;border:1px solid #e1e1e1;border-radius:3px;color:#000;cursor:pointer;display:flex;font-size:10px;height:auto;margin-top:0;padding:4px 5px;width:25px}.vpf-component-elements-selector-control-location .vpf-component-elements-selector-control-location-align button:focus,.vpf-component-elements-selector-control-location .vpf-component-elements-selector-control-location-align button:hover{background:#f9f8f8;border-color:#cbcbcb;color:var(--wp-admin-theme-color)}.vpf-component-elements-selector-control-location .vpf-component-elements-selector-control-location-align button svg{fill:currentcolor;height:auto;margin-right:0;width:100%}.vpf-component-elements-selector-control-location .vpf-component-elements-selector-control-location-options{display:flex;flex-wrap:wrap;margin-top:-10px}.vpf-component-elements-selector-control-location .vpf-component-elements-selector-control-location-options>*{width:100%}.vpf-component-elements-selector-control-location-options-add-button{align-items:center;display:flex;margin-top:10px;width:100%}.vpf-component-elements-selector-control-location-options-add-button .components-button{background:#fff;border:1px solid #e1e1e1;border-radius:4px;box-shadow:none;height:40px;justify-content:center;width:100%}.vpf-component-elements-selector-control-location-options-add-button .components-button:focus,.vpf-component-elements-selector-control-location-options-add-button .components-button:hover{background:#f9f8f8;border-color:#cbcbcb}.vpf-component-elements-selector-control-location-options-item{align-items:center;background-color:#f9f8f8;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);color:#000;display:flex;font-weight:500;height:40px;justify-content:space-between;margin-top:10px;padding:9px 12px;width:100%}.vpf-component-elements-selector-control-location-options-item:focus,.vpf-component-elements-selector-control-location-options-item:hover{border-color:#949494;color:var(--wp-admin-theme-color)}button.vpf-component-elements-selector-control-location-options-item{cursor:pointer}button.vpf-component-elements-selector-control-location-options-item svg{height:auto;margin-right:5px;width:13px}.vpf-component-elements-selector-align__dropdown-content .components-accessible-toolbar{border:none}.vpf-component-elements-selector-align__dropdown-content .components-accessible-toolbar .components-button.has-icon.has-icon{height:30px;min-width:40px;padding:0}.vpf-component-elements-selector-align__dropdown-content .components-accessible-toolbar .components-button:before{right:4px;left:4px}.vpf-component-elements-selector-control-location-options-title-pro{background:linear-gradient(-270deg,#743ad5,#d53a9d);border-radius:1em;color:#fff;font-size:.7em;font-weight:600;margin-right:10px;padding:.2em .8em}.vpf-component-elements-selector-modal .components-panel__body{margin-right:-24px;margin-left:-24px;max-width:350px;padding-right:24px;padding-left:24px}.vpf-component-elements-selector-modal .components-modal__header+.components-panel__body{border-top:none}.vpf-component-elements-selector-modal .components-panel__body:last-child{border-bottom:none;padding-bottom:0}
|
|
.vpf-component-gallery-control .vpf-component-gallery-control-items{display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;position:relative}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item{display:inline-block;position:relative}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button{background-color:#f7f7f7!important;border-radius:5px;box-shadow:none!important;display:block;height:100%;overflow:hidden;padding:0 0 100%;position:relative;transition:background-color .2s;width:100%}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button img{border:1px solid #efefef;border-radius:5px;height:100%;right:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:opacity .2s;width:100%}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button svg{fill:none;color:#fff;height:20px;right:50%;margin-right:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;transition:opacity .2s;width:20px}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button:focus,.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button:hover{background-color:#000!important}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button:focus img,.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button:hover img{opacity:.6}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button:focus svg,.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item .vpf-component-gallery-control-item-button:hover svg{opacity:1}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item-remove{align-items:center;background-color:#272727;border-radius:20px;color:#fff;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;left:-5px;top:-5px;transition:opacity .2s,background-color .2s;width:20px}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item-remove:focus,.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item-remove:hover{background-color:#d51515}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item-remove svg{height:auto;width:70%}.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item:focus .vpf-component-gallery-control-item-remove,.vpf-component-gallery-control .vpf-component-gallery-control-items .vpf-component-gallery-control-item:hover .vpf-component-gallery-control-item-remove{opacity:1}.vpf-component-gallery-control .vpf-component-gallery-control-item-dragging{z-index:2}.vpf-component-gallery-control .vpf-component-gallery-control-item-dragging .vpf-component-gallery-control-item-button img{opacity:1}.vpf-component-gallery-control .vpf-component-gallery-control-item-dragging .vpf-component-gallery-control-item-button svg,.vpf-component-gallery-control .vpf-component-gallery-control-item-dragging .vpf-component-gallery-control-item-remove{display:none}.vpf-component-gallery-control .vpf-component-gallery-control-item-fullwidth{grid-column:1/-1;justify-content:center}.vpf-component-gallery-control .vpf-component-gallery-control-item-pagination{align-items:center;display:flex;flex-direction:column;gap:10px}.vpf-component-gallery-control .vpf-component-gallery-control-item-pagination span{color:#8a8a8a;font-size:12px}.vpf-component-gallery-control .vpf-component-gallery-control-item-pagination .vpf-component-gallery-control-item-pagination-buttons{display:flex}.vpf-component-gallery-control .vpf-component-gallery-control-item-add.components-button{border:1px solid #1e1e1e}.vpf-component-gallery-control .vpf-component-gallery-control-item-add.components-button>span{font-size:.9em;font-weight:700;margin-right:.5em;text-transform:uppercase}.vpf-component-gallery-control-item-modal{max-width:540px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-info{margin-bottom:30px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-info img{max-height:150px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-additional-info{margin-top:30px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-additional-info>.components-button{align-items:center;background-color:#ebebeb;color:#7d7d7d;display:flex;justify-content:center;padding:10px;text-decoration:none;width:100%}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-additional-info>.components-button svg{margin-right:10px;width:13px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-additional-info>div{margin-top:20px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-additional-info .vpf-component-gallery-control-item-modal-image-additional-info-copied{color:#15b11d;margin-right:10px}@media screen and (min-width:600px){.vpf-component-gallery-control-item-modal{align-items:flex-start;display:flex;gap:30px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-info{flex:1;margin-bottom:0;position:sticky;top:30px;width:230px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-info+div{width:280px}.vpf-component-gallery-control-item-modal .vpf-component-gallery-control-item-modal-image-info-sticky-bottom{bottom:30px;margin-top:auto;position:sticky;top:auto}}
|
|
.vpf-component-icon-selector .vpf-component-icon-selector-item{border-radius:2px;color:#000;height:auto;margin:0;padding:15px;position:relative;transition:color .1s ease-in-out}.vpf-component-icon-selector .vpf-component-icon-selector-item:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";right:0;opacity:0;pointer-events:none;position:absolute;left:0;top:0;transition:opacity .1s ease-in-out}.vpf-component-icon-selector .vpf-component-icon-selector-item:focus,.vpf-component-icon-selector .vpf-component-icon-selector-item:hover{color:var(--wp-admin-theme-color)}.vpf-component-icon-selector .vpf-component-icon-selector-item:focus:after,.vpf-component-icon-selector .vpf-component-icon-selector-item:hover:after{opacity:.04}.vpf-component-icon-selector .vpf-component-icon-selector-item:focus:not(:focus-visible){box-shadow:none}.vpf-component-icon-selector .vpf-component-icon-selector-item.vpf-component-icon-selector-item-active{color:var(--wp-admin-theme-color);outline:1px solid var(--wp-admin-theme-color)}.vpf-component-icon-selector .vpf-component-icon-selector-item.vpf-component-icon-selector-item-active:after{opacity:.04}.vpf-control-wrap-icons_selector:has(+.vpf-control-wrap-category_collapse),.vpf-control-wrap-icons_selector:has(+.vpf-control-wrap-category_tabs){margin-bottom:0}.vpf-control-wrap-icons_selector:has(+.vpf-control-wrap-category_navigator){margin-bottom:16px}.vpf-component-icon-selector{grid-gap:5px;display:grid;grid-template-columns:1fr 1fr 1fr;width:100%}.vpf-component-icon-selector .vpf-component-icon-selector-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:0;transition:border .2s,background-color .2s,box-shadow .2s}.vpf-component-icon-selector .vpf-component-icon-selector-item svg{fill:none;color:inherit;height:auto;max-width:18px;width:100%}.vpf-component-icon-selector .vpf-component-icon-selector-item span{font-size:12px;margin-right:-8px;margin-left:-8px;word-break:break-word}.vpf-component-icon-selector .vpf-component-icon-selector-item div+span{padding-top:8px}.vpf-component-icon-selector .vpf-component-icon-selector-item-collapse svg{color:var(--wp-admin-theme-color);height:14px;width:14px}.vpf-component-icon-selector .vpf-component-icon-selector-item-collapse .vpf-component-icon-selector-item-collapse{align-items:center;display:flex;height:23px;justify-content:center;position:relative;width:23px}.vpf-component-icon-selector .vpf-component-icon-selector-item-collapse .vpf-component-icon-selector-item-collapse:after{background-color:var(--wp-admin-theme-color);border-radius:15px;bottom:-3px;content:"";display:block;right:-3px;opacity:.05;position:absolute;left:-3px;top:-3px;transition:opacity .1s ease-in-out}.vpf-component-icon-selector .vpf-component-icon-selector-item-collapse:focus:after,.vpf-component-icon-selector .vpf-component-icon-selector-item-collapse:hover:after{opacity:0}.vpf-component-icon-selector .vpf-component-icon-selector-item-collapse:focus .vpf-component-icon-selector-item-collapse:after,.vpf-component-icon-selector .vpf-component-icon-selector-item-collapse:hover .vpf-component-icon-selector-item-collapse:after{opacity:.1}.vpf-component-icon-selector .vpf-component-icon-selector-item-collapse.vpf-component-icon-selector-item-expanded svg{transform:rotate(-180deg)}
|
|
.vpf-control-wrap+.vpf-control-wrap-category_navigator{border-top:1px solid #e0e0e0;padding-top:10px}.vpf-control-wrap-category_navigator:has(+.vpf-control-wrap){border-bottom:1px solid #e0e0e0;padding-bottom:4px}.vpf-component-navigator-control{margin:-16px}.vpf-component-navigator-control>.components-navigator-screen{padding:16px}.vpf-component-navigator-control .vpf-component-navigator-control-toggles>button{display:flex;font-weight:500;gap:6px;padding:10px 0;width:100%}.vpf-component-navigator-control .vpf-component-navigator-control-toggles>button svg{margin-right:auto}.vpf-component-navigator-control .vpf-component-navigator-control-toggles>button:focus:not(:focus-visible){box-shadow:none}.vpf-component-navigator-control .vpf-component-navigator-control-screen-title{align-items:center;display:flex;font-weight:500}.vpf-component-navigator-control .vpf-component-navigator-control-screen-title button{margin-right:-12px;padding:6px}.vpf-component-navigator-control .vpf-component-navigator-control-screen-title button:focus:not(:focus-visible){box-shadow:none}.vpf-component-navigator-control .components-navigator-screen>.components-panel__body{padding:16px 0 0}.vpf-component-navigator-control .components-panel__body{border-top:none}.vpf-component-navigator-control .components-panel__body:has(+.vpf-component-collapse-control-toggle){padding-bottom:0}
|
|
.vpf-pro-note{background:linear-gradient(-270deg,rgba(116,58,213,.2),rgba(213,58,157,.2));color:#b65e96;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;max-width:280px;padding:20px;position:relative}.vpf-setup-wizard-panel .vpf-pro-note{margin:0 auto}.vpf-pro-note:before{background-color:#fff6fc;bottom:1px;content:"";display:block;right:1px;position:absolute;left:1px;top:1px;z-index:0}.vpf-pro-note>*{position:relative;z-index:1}.vpf-pro-note h3{color:#d53a9d;font-family:inherit;font-size:13px;font-weight:600;margin-bottom:0;margin-top:0;text-transform:none}.vpf-pro-note p{font-size:inherit!important}.vpf-pro-note ul{list-style:none;margin:0}.vpf-pro-note ul li:before{content:"- ";display:inline;margin-bottom:5px}.vpf-pro-note .components-base-control__help,.vpf-pro-note .vpf-pro-note-description{margin:1em 0}.vpf-pro-note-button{background:linear-gradient(-270deg,#743ad5,#d53a9d);border-radius:3px;display:inline-block;padding:7px 15px;text-decoration:none;transition:filter .2s ease,transform .2s ease}.vpf-pro-note-button,.vpf-pro-note-button:active,.vpf-pro-note-button:focus,.vpf-pro-note-button:hover{color:#fff}.vpf-pro-note-button:focus,.vpf-pro-note-button:hover{filter:contrast(1.5) drop-shadow(0 3px 3px rgba(213,58,157,.3));transform:translateY(-1px)}
|
|
.vpf-component-select{margin-bottom:8px}.vpf-component-select-option-img{background-color:rgba(0,0,0,.1);border-radius:3px;display:block;height:30px;margin-left:10px;overflow:hidden;position:relative;width:30px}.vpf-component-select-option-img img{display:block;height:100%;right:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.vpf-component-select-option-label{margin-left:auto}.vpf-component-select-option-category{background-color:rgba(0,0,0,.1);border-radius:3px;margin-right:10px;padding:2px 10px}
|
|
.vpf-component-sortable,.vpf-component-sortable-disabled{border:1px solid #7e8993;border-radius:4px;list-style:none;margin:0;overflow:hidden;padding:4px 0}.vpf-dragging-has-disabled-options{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:0}.vpf-component-sortable>li{align-items:center;display:flex;list-style:none;margin:0;padding:3px 8px;position:relative}.vpf-component-sortable>li:hover{background-color:#f7f7f7}.vpf-component-sortable>li>span{border-radius:3px;cursor:grab;display:inline-flex;margin:0 0 0 6px;padding:4px 0;vertical-align:middle}.vpf-component-sortable>li>span:hover{background-color:#e1e1e1}.vpf-component-sortable>li>span svg{height:20px;width:20px}.vpf-component-sortable>li:hover .vpf-component-sortable-delete{opacity:1}.vpf-component-sortable>li.vpf-component-sortable-item-dragging{background-color:#f7f7f7;z-index:1}.vpf-component-sortable>li.vpf-component-sortable-item-dragging .vpf-component-sortable-delete{opacity:0}.vpf-component-sortable+ul.vpf-component-sortable-disabled{background-color:#f6f6f6;border:1px solid #7e8993;border-radius:0 0 4px 4px;border-top-color:#dcdcdc;list-style:none;margin:0;padding:0 0 4px}.vpf-component-sortable+ul.vpf-component-sortable-disabled>li{align-items:center;color:rgba(0,0,0,.478);display:flex;height:34px;list-style:none;margin:0;padding:3px 8px}.vpf-component-sortable+ul.vpf-component-sortable-disabled>li:hover{background-color:#f7f7f7}.vpf-component-sortable-add,.vpf-component-sortable-delete{border-radius:3px;cursor:pointer;display:inline-flex;height:28px;vertical-align:middle}.vpf-component-sortable-add:hover,.vpf-component-sortable-delete:hover{background-color:#e1e1e1}.vpf-component-sortable-add svg,.vpf-component-sortable-delete svg{height:auto;width:11px}.vpf-component-sortable-delete{margin:0 auto 0 0;opacity:0;padding:0 5px}.vpf-component-sortable-delete svg{width:9px}.vpf-component-sortable-add{color:#000;margin-left:7px;padding:0 4px}
|
|
.vpf-component-tabs-control{margin:0 -16px -26px}.vpf-component-tabs-control .components-tab-panel__tabs-item{flex:1}
|
|
.vpf-component-tiles-selector .vpf-tiles-preview-button,.vpf-component-tiles-selector-items .vpf-tiles-preview-button{border-radius:2px;color:#000;margin:0;padding:15px;transition:color .1s ease-in-out}.vpf-component-tiles-selector .vpf-tiles-preview-button:after,.vpf-component-tiles-selector-items .vpf-tiles-preview-button:after{background:var(--wp-admin-theme-color);border-radius:2px;bottom:0;content:"";right:0;opacity:0;pointer-events:none;position:absolute;left:0;top:0;transition:opacity .1s ease-in-out}.vpf-component-tiles-selector .vpf-tiles-preview-button:focus,.vpf-component-tiles-selector .vpf-tiles-preview-button:hover,.vpf-component-tiles-selector-items .vpf-tiles-preview-button:focus,.vpf-component-tiles-selector-items .vpf-tiles-preview-button:hover{color:var(--wp-admin-theme-color)}.vpf-component-tiles-selector .vpf-tiles-preview-button:focus:after,.vpf-component-tiles-selector .vpf-tiles-preview-button:hover:after,.vpf-component-tiles-selector-items .vpf-tiles-preview-button:focus:after,.vpf-component-tiles-selector-items .vpf-tiles-preview-button:hover:after{opacity:.04}.vpf-component-tiles-selector .vpf-tiles-preview-button:focus:not(:focus-visible),.vpf-component-tiles-selector-items .vpf-tiles-preview-button:focus:not(:focus-visible){box-shadow:none}.vpf-component-tiles-selector .vpf-tiles-preview-button-active,.vpf-component-tiles-selector-items .vpf-tiles-preview-button-active{color:var(--wp-admin-theme-color);outline:1px solid var(--wp-admin-theme-color)}.vpf-component-tiles-selector .vpf-tiles-preview-button-active:after,.vpf-component-tiles-selector-items .vpf-tiles-preview-button-active:after{opacity:.04}.vpf-component-tiles-selector .vpf-tiles-preview-button,.vpf-component-tiles-selector-items .vpf-tiles-preview-button{align-items:flex-start;aspect-ratio:1/1.25;background:#efefef!important;display:flex;flex-direction:row;height:auto;overflow:hidden;padding:0;position:relative;width:33.33%}.vpf-component-tiles-selector [data-tiles-preview],.vpf-component-tiles-selector-items [data-tiles-preview]{flex:1;margin-right:5px;margin-left:10px;margin-top:5px}.vpf-component-tiles-selector .vpf-tiles-preview-item-wrap,.vpf-component-tiles-selector-items .vpf-tiles-preview-item-wrap{float:right;padding-right:5px;padding-top:5px}.vpf-component-tiles-selector .vpf-tiles-preview-item,.vpf-component-tiles-selector-items .vpf-tiles-preview-item{background-color:#cacaca;border-radius:2px;position:relative}.vpf-component-tiles-selector .vpf-tiles-preview-item:after,.vpf-component-tiles-selector-items .vpf-tiles-preview-item:after{content:"";display:block}.vpf-component-tiles-selector{align-items:flex-start;display:flex;flex-wrap:wrap}.vpf-component-tiles-selector .components-button{background:#f3f3f3;border-color:#b3b3b3;color:#212121!important;display:inline-flex;height:auto;margin-left:auto;padding:10px;text-align:right;white-space:normal}.vpf-component-tiles-selector .vpf-tiles-preview-button{background:#fff!important;border:1px solid #b3b3b3;flex:0 0 80px;margin-right:10px;pointer-events:none;width:80px}.vpf-component-tiles-selector-items{grid-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:12px 0;max-width:100%;width:510px}.vpf-component-tiles-selector-items .vpf-tiles-preview-button{float:right;width:100%}
|
|
.vpf-component-modal.vpf-component-modal-size-sm{max-width:360px;width:100%}@media(min-width:600px){.vpf-component-modal.vpf-component-modal-size-md{max-width:600px;width:100%}}@media(min-width:840px){.vpf-component-modal.vpf-component-modal-size-lg{max-width:800px;width:100%}}
|
|
.vpf-component-toggle-group-control>.components-base-control>.components-base-control__field{margin-bottom:0;margin-top:-8px}.vpf-component-toggle-group-control>.components-panel__body{padding:0}
|
|
.visual-portfolio-gutenberg-preview{min-height:40px;overflow:hidden;position:relative}.visual-portfolio-gutenberg-preview iframe{margin:0;max-width:none!important;position:absolute;width:100%}.visual-portfolio-gutenberg-preview-loading{min-height:150px}.visual-portfolio-gutenberg-preview-loading:after{background-color:hsla(240,5%,57%,.1);bottom:0;content:"";display:block;right:0;position:absolute;left:0;top:0}.visual-portfolio-gutenberg-preview-loading iframe{opacity:0}.visual-portfolio-gutenberg-preview-loading>.visual-portfolio-gutenberg-preview-inner{position:absolute}.visual-portfolio-gutenberg-preview-loading>.components-spinner{right:50%;margin:0;position:absolute;top:50%;transform:translateX(50%) translateY(-50%);z-index:10}
|
|
.vpf-setup-wizard{--wp-admin-theme-color:#2540cc;background-color:#fff;border:1px solid #7e7e7e;border-radius:6px;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:50px 20px 20px;text-align:center}.wp-block-visual-portfolio-block.is-selected:has(>.vpf-setup-wizard):after{content:none!important}.wp-block-visual-portfolio-block.is-selected:has(>.vpf-setup-wizard) .vpf-setup-wizard{border-color:#2540cc}.vpf-setup-wizard>div{margin:0 auto;max-width:520px}.vpf-setup-wizard .vpf-setup-wizard-title{font-size:18px;font-weight:500;margin-bottom:15px}.vpf-setup-wizard .vpf-setup-wizard-description{font-size:14px;opacity:.75}.vpf-setup-wizard .vpf-setup-wizard-panel{margin-top:25px}.vpf-setup-wizard .vpf-setup-wizard-pagination{align-items:center;display:flex;justify-content:space-between;margin-top:40px;max-width:none}.vpf-setup-wizard .vpf-setup-wizard-pagination-progress{background-color:#eaeaea;height:2px;width:130px}.vpf-setup-wizard .vpf-setup-wizard-pagination-progress>div{background-color:#2540cc;height:2px;transition:width .3s ease}.vpf-setup-wizard .vpf-setup-wizard-pagination-button{display:flex;justify-content:flex-start;min-width:100px}.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button{height:34px;padding:6px 20px}.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button.is-link{color:#b9b9b9;font-weight:400;padding:0;text-decoration:none}.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button.is-link:focus,.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button.is-link:hover{color:#2540cc}.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button.is-primary{background-color:#2540cc}.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button.is-primary:disabled{background-color:#2540cc;border-color:#2540cc}.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button.is-primary:disabled svg{color:#fff;opacity:.4}.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button.is-primary:hover:not(:disabled){background:#1d32a1}.vpf-setup-wizard .vpf-setup-wizard-pagination-button .components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 1.5px #2540cc}.vpf-setup-wizard .vpf-setup-wizard-pagination-button-end{justify-content:flex-end}.vpf-setup-wizard .vpf-component-icon-selector{display:flex;justify-content:center}.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item{background:none!important;border-color:#fff;padding:15px 20px}.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item svg{color:#2b2b2b;height:44px;max-width:44px;transition:color .2s;width:44px}.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item span{font-size:.95em;font-weight:500;text-transform:none;transition:color .2s}.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item:focus span,.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item:focus svg,.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item:hover span,.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item:hover svg{color:#1e1e1e}.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item.vpf-component-icon-selector-item-active{border-color:#2540cc!important;box-shadow:0 0 0 1px #2540cc!important}.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item.vpf-component-icon-selector-item-active span,.vpf-setup-wizard .vpf-component-icon-selector .vpf-component-icon-selector-item.vpf-component-icon-selector-item-active svg{color:#2540cc}.vpf-setup-wizard-step-0 .vpf-component-gallery-control .vpf-component-gallery-control-items{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.vpf-setup-wizard-step-1 .vpf-component-icon-selector{gap:20px;margin-top:35px;padding-bottom:30px}.vpf-setup-wizard-step-1 .vpf-component-icon-selector>.vpf-component-icon-selector-item:nth-child(4)~*{display:none}.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item{background:#eee!important;border:none!important;border-radius:6px;flex:1;padding:0;position:relative}.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item:before{content:"";display:block;padding-top:100%;width:100%}.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item img{border-radius:6px;height:100%;right:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%}.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item svg{right:50%;position:absolute;top:50%;transform:translateX(50%) translateY(-50%)}.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item:focus,.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item:hover{border-color:none!important;box-shadow:0 0 0 1.5px #fff,0 0 0 3.5px #000!important}.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item.vpf-component-icon-selector-item-active{border-color:none!important;box-shadow:0 0 0 1.5px #fff,0 0 0 3.5px #2540cc!important}.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item>span{opacity:0;position:absolute;top:calc(100% + 5px);transform:translateY(-4px);transition:.2s ease}.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item.vpf-component-icon-selector-item-active>span,.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item:focus>span,.vpf-setup-wizard-step-1 .vpf-component-icon-selector .vpf-component-icon-selector-item:hover>span{opacity:1;transform:translateY(0)}.vpf-setup-wizard-step-2 .vpf-setup-wizard-layout-elements>div{padding:25px 0}.vpf-setup-wizard-step-2 .vpf-setup-wizard-layout-elements>div+div{border-top:1px solid #ececec}.vpf-setup-wizard-step-2 .vpf-setup-wizard-layout-elements .components-toggle-control__label{font-size:16px;font-weight:500}.vpf-setup-wizard .components-base-control,.vpf-setup-wizard .components-base-control__field,.vpf-setup-wizard .spinner{margin:0}.vpf-component-steps-wizard{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s,height .3s}.vpf-component-steps-wizard-animate-right{opacity:0;transform:translateX(-40px);transition:height .3s}.vpf-component-steps-wizard-animate-left{opacity:0;transform:translateX(40px);transition:height .3s}
|
|
.components-placeholder.vpf-setup-wizard-saved{flex-wrap:wrap}.components-placeholder.vpf-setup-wizard-saved .components-placeholder__fieldset{display:block;flex:0 0 100%;margin-top:15px}.vpf-component-layout-select{display:flex}.vpf-component-layout-select .vpf-component-select{flex:1}.vpf-component-layout-select .components-button{height:32px;margin-right:4px}.vpf-component-layout-select .components-button svg{fill:none}
|
|
.vpf-component-notice{margin-right:0;margin-left:0;margin-top:20px}.vpf-component-notice.is-info{background-color:rgba(81,152,217,.1);color:#2271b1}.vpf-component-notice.is-info p{color:inherit}.vpf-component-notice p:last-of-type{margin-bottom:0!important}
|
|
.vpf-component-spinner .components-spinner{float:none;margin-right:0}
|
|
.vpf-component-dropdown-no-padding .components-popover__content>div{padding:0}
|