.rttpg-panel-control-wrapper, .rttpg-components-popover { --rttpg-admin-color-primary: #0066ff; --rttpg-admin-color-primary-dark: #004dbf; --rttpg-admin-color-secondary: #555555; --rttpg-admin-color-black: #000000; --rttpg-admin-color-body: #333333; --rttpg-admin-root-tab-active: #ecf4ff; --rttpg-admin-color-border: #cccccc; --rttpg-admin-column-gap: 10px; --rttpg-admin-row-gap: 10px; --rttpg-admin-tab-btn-bg: #f9f9f9; --rttpg-admin-tab-btn-bg-hover: #e0e0e0; --rttpg-admin-text-xs: 13px; --rttpg-admin-text-base: 13px; --rttpg-admin-text-sm: 13px; --rttpg-admin-text-md: 16px; --rttpg-admin-transition: all 0.3s ease-in-out; --wp-admin-theme-color: #0066ff; --wp-admin-theme-color--rgb: 0, 102, 255; --rttpg-admin-red-color: #f54; color: var(--rttpg-admin-color-body); } .rttpg-panel-control-wrapper { background: #e6e9ec; } body .rt-container-fluid { padding-left: 0; padding-right: 0; } img { max-width: 100%; } input.disabled, input:disabled, textarea.disabled, textarea:disabled { background: rgb(211 211 211 / 50%); } .rttpg-panel-control-wrapper .components-tab-panel__tabs { background: #fff; border-top: 1px solid #d1d1d1; position: sticky; top: 0; z-index: 999; box-shadow: 0 4px 5px 0 rgb(32 33 36 / 9%); } .rttpg-panel-control-wrapper .components-toggle-control { width: 100%; } .rttpg-components-popover .components-base-control__field, .rttpg-panel-control-wrapper .components-base-control__field { margin-bottom: 0; } .rttpg-components-popover .components-base-control, .rttpg-components-popover .rttpg-control-field, .rttpg-panel-control-wrapper .components-base-control, .rttpg-panel-control-wrapper .rttpg-control-field, .rttpg-panel-control-wrapper .components-border-control { --wp-admin-theme-color: #0066ff; --wp-admin-theme-color--rgb: 0, 102, 255; --column-gap: 10px; --row-gap: 10px; margin-bottom: 10px; } .components-toggle-control .components-base-control__field .components-toggle-control__label { flex-basis: 190px; } .rttpg-components-popover .components-base-control:last-of-type, .rttpg-components-popover .rttpg-control-field:last-of-type, .rttpg-panel-control-wrapper .components-base-control:last-of-type, .rttpg-panel-control-wrapper .rttpg-control-field:last-of-type { margin-bottom: 6px; } .rttpg-components-popover .components-base-control.rttpg-cf-range-wrap .rttpg-cf-head, .rttpg-components-popover .components-base-control.rttpg-cf-dimension .rttpg-cf-head, .rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-head, .rttpg-components-popover .rttpg-control-field.rttpg-cf-dimension .rttpg-cf-head, .rttpg-panel-control-wrapper .components-base-control.rttpg-cf-range-wrap .rttpg-cf-head, .rttpg-panel-control-wrapper .components-base-control.rttpg-cf-dimension .rttpg-cf-head, .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-head, .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-dimension .rttpg-cf-head { justify-content: space-between; } .rttpg-components-popover .components-base-control .rttpg-cf-head, .rttpg-components-popover .rttpg-control-field .rttpg-cf-head, .rttpg-panel-control-wrapper .components-base-control .rttpg-cf-head, .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-head { display: flex; align-items: center; } .rttpg-components-popover .components-base-control .rttpg-cf-body .components-base-control, .rttpg-components-popover .rttpg-control-field .rttpg-cf-body .components-base-control, .rttpg-panel-control-wrapper .components-base-control .rttpg-cf-body .components-base-control, .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-body .components-base-control { margin-bottom: 0 !important; } .rttpg-components-popover .components-base-control .rttpg-left-part, .rttpg-components-popover .rttpg-control-field .rttpg-left-part, .rttpg-panel-control-wrapper .components-base-control .rttpg-left-part, .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-left-part { display: flex; align-items: center; gap: var(--column-gap, 10px); } .rttpg-components-popover .components-base-control .rttpg-units-choices, .rttpg-components-popover .rttpg-control-field .rttpg-units-choices, .rttpg-panel-control-wrapper .components-base-control .rttpg-units-choices, .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-units-choices { display: flex; gap: 5px; justify-content: flex-end; } .rttpg-components-popover .components-base-control .rttpg-units-choices label, .rttpg-components-popover .rttpg-control-field .rttpg-units-choices label, .rttpg-panel-control-wrapper .components-base-control .rttpg-units-choices label, .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-units-choices label { cursor: pointer; padding: 0; text-transform: uppercase; font-size: 10px; font-weight: 500; } .rttpg-components-popover .components-base-control .rttpg-units-choices label:hover, .rttpg-components-popover .components-base-control .rttpg-units-choices label.active, .rttpg-components-popover .rttpg-control-field .rttpg-units-choices label:hover, .rttpg-components-popover .rttpg-control-field .rttpg-units-choices label.active, .rttpg-panel-control-wrapper .components-base-control .rttpg-units-choices label:hover, .rttpg-panel-control-wrapper .components-base-control .rttpg-units-choices label.active, .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-units-choices label:hover, .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-units-choices label.active { color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-components-popover .components-base-control .components-base-control__help, .rttpg-components-popover .rttpg-control-field .components-base-control__help, .rttpg-panel-control-wrapper .components-base-control .components-base-control__help, .rttpg-panel-control-wrapper .rttpg-control-field .components-base-control__help { font-size: 12px; font-style: italic; margin-top: 0; color: #888; margin-bottom: 0; } .rttpg-components-popover .components-base-control .components-input-control__label, .rttpg-components-popover .components-base-control .components-toggle-control__label, .rttpg-components-popover .components-base-control .components-base-control__label, .rttpg-components-popover .components-base-control .rttpg-label, .rttpg-components-popover .rttpg-control-field .components-input-control__label, .rttpg-components-popover .rttpg-control-field .components-toggle-control__label, .rttpg-components-popover .rttpg-control-field .components-base-control__label, .rttpg-components-popover .rttpg-control-field .rttpg-label, .rttpg-panel-control-wrapper .components-base-control .components-input-control__label, .rttpg-panel-control-wrapper .components-base-control .components-toggle-control__label, .rttpg-panel-control-wrapper .components-base-control .components-base-control__label, .rttpg-panel-control-wrapper .components-base-control .rttpg-label, .rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__label, .rttpg-panel-control-wrapper .rttpg-control-field .components-toggle-control__label, .rttpg-panel-control-wrapper .rttpg-control-field .components-base-control__label, .rttpg-panel-control-wrapper .rttpg-control-field .rttpg-label { font-size: var(--rttpg-admin-text-base, 13px) !important; color: var(--rttpg-admin-color-secondary, #000) !important; font-weight: 500 !important; line-height: 1.3 !important; text-transform: capitalize !important; } .rttpg-components-popover .components-base-control .components-input-control__label, .rttpg-components-popover .components-base-control .components-base-control__label, .rttpg-components-popover .rttpg-control-field .components-input-control__label, .rttpg-components-popover .rttpg-control-field .components-base-control__label, .rttpg-panel-control-wrapper .components-base-control .components-input-control__label, .rttpg-panel-control-wrapper .components-base-control .components-base-control__label, .rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__label, .rttpg-panel-control-wrapper .rttpg-control-field .components-base-control__label { padding-bottom: var(--row-gap, 8px) !important; margin-bottom: 0 !important; display: inline-block; } .rttpg-components-popover .components-base-control .components-input-control__input, .rttpg-components-popover .components-base-control .components-select-control__input, .rttpg-components-popover .components-base-control .components-textarea-control__input, .rttpg-components-popover .components-base-control .components-text-control__input, .rttpg-components-popover .rttpg-control-field .components-input-control__input, .rttpg-components-popover .rttpg-control-field .components-select-control__input, .rttpg-components-popover .rttpg-control-field .components-textarea-control__input, .rttpg-components-popover .rttpg-control-field .components-text-control__input, .rttpg-panel-control-wrapper .components-base-control .components-input-control__input, .rttpg-panel-control-wrapper .components-base-control .components-select-control__input, .rttpg-panel-control-wrapper .components-base-control .components-textarea-control__input, .rttpg-panel-control-wrapper .components-base-control .components-text-control__input, .rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__input, .rttpg-panel-control-wrapper .rttpg-control-field .components-select-control__input, .rttpg-panel-control-wrapper .rttpg-control-field .components-textarea-control__input, .rttpg-panel-control-wrapper .rttpg-control-field .components-text-control__input { line-height: 1.5 !important; color: var(--rttpg-admin-color-secondary, #555555) !important; border-radius: 3px; border: 1px solid var(--rttpg-admin-color-border, #e9e9e9) !important; transition: var(--rttpg-admin-transition, all 0.3s ease); padding-top: 3px; padding-bottom: 3px; height: 32px !important; } .rttpg-components-popover .components-base-control .components-input-control__input:focus, .rttpg-components-popover .components-base-control .components-select-control__input:focus, .rttpg-components-popover .components-base-control .components-textarea-control__input:focus, .rttpg-components-popover .components-base-control .components-text-control__input:focus, .rttpg-components-popover .rttpg-control-field .components-input-control__input:focus, .rttpg-components-popover .rttpg-control-field .components-select-control__input:focus, .rttpg-components-popover .rttpg-control-field .components-textarea-control__input:focus, .rttpg-components-popover .rttpg-control-field .components-text-control__input:focus, .rttpg-panel-control-wrapper .components-base-control .components-input-control__input:focus, .rttpg-panel-control-wrapper .components-base-control .components-select-control__input:focus, .rttpg-panel-control-wrapper .components-base-control .components-textarea-control__input:focus, .rttpg-panel-control-wrapper .components-base-control .components-text-control__input:focus, .rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__input:focus, .rttpg-panel-control-wrapper .rttpg-control-field .components-select-control__input:focus, .rttpg-panel-control-wrapper .rttpg-control-field .components-textarea-control__input:focus, .rttpg-panel-control-wrapper .rttpg-control-field .components-text-control__input:focus { outline: 0; box-shadow: none; border-color: var(--rttpg-admin-color-primary, #0066ff) !important; } .rttpg-components-popover .components-base-control .components-textarea-control__input, .rttpg-components-popover .rttpg-control-field .components-textarea-control__input, .rttpg-panel-control-wrapper .components-base-control .components-textarea-control__input, .rttpg-panel-control-wrapper .rttpg-control-field .components-textarea-control__input { height: 80px; } .rttpg-components-popover .components-base-control .components-input-control__backdrop, .rttpg-components-popover .rttpg-control-field .components-input-control__backdrop, .rttpg-panel-control-wrapper .components-base-control .components-input-control__backdrop, .rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__backdrop { display: none; } .rttpg-components-popover .components-base-control .components-form-toggle .components-form-toggle__track, .rttpg-components-popover .rttpg-control-field .components-form-toggle .components-form-toggle__track, .rttpg-panel-control-wrapper .components-base-control .components-form-toggle .components-form-toggle__track, .rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle .components-form-toggle__track { border-color: #000; } .rttpg-components-popover .components-base-control .components-form-toggle .components-form-toggle__input:focus, .rttpg-components-popover .rttpg-control-field .components-form-toggle .components-form-toggle__input:focus, .rttpg-panel-control-wrapper .components-base-control .components-form-toggle .components-form-toggle__input:focus, .rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle .components-form-toggle__input:focus { box-shadow: none; outline: 0; } .rttpg-components-popover .components-base-control .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track, .rttpg-components-popover .rttpg-control-field .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track, .rttpg-panel-control-wrapper .components-base-control .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track, .rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { box-shadow: none; outline: 0; } .rttpg-components-popover .components-base-control .components-form-toggle.is-checked .components-form-toggle__track, .rttpg-components-popover .rttpg-control-field .components-form-toggle.is-checked .components-form-toggle__track, .rttpg-panel-control-wrapper .components-base-control .components-form-toggle.is-checked .components-form-toggle__track, .rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle.is-checked .components-form-toggle__track { border-color: var(--rttpg-admin-color-primary, #0066ff); background-color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-components-popover .components-base-control .components-form-toggle.is-checked .components-form-toggle__thumb, .rttpg-components-popover .rttpg-control-field .components-form-toggle.is-checked .components-form-toggle__thumb, .rttpg-panel-control-wrapper .components-base-control .components-form-toggle.is-checked .components-form-toggle__thumb, .rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle.is-checked .components-form-toggle__thumb { background-color: #fff; border-color: #fff; } .rttpg-components-popover .rttpg-control-single-field, .rttpg-panel-control-wrapper .rttpg-control-single-field { margin-top: 10px; } .rttpg-components-popover .rttpg-undo-btn.components-button, .rttpg-components-popover .rttpg-undo-btn.has-icon, .rttpg-panel-control-wrapper .rttpg-undo-btn.components-button, .rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon { font-size: 16px; padding: 0; background-color: transparent; } .rttpg-components-popover .rttpg-undo-btn.components-button:hover, .rttpg-components-popover .rttpg-undo-btn.has-icon:hover, .rttpg-panel-control-wrapper .rttpg-undo-btn.components-button:hover, .rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon:hover { background-color: transparent; } .rttpg-components-popover .rttpg-undo-btn.components-button:focus, .rttpg-components-popover .rttpg-undo-btn.components-button:hover, .rttpg-components-popover .rttpg-undo-btn.components-button:active, .rttpg-components-popover .rttpg-undo-btn.has-icon:focus, .rttpg-components-popover .rttpg-undo-btn.has-icon:hover, .rttpg-components-popover .rttpg-undo-btn.has-icon:active, .rttpg-panel-control-wrapper .rttpg-undo-btn.components-button:focus, .rttpg-panel-control-wrapper .rttpg-undo-btn.components-button:hover, .rttpg-panel-control-wrapper .rttpg-undo-btn.components-button:active, .rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon:focus, .rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon:hover, .rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon:active { outline: 0; box-shadow: none; } .rttpg-components-popover .rttpg-undo-btn.components-button span, .rttpg-components-popover .rttpg-undo-btn.has-icon span, .rttpg-panel-control-wrapper .rttpg-undo-btn.components-button span, .rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon span { font-size: inherit; height: auto; } /*.rttpg-components-popover*/ .rttpg-components-popover .components-base-control .components-input-control__label, .rttpg-components-popover .components-base-control .components-base-control__label, .rttpg-components-popover .rttpg-control-field .components-input-control__label, .rttpg-components-popover .rttpg-control-field .components-base-control__label { margin-bottom: 6px !important; } .rttpg-components-popover .components-base-control .components-input-control__input, .rttpg-components-popover .components-base-control .components-select-control__input, .rttpg-components-popover .components-base-control .components-text-control__input, .rttpg-components-popover .rttpg-control-field .components-input-control__input, .rttpg-components-popover .rttpg-control-field .components-select-control__input, .rttpg-components-popover .rttpg-control-field .components-text-control__input { height: 34px !important; } /*rttpg-components-popover*/ .rttpg-components-popover { --row-gap: 8px; } .rttpg-components-popover .components-input-control__backdrop { display: none; } .rttpg-components-popover .components-popover__content::-webkit-scrollbar { width: 8px; border-radius: 8px; } .rttpg-components-popover .components-popover__content::-webkit-scrollbar-track { background: linear-gradient(to bottom, #0066ff 0%, #488cf1 100%, #9dff00 0%, #f5440f 100%); border-radius: 8px; } .rttpg-components-popover .components-popover__content::-webkit-scrollbar-thumb { background: transparent; box-shadow: 0px 0px 0px 1000vh black; border-radius: 8px; } /*rttpg-tab-panel -- tab buttons*/ .rttpg-tab-panel .components-button { color: #505960; transition: var(--rttpg-admin-transition, all 0.3s ease); } .rttpg-tab-panel .components-button:focus { outline: 0; box-shadow: none; } .rttpg-tab-panel .rttpg-tab-btn { position: relative; height: 58px; padding: 5px 0; flex-grow: 1; display: block; border-right: 1px solid #efefef; font-size: 12px; border-bottom: 3px solid transparent; } .rttpg-tab-panel .rttpg-tab-btn:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; height: 100%; background: #efefef; } .rttpg-tab-panel .rttpg-tab-btn:last-child { border-right: none; } .rttpg-tab-panel .rttpg-tab-btn:hover { color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-tab-panel .rttpg-tab-btn.active-tab { border-bottom-color: var(--rttpg-admin-color-primary, #0066ff); color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-tab-panel .rttpg-tab-btn.active-tab::before { visibility: visible; opacity: 1; } .rttpg-tab-panel .rttpg-tab-btn.content::before, .rttpg-tab-panel .rttpg-tab-btn.settings::before, .rttpg-tab-panel .rttpg-tab-btn.styles::before { position: static; font-family: dashicons; display: block; line-height: 1; font-weight: 400; font-size: 20px; margin-bottom: 3px; } .rttpg-tab-panel .rttpg-tab-btn.content::before { content: '\f464'; } .rttpg-tab-panel .rttpg-tab-btn.settings::before { content: '\f111'; } .rttpg-tab-panel .rttpg-tab-btn.styles::before { content: '\f475'; } .rttpg-tab-content .components-button { font-size: var(--rttpg-admin-text-base, 13px); background: #ffffff; color: var(--rttpg-admin-color-secondary, #555); font-weight: bold; border-radius: 0; border-bottom: 1px solid #e3e3e3; padding-top: 12px; padding-bottom: 12px; } .rttpg-tab-content .components-button .components-panel__arrow { color: inherit; } .rttpg-tab-content .components-button:hover { color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-tab-content .components-button.rttpg-undo-btn { border: none; } .rttpg-tab-content .components-panel__body-title > .components-button { color: #495157; font-weight: 700; transition: 0.4s; } .rttpg-tab-content .is-opened .components-panel__body-title > .components-button { color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-go-to-premium-panel .components-panel__body-title > .components-button { color: var(--rttpg-admin-red-color); text-align: center; display: block; padding-left: 0; padding-right: 0; pointer-events: none; } .rttpg-go-to-premium-panel .components-panel__body-title > .components-button span { display: none; } .rttpg-tab-content .rttpg-btn-group { display: flex; align-items: center; justify-content: space-between; } .rttpg-tab-content .rttpg-btn-group .components-button { box-shadow: none; outline: 0; } .rttpg-tab-content .rttpg-btn-group .components-button:active, .rttpg-tab-content .rttpg-btn-group .components-button:focus, .rttpg-tab-content .rttpg-btn-group .components-button:hover { box-shadow: none; outline: 0; } .rttpg-tab-content .rttpg-btn-group .components-button.is-secondary:active, .rttpg-tab-content .rttpg-btn-group .components-button.is-secondary:focus, .rttpg-tab-content .rttpg-btn-group .components-button.is-secondary:hover { box-shadow: none; outline: 0; } .rttpg-tab-content .rttpg-btn-group .components-button.is-secondary:hover { color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-tab-content .rttpg-btn-group .rttpg-button, .rttpg-tab-content .rttpg-btn-group .components-button { display: inline-flex; align-items: center; justify-content: center; flex-grow: 1; font-size: var(--rttpg-admin-text-xs, 12px); color: var(--rttpg-admin-color-secondary, #555); background-color: var(--rttpg-admin-color-white, #fff); border: 1px solid var(--rttpg-admin-color-border, #e9e9e9); padding: 2px; height: 32px; cursor: pointer; transition: var(--rttpg-admin-transition, all 0.3s ease-in-out); } .rttpg-tab-content .rttpg-btn-group .rttpg-button:first-of-type, .rttpg-tab-content .rttpg-btn-group .components-button:first-of-type { border-radius: 3px 0 0 3px; } .rttpg-tab-content .rttpg-btn-group.rttpg-bottom-border-radius-none .components-button:first-of-type { border-radius: 3px 0 0 0; } .rttpg-tab-content .rttpg-btn-group.rttpg-bottom-border-radius-none .components-button:last-of-type { border-radius: 0 3px 0 0; } .rttpg-tab-content .rttpg-btn-group .rttpg-button:last-of-type, .rttpg-tab-content .rttpg-btn-group .components-button:last-of-type { border-radius: 0 3px 3px 0; } .rttpg-tab-content .rttpg-btn-group .rttpg-button:not(:last-of-type), .rttpg-tab-content .rttpg-btn-group .components-button:not(:last-of-type) { border-right: none; } .rttpg-tab-content .rttpg-btn-group .rttpg-button .components-button + .components-button, .rttpg-tab-content .rttpg-btn-group .rttpg-button .rttpg-button + .rttpg-button, .rttpg-tab-content .rttpg-btn-group .components-button .components-button + .components-button, .rttpg-tab-content .rttpg-btn-group .components-button .rttpg-button + .rttpg-button { margin: 0; } .rttpg-tab-content .rttpg-btn-group .rttpg-button.is-primary, .rttpg-tab-content .rttpg-btn-group .rttpg-button.active, .rttpg-tab-content .rttpg-btn-group .components-button.is-primary, .rttpg-tab-content .rttpg-btn-group .components-button.active { border-color: var(--rttpg-admin-color-primary, #0066ff); color: var(--rttpg-admin-color-white, #fff); background-color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-tab-content .rttpg-btn-group.rttpg-btn-group-state { margin-bottom: 16px; } .rttpg-tab-content .rttpg-btn-group.rttpg-btn-group-state + .rttpg-ground-control { margin-top: -19px; } .rttpg-tab-content .rttpg-btn-group.rttpg-btn-group-state .components-button { height: 34px; font-weight: 500; font-size: var(--rttpg-admin-text-base, 13px); } .rttpg-tab-content .components-panel__body.is-opened > .components-panel__body-title { margin-bottom: 10px; } .rttpg-img-remove-btn { height: 100px; width: 100%; margin-bottom: 5px; } .rttpg-img-remove-btn span { font-size: 30px; width: auto; height: auto; margin: 0; } .block-editor-block-inspector .components-base-control:last-of-type { margin-bottom: 6px; } .block-editor-block-inspector .components-base-control .components-textarea-control__input, .block-editor-block-inspector .components-base-control .components-text-control__input, .block-editor-block-inspector .components-base-control .components-input-control__input { line-height: 1.5 !important; height: 36px; padding: 8px; color: var(--rttpg-admin-color-secondary, #555); border-radius: 3px; border: 1px solid var(--rttpg-admin-color-border, #e9e9e9); transition: var(--rttpg-admin-transition, all 0.3s ease-in-out); } .block-editor-block-inspector .components-base-control .components-textarea-control__input:focus, .block-editor-block-inspector .components-base-control .components-text-control__input:focus { outline: 0; box-shadow: none; border-color: var(--rttpg-admin-color-primary, #0066ff); } .block-editor-block-inspector .components-base-control .components-textarea-control__input { height: 80px; } .block-editor-block-inspector .components-base-control .components-base-control__label, .block-editor-block-inspector .components-base-control .components-toggle-control__label { font-size: var(--rttpg-admin-text-base, 13px); color: var(--rttpg-admin-color-secondary, #555); font-weight: 500; } .block-editor-block-inspector .components-base-control .components-base-control__label { margin-bottom: var(--row-gap, 10px); display: inline-block; } .block-editor-block-inspector__advanced .components-button { font-size: var(--rttpg-admin-text-base, 13px); color: var(--rttpg-admin-color-black, #000); font-weight: 500; } .block-editor-block-inspector__advanced .components-button .components-panel__arrow { color: inherit; } .block-editor-block-inspector__advanced .components-button:focus { outline: 0; box-shadow: none; } .rttpg-panel-control-wrapper .components-panel__body { margin-top: 10px !important; background: #fff; border-top: none !important; } .rttpg-panel-control-wrapper .components-panel__body.is-opened { border-top: 1px solid #e0e0e0; } .rttpg-panel-control-wrapper .components-panel__body:last-child { border-bottom: 10px solid #e6e9ec; } .rttpg-sortable-list { display: grid; gap: 10px; margin-bottom: 10px; } .rttpg-sortable-list .rttpg-sortable-expand-area { border: 1px solid #d3d3d3; border-top: 0; padding: 10px; } .rttpg-sortable-list .rttpg-sortable-item { border: 1px solid #d3d3d3; display: flex; align-items: center; justify-content: space-between; line-height: 2.5em; font-size: 13px; color: #555 !important; height: 40px; } .rttpg-sortable-list .rttpg-sortable-item .rttpg-sortable-title { flex: 12; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; width: 200px; padding-right: 5px; display: inline-block; } .rttpg-sortable-list .rttpg-sortable-item .rttpg-sortable-title .rttpg-icon, .rttpg-sortable-list .rttpg-sortable-item .rttpg-sortable-title i, .rttpg-sortable-list .rttpg-sortable-item .rttpg-sortable-title svg { line-height: 1; display: inline-flex; align-items: center; margin-right: 3px; position: relative; top: 1px; } .rttpg-sortable-list .rttpg-sortable-item .drag-handle { background: transparent !important; border-left: 1px solid var(--rttpg-admin-color-border, #e9e9e9) !important; border-right: none !important; display: flex !important; justify-content: center; flex: 2 1 0 !important; align-items: center; color: #fff; cursor: move; height: 100%; } .rttpg-sortable-list .rttpg-sortable-item .rttpg-social-delete-icon { font-size: 14px; border-left: 1px solid #e9e9e9; line-height: 2.5em; flex: 2; text-align: center; display: flex; justify-content: center; height: 100%; } .rttpg-sortable-list .rttpg-sortable-item .rttpg-delete-icon:hover { cursor: pointer; } .drag-helper { list-style: none; z-index: 100; } .rttpg-item-add-btn-wrapper .rttpg-add-accordion-button, .rttpg-block > .rttpg-add-accordion-button, .rttpg-block + .rttpg-add-accordion-button { margin-top: 8px !important; margin-bottom: 8px !important; background-color: var(--rttpg-admin-tab-btn-bg, #f9f9f9) !important; border: 1px solid #e2e2e2 !important; padding: 12px 30px !important; height: 42px !important; font-size: 17px !important; color: #000000 !important; transition: all 0.3s ease-in-out !important; } .rttpg-item-add-btn-wrapper .rttpg-add-accordion-button:hover, .rttpg-block > .rttpg-add-accordion-button:hover, .rttpg-block + .rttpg-add-accordion-button:hover { background-color: var(--rttpg-admin-tab-btn-bg-hover, #ededef) !important; color: #212121 !important; } .rttpg-item-add-btn-wrapper .rttpg-add-accordion-button:focus, .rttpg-block > .rttpg-add-accordion-button:focus, .rttpg-block + .rttpg-add-accordion-button:focus { outline: 0 !important; box-shadow: none !important; } .rttpg-item-add-btn-wrapper .rttpg-add-accordion-button .dashicons, .rttpg-block > .rttpg-add-accordion-button .dashicons, .rttpg-block + .rttpg-add-accordion-button .dashicons { width: 18px; height: 18px; font-size: 18px; left: unset !important; } .rttpg-item-add-btn-wrapper.rttpg-faq { text-align: center; margin-top: 25px; } /*Alignment Button Style*/ .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-alignment-wrap { display: flex; justify-content: space-between; } .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-alignment-wrap .rttpg-btn-group .rttpg-button { padding: 3px 10px; } .components-panel__body-title ~ .rttpg-add-accordion-button, .rttpg-control-field ~ .rttpg-add-accordion-button { margin-top: 0px !important; margin-bottom: 10px !important; background-color: var(--rttpg-admin-tab-btn-bg, #f9f9f9) !important; border: 1px solid #e2e2e2 !important; padding: 10px 12px !important; height: 32px !important; font-size: 13px !important; transition: all 0.3s ease-in-out !important; } .components-panel__body-title ~ .rttpg-add-accordion-button:hover, .rttpg-control-field ~ .rttpg-add-accordion-button:hover { background-color: var(--rttpg-admin-tab-btn-bg-hover, #ededef) !important; color: #212121 !important; } .components-panel__body-title ~ .rttpg-add-accordion-button:focus, .rttpg-control-field ~ .rttpg-add-accordion-button:focus { outline: 0 !important; box-shadow: none !important; } .components-panel__body-title ~ .rttpg-add-accordion-button .dashicons, .rttpg-control-field ~ .rttpg-add-accordion-button .dashicons { width: 18px; height: 18px; font-size: 18px; left: unset !important; width: unset !important; } .rttpg-panel-control-wrapper [data-tooltip]:before { content: attr(data-tooltip); position: absolute; pointer-events: none; opacity: 0; display: inline-flex; align-items: center; justify-content: center; transition: all 0.15s ease; padding: 6px 10px; color: #fff; background: #1a1a1a; border-radius: 4px; border-width: 0; white-space: nowrap; text-align: center; line-height: 1.2; font-size: 13px; box-shadow: none; right: -70px; } .rttpg-panel-control-wrapper [data-tooltip]:hover::before { margin: 0; opacity: 1; z-index: 1000; } /*rttpg-toggle-control-field*/ .rttpg-toggle-control-field .components-base-control__field .components-flex, .rttpg-toggle-control-field .components-base-control__field { display: flex; flex-direction: row-reverse; justify-content: space-between; align-content: center; align-items: center; } .rttpg-toggle-control-field.rttpg-padding-left .components-toggle-control__label { position: relative; padding-left: 10px; } .rttpg-toggle-control-field.rttpg-padding-left .components-toggle-control__label::before { content: "— "; } .rttpg-panel-control-wrapper .rttpg-control-field.label-inline .components-base-control__field, .rttpg-panel-control-wrapper .rttpg-control-field.label-inline { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: auto; } .rttpg-panel-control-wrapper .rttpg-control-field.label-inline.has-help { display: block; } .rttpg-panel-control-wrapper .rttpg-control-field.label-inline label { padding: 0 !important; line-height: 1.4; } .rttpg-panel-control-wrapper .rttpg-control-field.label-inline .components-text-control__input, .rttpg-panel-control-wrapper .rttpg-control-field.label-inline .components-input-control__container { max-width: 120px; margin-left: 10px; } .rttpg-panel-control-wrapper .rttpg-control-field.label-inline.rttpg-expand .components-text-control__input, .rttpg-panel-control-wrapper .rttpg-control-field.label-inline.rttpg-expand .components-input-control__container { max-width: 160px; margin-left: 10px; } .rttpg-panel-control-wrapper .rttpg-control-field.label-inline .components-base-control__field > div { width: 100%; display: flex; justify-content: space-between; flex-direction: row; align-items: center; } .rttpg-panel-control-wrapper input[type=text]:focus { box-shadow: none; } .rttpg-control-heading { background: #eaf5ff; color: #212121; padding: 7px; width: 100%; border-left: 3px solid #0073aa; } .rttpg-panel-control-wrapper .rttpg-elm-wrapper { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .rttpg-panel-control-wrapper .rttpg-elm-wrapper label { flex: 0 0 70px; font-weight: 400; font-size: 13px; } .rttpg-panel-control-wrapper .flatpickr-input { background-color: #fff; border-color: #ccc; padding: 1px 15px; flex: 0 0 calc(100% - 108px); max-width: calc(100% - 108px); } .rttpg-panel-control-wrapper .flatpickr-input.active, .rttpg-panel-control-wrapper .flatpickr-input:focus { border-color: var(--rttpg-admin-color-primary, #0066ff); } .rttpg-panel-control-wrapper .flatpickr-calendar:before, .rttpg-panel-control-wrapper .flatpickr-calendar:after { border: none !important; } .rttpg-panel-control-wrapper hr { margin: 15px 0; } .rttpg-panel-control-wrapper .components-circular-option-picker { position: relative; } .rttpg-panel-control-wrapper .components-custom-gradient-picker .components-custom-gradient-picker__ui-line { margin-bottom: 16px; width: calc(100% - 32px); } .rttpg-panel-control-wrapper .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper .components-button { text-indent: -99999px; background-color: transparent !important; padding: 0 !important; font-family: dashicons; width: 20px; color: var(--rttpg-admin-color-secondary, #555) !important; position: absolute; bottom: 10px; } .rttpg-panel-control-wrapper .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper .components-button:hover, .rttpg-panel-control-wrapper .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper .components-button:focus { background: transparent; } .rttpg-panel-control-wrapper .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper .components-button::after { content: "\f531"; font-size: 16px; text-indent: 0; position: absolute; left: 0; top: 0; font-weight: normal; } .components-flex.components-custom-gradient-picker__ui-line { align-items: end; } .rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type { margin-bottom: 0 !important; } /*New component css*/ .rttpg-panel-control-wrapper .rttpg-media-actions { position: absolute; top: 10px !important; right: 10px !important; margin-top: 0 !important; } .rttpg-panel-control-wrapper .rttpg-media-actions button, .rttpg-panel-control-wrapper span.rttpg-remove-icon { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; min-height: 22px; font-size: 10px; color: #575c60; background-color: rgba(255, 255, 255, .9); border-radius: 3px; line-height: 1.6; border: 1px solid; cursor: pointer; z-index: 9; text-align: center; transition: 0.4s; } .rttpg-panel-control-wrapper .rttpg-media-actions button:hover, .rttpg-panel-control-wrapper span.rttpg-remove-icon:hover { color: #373c41 !important; box-shadow: 0 0 5px 0 #000 !important; } .rttpg-panel-control-wrapper .rttpg-media-actions button { position: static; text-align: center; padding: 0 0 2px 0; margin-left: 5px; } .rttpg-panel-control-wrapper .rttpg-media-actions button span { font-size: inherit; } .rttpg-panel-control-wrapper .rttpg-image-avatar, .rttpg-panel-control-wrapper .rttpg-placeholder-image { position: relative; border: 1px dashed #a7a7a7; padding: 20px 20px 25px; text-align: center; cursor: pointer; border-radius: 0; background-color: #d5dadf; transition: 0.4s; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center; } .rttpg-panel-control-wrapper .rttpg-image-avatar:hover, .rttpg-panel-control-wrapper .rttpg-placeholder-image:hover { background-color: #bfc3c7; border-color: #838383; } .rttpg-panel-control-wrapper .rttpg-image-avatar div, .rttpg-panel-control-wrapper .rttpg-placeholder-image div { margin: 8px 0; text-align: center; } .rttpg-image-avatar .components-button { position: absolute; right: 6px; top: 6px; border: none; padding: 8px 10px; min-height: 30px; width: auto; line-height: 1; height: auto; font-size: 17px; color: var(--rttpg-admin-color-primary, #06f); } .rttpg-image-avatar .components-button:hover { color: var(--rttpg-admin-color-white, #fff); background-color: var(--rttpg-admin-color-primary, #06f); } .rttpg-components-popover .rttpg-color-ball, .rttpg-panel-control-wrapper .rttpg-color-ball { border: 4px solid #fff; box-shadow: 0 0 0 1px #d5dadf; cursor: pointer; border-radius: 0 !important; position: relative; } .rttpg-components-popover .rttpg-color-ball div, .rttpg-panel-control-wrapper .rttpg-color-ball div { border-radius: 0 !important; height: 18px !important; } .rttpg-panel-control-wrapper .rttpg-cf-body-content-wrap { border: 1px solid #dbdbdb; padding: 7px 10px 2px; } .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap { display: flex; align-items: center; gap: 6px; padding: 5px; background: #e3eaf5; border: 1px solid #dbdbdb; margin-bottom: -1px; min-height: 36px; } .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-btn-group { flex-grow: 1; max-width: 60px; margin-left: auto; } .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .components-button { padding: 0; height: 27px; width: 30px; border: 1px solid var(--rttpg-admin-color-primary, #06f); } .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .components-button .classic-btn { font-size: 10px; } .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .components-button .gradient-btn { font-size: 12px; } .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn { padding: 0; background-color: transparent; } .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn:hover { background-color: transparent; } .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn:focus, .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn:hover, .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn:active { outline: 0; box-shadow: none; } .rttpg-panel-control-wrapper .components-range-control__wrapper .components-range-control__track + span { margin-left: -5px; } .rttpg-panel-control-wrapper .rttpg-image-dimension { display: grid; grid-template-columns: 96px 1fr 1fr; grid-gap: 15px; } .rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='ValueContainer'] { padding: 2px; } .rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='ValueContainer'] div[class*='-placeholder'] { padding-left: 5px; } .rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='ValueContainer'] div[class*='-Input'] { margin: 0; padding-bottom: 0; padding-top: 0; padding-left: 5px; } .rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='ValueContainer'] div[role="button"] { cursor: pointer; } .rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='IndicatorsContainer'] { display: none; } .rttpg-panel-control-wrapper .components-heading.rttpg-control-heading { margin-bottom: 10px; } .rttpg-panel-control-wrapper .rttpg-ground-control { border: 1px solid rgb(222 228 233); padding: 7px; margin-bottom: 15px; border-radius: 3px; } .rttpg-panel-control-wrapper .rttpg-help { display: block; color: #7c7c7c; margin-top: -5px; margin-bottom: 15px; font-size: 12px; line-height: 1.3; } .rttpg-panel-control-wrapper .pl-30 { padding-left: 30px; } .rttpg-block-postgrid .rttpg-postgrid-is-loading { display: flex; justify-content: center; align-items: center; min-height: 120px; width: 100%; margin-left: 15px; margin-right: 15px; background: #f1f1f5; } /*Editor Overlay*/ .rttpg-block-postgrid .tpg-editor-loading { position: relative; } .rt-pagination .pagination-list a span { font-size: 12px; } /*Scroll top*/ .interface-interface-skeleton__sidebar.tpg-sidebar { background: #e6e9ec; } .interface-interface-skeleton__sidebar .edit-post-sidebar__panel-tabs { transition: top 0.2s ease-in-out; } .interface-interface-skeleton__sidebar.tpg-should-collapse .edit-post-sidebar__panel-tabs { top: -50px; } .rttpg-panel-control-wrapper .components-panel__body.is-opened.tpg-collapse-active { height: 42px; overflow: hidden; } .rttpg-panel-control-wrapper .rttpg-tab-panel ::placeholder { color: #bbb !important; } .rttpg-panel-control-wrapper .rttpg-tab-panel :-moz-placeholder { color: #565656 !important; } .rttpg-panel-control-wrapper .rttpg-tab-panel ::-moz-placeholder { color: #565656 !important; } .tpg-settings-enable .block-editor-block-inspector__advanced { display: none; } .rttpg-panel-control-wrapper .rttpg-column-group .rttpg-cf-head { margin-bottom: 5px; display: block; } .rttpg-panel-control-wrapper .rttpg-column-group .rttpg-column-group-inner { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; text-align: center; justify-content: center; } .rttpg-panel-control-wrapper .rttpg-column-group .rttpg-column-group-inner .rttpg-control-field { align-items: center; flex-direction: column-reverse; margin: 0; } .rttpg-panel-control-wrapper .rttpg-column-group .rttpg-column-group-inner .rttpg-control-field > div { line-height: 1; margin-bottom: 5px; } .rttpg-panel-control-wrapper .rttpg-column-group .rttpg-column-group-inner .rttpg-control-field .components-input-control__label { padding-bottom: 0 !important; color: #979797; font-weight: 600; font-size: 11px; text-transform: uppercase; } .rttpg-block-postgrid .tpg-el-main-wrapper .rt-swiper-holder { margin-left: 0; margin-right: 0; } .rttpg-block-postgrid .slider-layout-main .tpg-widget-heading-wrapper { margin-left: 6px; margin-right: 7px; } .rttpg-block-postgrid .tpg-el-main-wrapper.slider-layout11-main .tpg-widget-heading-wrapper, .rttpg-block-postgrid .tpg-el-main-wrapper.slider-layout12-main .tpg-widget-heading-wrapper { padding-left: 0; padding-right: 0; } .rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap * { pointer-events: none; } .rttpg-panel-control-wrapper .rttpg-is-pro { position: relative; cursor: not-allowed; } .rttpg-panel-control-wrapper .rttpg-is-pro *:not(.rttpg-alert-message) { pointer-events: none; } .rttpg-panel-control-wrapper .rttpg-arert-wrapper { position: relative; } .rttpg-panel-control-wrapper .rttpg-alert-message { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; width: 100%; height: 100%; cursor: not-allowed; } .rttpg-panel-control-wrapper .rttpg-is-pro label { position: relative; overflow: unset !important; } .rttpg-panel-control-wrapper .rttpg-is-pro.rttpg-dimension-wrap .rttpg-label { position: relative; } .rttpg-panel-control-wrapper .pro-lable { border: 1px solid #ff0000; color: #fff; background-color: #ff0000; line-height: 13px; font-size: 9px; text-transform: uppercase; border-radius: 3px; } .rttpg-panel-control-wrapper .rttpg-is-pro.rttpg-dimension-wrap .rttpg-label::after, .rttpg-panel-control-wrapper .rttpg-is-pro label::after { content: "Pro"; border: 1px solid #ff0000; color: #fff; background-color: #ff0000; padding: 0 0; display: inline-block; position: absolute; line-height: 13px; font-size: 9px; text-transform: uppercase; border-radius: 3px; width: 25px; text-align: center; margin-left: 7px; top: -5px; } .rttpg-panel-control-wrapper .rttpg-is-pro.rttpg-dimension-wrap label::after { content: none; } .rttpg-panel-control-wrapper .rttpg-is-pro.rttpg-dimension-wrap .rttpg-device-switchers { display: none; } .rttpg-panel-control-wrapper .rttpg-is-pro .components-form-toggle .components-form-toggle__track, .rttpg-panel-control-wrapper .rttpg-is-pro input[type=text], .rttpg-panel-control-wrapper .rttpg-is-pro input[type=number] { background: #e1e1e1; } .rttpg-panel-control-wrapper .rttpg-is-pro .components-form-toggle .components-form-toggle__thumb { background-color: #818181; border: #818181; } /*Pro message style*/ .rttpg-slider-layout-promotions { margin-bottom: 0; padding: 50px; background: #efefef; } .rttpg-slider-layout-promotions, .rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper { text-align: center; padding-bottom: 15px; color: #6d7882; } .rttpg-slider-layout-promotions h4, .rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper h4 { font-size: 16px; font-weight: 700; line-height: 1.4; color: #6d7882; } .rttpg-slider-layout-promotions a, .rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper a { color: var(--rttpg-admin-red-color); } .rttpg-slider-layout-promotions .rttpg-pro-message, .rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper .rttpg-pro-message { margin-bottom: 10px; } .rttpg-slider-layout-promotions .rttpg-button-go-pro, .rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper .rttpg-button-go-pro { background-color: #0066ff; color: #fff; padding: 7px 25px; margin-top: 20px; -webkit-box-shadow: 0 0 1px rgb(0 0 0 / 10%), 0 2px 2px rgb(0 0 0 / 10%); box-shadow: 0 0 1px rgb(0 0 0 / 10%), 0 2px 2px rgb(0 0 0 / 10%); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; display: inline-block; text-decoration: none; } .rttpg-slider-layout-promotions .rttpg-button-go-pro:hover, .rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper .rttpg-button-go-pro:hover { background-color: #004ec5; color: #fff; } .block-editor-inserter__preview-container .block-editor-inserter__preview-content { border-bottom: 1px solid #ddd; } .block-editor-block-types-list[aria-label="The Post Grid"] .editor-block-list-item-rttpg-tpg-slider-layout img { transform: scale(1.3); } .rttpg-is-pro .rttpg-control-field .rttpg-cf-head .rt-left-part::after { content: "PRO"; position: relative; color: #fff; background-color: red; padding: 1px 0 2px; display: inline-block; font-size: 8px; width: 26px; text-align: center; border-radius: 3px; margin-left: auto; font-weight: 500; margin-right: auto; line-height: 1.5; } .rttpg-panel-control-wrapper .rttpg-is-pro .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper { --wp-admin-theme-color: #ababab; --rttpg-admin-color-primary: #ababab; } .rttpg-panel-control-wrapper .components-base-control__label { text-transform: none; } .slider-arrow-position-top-left .swiper-navigation { left: 5px; } .block-editor-block-inspector .block-editor-block-card img[alt='Grid Layout'], .block-editor-block-inspector .block-editor-block-card img[alt='Grid Hover Layout'], .block-editor-block-inspector .block-editor-block-card img[alt='List Layout'], .block-editor-block-inspector .block-editor-block-card img[alt='Slider Layout'] { padding-top: 12px; } .rt-layout-filter-container .rt-layout-filter-container { margin: 0; } .tpg-header-wrapper.carousel .rt-layout-filter-container .rt-layout-filter-container { flex: none; max-width: 100%; } .wp-admin .slider-arrow-position-top-right .swiper-navigation { right: 6px; } .wp-admin .slider-arrow-position-top-left .swiper-navigation { left: 6px; } .rttpg-block-postgrid { font-size: 16px; } /*RTTPG Import button style*/ .rttpg-import-button-wrapper { margin-right: 5px; order: -1; display: flex; gap: 10px; padding: 0 10px; } .editor-header__toolbar .edit-post-header-toolbar { order: -2; } .rttpg-import-button-wrapper button.rttpg-import-btn { background: #002DCB linear-gradient(89.93deg, #002DCB 13.33%, #02A7FB 99.94%); color: #ffffff; border: none; min-height: 33px; transition: 0.4s; position: relative; z-index: 1; white-space: nowrap; overflow: hidden; } .rttpg-import-button-wrapper button.rttpg-import-btn:hover { color: #FFFFFF; } .rttpg-import-button-wrapper button.rttpg-import-btn::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #002DCB linear-gradient(89.93deg, #02A7FB 13.33%, #002DCB 99.94%); z-index: -1; opacity: 0; transition: 0.4s; } .rttpg-import-button-wrapper button.rttpg-import-btn:hover::before { opacity: 1; } .rttpg-import-button-wrapper button.rttpg-import-btn:focus { outline: none; border: none; box-shadow: none; background: #002DCB linear-gradient(89.93deg, #02A7FB 13.33%, #002DCB 99.94%); color: #FFFFFF; } .rttpg-import-button-wrapper button.rttpg-import-btn svg { margin-right: 10px; margin-top: -3px; } /*Row CSS*/ .rttpg-block .block-list-appender .components-button.block-editor-button-block-appender { border: 1px solid #e9e9e9; box-shadow: none; color: #484b4a; } .rttpg-container-variation-picker .block-editor-block-variation-picker__variations { max-width: 750px; margin: auto; justify-content: center; align-items: center; } .rttpg-container-variation-picker .block-editor-block-variation-picker__variations li { margin: 8px 10px; text-align: center; } .rttpg-container-variation-picker .block-editor-block-variation-picker__variations li button { color: #a3a5ab !important; box-shadow: inset 0 0 0 1px #a3a5a9 !important; padding: 0 10px !important; } .rttpg-panel-control-wrapper .rttpg-custom-alignment .rttpg-control-field.rttpg-cf-alignment-wrap { flex-direction: column; } .rttpg-panel-control-wrapper .rttpg-custom-alignment .rttpg-control-field .rttpg-button svg { max-width: 18px !important; height: auto !important; } .rttpg-block-postgrid .rt-pagination-wrap { width: 100% !important; } .ajax-pagination-type-next-prev-yes .rt-pagination .pagination-list a { color: #ffffff; background-color: var(--tpg-primary-color, #0d6efd); } .wp-block-social-links.is-style-logos-only.is-content-justification-left li { flex: 1 !important; } [data-type="core/widget-area"] .rttpg-block-wrapper { margin-left: 0; margin-right: 0; } .components-base-control.rttpg-repeater { position: relative; } .rttpg-repeater #react-select-2-listbox { position: relative; z-index: 9999; } .rttpg-toc-headings-list { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; } .rttpg-toc-headings-list .components-base-control { margin: 0; font-weight: 400; font-size: 14px; border: 1px solid #c7c7c7; padding: 5px 4px; border-radius: 3px; box-sizing: border-box; flex: 1 0 auto; } .rttpg-toc-headings-list .components-base-control > div, .rttpg-toc-headings-list .components-base-control .components-base-control__field { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; gap: 5px; } .rttpg-toc-headings-list .components-base-control * { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .rttpg-toc-headings-list .components-checkbox-control__input[type=checkbox] { border-radius: 50%; } jQuery(function(e){var t;e("table.languages").on({focusin:function(){clearTimeout(t);var n=e(this).find(".row-actions");e(".row-actions").not(this).removeClass("visible"),n.addClass("visible")},focusout:function(){t=setTimeout(function(){focusedRowActions.removeClass("visible")},30)}},"tr");var n=e.ui.version>="1.12.0",l=e("#flag_list").length,s=e("#lang_list").length,i=function(t,n){var l=e("
  • "),s=e("
    ");return n.disabled&&this._addClass(l,null,"ui-state-disabled"),this._setText(s,n.label),s.prepend(e(n.element).data("flag-html")),s.children("img").addClass("ui-icon"),l.append(s).appendTo(t)},a=function(t){var n=e(t).selectmenu("instance").buttonText;n.prepend(e(t).children(":selected").data("flag-html")),n.children("img").addClass("ui-icon")},c=function(t){var n=e("");return this._setText(n,t.label),this._addClass(n,"ui-selectmenu-text"),n.prepend(e(t.element).data("flag-html")),n.children("img").addClass("ui-icon"),n};function o(e,t){var l=e.selectmenu(t).selectmenu("instance");return l._renderItem=i,n&&(l._renderButtonItem=c,l.refresh()),l}var r={width:"95%",classes:{"ui-selectmenu-menu":"pll-selectmenu-menu","ui-selectmenu-button":"pll-selectmenu-button"}},u={},d=function(e,t){a(e.target)},p=function(t,n){a(e(t.target).selectmenu("refresh"))},g=function(t,n){e(t.target).selectmenu("refresh")};if(u=n?{change:g,open:g}:{create:d,select:d,change:p,open:p},l){var h=o(e("#flag_list"),Object.assign({},r,u));e("#lang_list").on("languageChanged",function(e,t){h.element.val(t),h._trigger("change")})}var f=function(t,n){var l=function(t){var n=e("option:selected",t.target),l=n.val().split(":");return{slug:l[0],locale:l[1],rtl:[l[2]],flag:l[3],name:n.text().split(" - ")[0]}}(t);!function(t){e("#lang_slug").val(t.slug),e("#lang_locale").val(t.locale),e('input[name="rtl"]').val(t.rtl),e("#lang_name").val(t.name)}(l),e(t.target).trigger("languageChanged",l.flag)},v={};e("#lang_list").closest(".pll-wizard-content").length>0&&(r=Object.assign(r,{width:"100%"})),v=n?{change:f}:{create:d,select:d,change:f},s&&o(e("#lang_list"),Object.assign({},r,v)),e(".translation input").on("keydown",function(t){"Enter"===t.key&&(t.preventDefault(),e("#submit").trigger("click"))}),e("#the-list").on("click",".configure>a",function(){return e(".pll-configure").hide().prev().show(),e(this).closest("tr").hide().next().show(),!1}),e("#the-list").on("click",".cancel",function(){e(this).closest("tr").hide().prev().show()}),e("#the-list").on("click",".save",function(){var t=e(this).closest("tr"),n=t.attr("id").split("-"),l={action:"pll_save_options",pll_ajax_settings:!0,module:n[n.length-1],_pll_nonce:e("#_pll_nonce").val()};l=t.find(":input").serialize()+"&"+e.param(l),e.post(ajaxurl,l,function(n){var l=wpAjax.parseAjaxResponse(n,"pll-ajax-response");e.each(l.responses,function(){switch(wp.hooks.doAction("pll_settings_saved",this,t.get(0)),this.what){case"license-update":e("#pll-license-"+this.data).replaceWith(this.supplemental.html);break;case"success":t.hide().prev().show();case"error":e(".settings-error").remove(),e("h1").after(this.data),e(".notice.is-dismissible").each(function(){var t=e(this),n=e(''),l=pll_settings.dismiss_notice||"";n.find(".screen-reader-text").text(l),t.append(n),n.on("click.wp-dismiss-notice",function(n){n.preventDefault(),t.fadeTo(100,0,function(){e(this).slideUp(100,function(){e(this).remove()})})})})}})})}),e(".pll-configure").on("keydown",function(t){"Enter"===t.key&&(t.preventDefault(),e(this).find(".save").trigger("click")),"Escape"===t.key&&(t.preventDefault(),e(this).find(".cancel").trigger("click"))}),e("input[name='force_lang']").on("change",function(){function t(e,t){t?e.show():e.hide()}var n=e(this).val();t(e("#pll-domains-table"),3==n),t(e("#pll-hide-default"),3>n),t(e("#pll-rewrite"),2>n),t(e("#pll-redirect-lang"),2>n)}),e(".pll-deactivate-license").on("click",function(){var t={action:"pll_deactivate_license",pll_ajax_settings:!0,id:e(this).attr("id"),_pll_nonce:e("#_pll_nonce").val()};e.post(ajaxurl,t,function(t){e("#pll-license-"+t.id).replaceWith(t.html)})}),e(".if-js-closed").removeClass("if-js-closed").addClass("closed"),"undefined"!=typeof postboxes&&postboxes.add_postbox_toggles(pagenow)});jQuery(function(e){var t;e("table.languages").on({focusin:function(){clearTimeout(t);var n=e(this).find(".row-actions");e(".row-actions").not(this).removeClass("visible"),n.addClass("visible")},focusout:function(){t=setTimeout(function(){focusedRowActions.removeClass("visible")},30)}},"tr");var n=e.ui.version>="1.12.0",l=e("#flag_list").length,s=e("#lang_list").length,i=function(t,n){var l=e("
  • "),s=e("
    ");return n.disabled&&this._addClass(l,null,"ui-state-disabled"),this._setText(s,n.label),s.prepend(e(n.element).data("flag-html")),s.children("img").addClass("ui-icon"),l.append(s).appendTo(t)},a=function(t){var n=e(t).selectmenu("instance").buttonText;n.prepend(e(t).children(":selected").data("flag-html")),n.children("img").addClass("ui-icon")},c=function(t){var n=e("");return this._setText(n,t.label),this._addClass(n,"ui-selectmenu-text"),n.prepend(e(t.element).data("flag-html")),n.children("img").addClass("ui-icon"),n};function o(e,t){var l=e.selectmenu(t).selectmenu("instance");return l._renderItem=i,n&&(l._renderButtonItem=c,l.refresh()),l}var r={width:"95%",classes:{"ui-selectmenu-menu":"pll-selectmenu-menu","ui-selectmenu-button":"pll-selectmenu-button"}},u={},d=function(e,t){a(e.target)},p=function(t,n){a(e(t.target).selectmenu("refresh"))},g=function(t,n){e(t.target).selectmenu("refresh")};if(u=n?{change:g,open:g}:{create:d,select:d,change:p,open:p},l){var h=o(e("#flag_list"),Object.assign({},r,u));e("#lang_list").on("languageChanged",function(e,t){h.element.val(t),h._trigger("change")})}var f=function(t,n){var l=function(t){var n=e("option:selected",t.target),l=n.val().split(":");return{slug:l[0],locale:l[1],rtl:[l[2]],flag:l[3],name:n.text().split(" - ")[0]}}(t);!function(t){e("#lang_slug").val(t.slug),e("#lang_locale").val(t.locale),e('input[name="rtl"]').val(t.rtl),e("#lang_name").val(t.name)}(l),e(t.target).trigger("languageChanged",l.flag)},v={};e("#lang_list").closest(".pll-wizard-content").length>0&&(r=Object.assign(r,{width:"100%"})),v=n?{change:f}:{create:d,select:d,change:f},s&&o(e("#lang_list"),Object.assign({},r,v)),e(".translation input").on("keydown",function(t){"Enter"===t.key&&(t.preventDefault(),e("#submit").trigger("click"))}),e("#the-list").on("click",".configure>a",function(){return e(".pll-configure").hide().prev().show(),e(this).closest("tr").hide().next().show(),!1}),e("#the-list").on("click",".cancel",function(){e(this).closest("tr").hide().prev().show()}),e("#the-list").on("click",".save",function(){var t=e(this).closest("tr"),n=t.attr("id").split("-"),l={action:"pll_save_options",pll_ajax_settings:!0,module:n[n.length-1],_pll_nonce:e("#_pll_nonce").val()};l=t.find(":input").serialize()+"&"+e.param(l),e.post(ajaxurl,l,function(n){var l=wpAjax.parseAjaxResponse(n,"pll-ajax-response");e.each(l.responses,function(){switch(wp.hooks.doAction("pll_settings_saved",this,t.get(0)),this.what){case"license-update":e("#pll-license-"+this.data).replaceWith(this.supplemental.html);break;case"success":t.hide().prev().show();case"error":e(".settings-error").remove(),e("h1").after(this.data),e(".notice.is-dismissible").each(function(){var t=e(this),n=e(''),l=pll_settings.dismiss_notice||"";n.find(".screen-reader-text").text(l),t.append(n),n.on("click.wp-dismiss-notice",function(n){n.preventDefault(),t.fadeTo(100,0,function(){e(this).slideUp(100,function(){e(this).remove()})})})})}})})}),e(".pll-configure").on("keydown",function(t){"Enter"===t.key&&(t.preventDefault(),e(this).find(".save").trigger("click")),"Escape"===t.key&&(t.preventDefault(),e(this).find(".cancel").trigger("click"))}),e("input[name='force_lang']").on("change",function(){function t(e,t){t?e.show():e.hide()}var n=e(this).val();t(e("#pll-domains-table"),3==n),t(e("#pll-hide-default"),3>n),t(e("#pll-rewrite"),2>n),t(e("#pll-redirect-lang"),2>n)}),e(".pll-deactivate-license").on("click",function(){var t={action:"pll_deactivate_license",pll_ajax_settings:!0,id:e(this).attr("id"),_pll_nonce:e("#_pll_nonce").val()};e.post(ajaxurl,t,function(t){e("#pll-license-"+t.id).replaceWith(t.html)})}),e(".if-js-closed").removeClass("if-js-closed").addClass("closed"),"undefined"!=typeof postboxes&&postboxes.add_postbox_toggles(pagenow)});

    About Us

    Fleurs is a flower delivery and subscription business. Based in the EU, our mission is not only to deliver stunning flower arrangements across but also foster knowledge and enthusiasm on the beautiful gift of nature: flowers.

    Photography close up of a red flower.
    Black and white photography close up of a flower.
    PDG Targets Untapped Potential for Hybrid Cloud Data Centers Amid Rapid Cloud Computing Growth in Indonesia - Princeton Digital Group === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. === console.log('header!'); // Easy to add and display post grid on your website with or without categoryies filter. Also work with Gutenberg shortcode block. Skip to main content
    Princeton Digital Group targets untapped potential for hybrid cloud data centers amid rapid cloud computing growth in Indonesia

    The data center landscape in Indonesia is growing exponentially, as industry players like Princeton Digital Group look to tap into a market full of large domestic enterprise customers, SMEs and a broad swath of global multinational corporations.

    To keep up with demand, Princeton Digital Group, a leading investor, developer and operator of Internet infrastructure, is developing two new hyperscale greenfield builds that are slated to be ready by 2022. One will be adjacent to their Cibitung facility in Jakarta and the other new build will be interconnected to their existing site in Surabaya.

    Stephanus Tumbelaka, Princeton Digital Group’s Managing Director of Indonesia, said: “This market is quite dynamic and it has a significant amount of upside growth potential.”

    Due to rising digitization and Internet traffic, Indonesia’s data center market is expected to grow at an annual rate of 11%, with more than US$1 billion in investments.

    Mr Tumbelaka said: “As you look across the entire country, Indonesia has many metro markets outside of Jakarta that have limited data center facilities and overall capacity.”

    Along with the new facilities, Princeton Digital Group plans to upgrade their five existing facilities.

    PDG has the most carrier neutral facilities in Indonesia, covering both Java and Sumatra islands and servicing customers across four different markets: Jakarta, Surabaya, Bandung and Pekanbaru.

    Mr Tumbelaka added: “Indonesia is the world’s 14th largest country by land mass, therefore operators who only operate in a single metro or perhaps a single facility have a limited view of customers throughout Indonesia.”

    Cloud computing boom creates untapped potential for hybrid solutions
    Indonesia is projected to witness the fastest growth for cloud computing among the ASEAN countries, with tech giants like Alibaba Cloud, AWS, Google Cloud and Microsoft Azure entering the scene.

    Mr Tumbelaka said: “The growth of the cloud computing market should help facilitate the growth of the data center infrastructure sector. This has been seen in other markets throughout Asia Pacific that PDG operates in.”

    The Government’s proposed data protection law and recent data localization regulations may also positively impact both the local data center and cloud services market, as companies will be required to store their data locally in Indonesia.

    This uptake in cloud computing reveals untapped potential for hybrid cloud solutions that require third party data center facilities like Princeton Digital Group’s to provide enterprise customers with global leading operational support and flexible commercial structures.

    “We don’t feel that PDG competes with cloud service providers, rather they are our customers,” said Mr Tumbelaka.

    Princeton Digital Group noticed more enterprise and public sector customers are active in all metros they operate in, indicating that customers are considering migrating infrastructure into third party colocation facilities.

    Princeton Digital Group takes a proactive stance to overcome the challenges of rapid growth
    A rapidly developing market like Indonesia’s requires Government support to help investment climates.

    Data center operators should deploy to multiple metro markets to capture a significant amount of the domestic business.

    Mr Tumbelaka said: “As the largest carrier neutral data center operator in Indonesia with facilities across four different metro markets, we have a unique perspective.”

    PDG takes a proactive stance in the industry by reaching out across many different government agencies and industry groups to ensure their perspective is heard and that they are engaged in various discussions.

    He added: “In addition to the hyperscaler cloud providers, we feel that we are well positioned to also be able to assist local enterprise customers and MNCs with their data center infrastructure requirements.”

    Operators should look to enable the entire ecosystem of the data center community to achieve long term success since Indonesia’s market is less established compared to other countries.

    PDG removed a lot of uncertainty away from entering new markets by having a strong local partner, XL Axiata, which gave them a strong foundation to grow their business.

    The challenge of having sustainable sources of electricity to cope with the scale of the market may also impact Indonesia’s market.

    To overcome this, Princeton Digital Group focuses on building data centers towards global standards of energy efficient building codes such as BREEAM and LEED.

    “Princeton Digital Group operates data centers across Asia Pacific and we align our operations and construction processes to meet or exceed local regulations and building codes,” said Mr Tumbelaka.

    PDG has conducted operations optimization programs focusing on energy efficiency within the core mechanical and electrical systems in their five existing facilities since taking over operations in December.

    Their new developments in Jakarta and Surabaya will look to meet or exceed local regulations and building codes by working with technology and construction partners to ensure compliance with PDG’s practices during the entire life cycle of the project.

    Princeton Digital Group aims to continue their strategy to deliver high-quality data centers to both the Indonesian enterprise market and the global hyperscale community with their new and existing facilities.

    As published by W.Media.

    PDG Guest

    Author PDG Guest

    Guest authors of PDG sharing valuable industry insights and perspectives.

    More posts by PDG Guest

    Ευχαριστούμε για τη συνδρομή σας στο !!sitename!!. Ο συνδρομητικός λογαριασμός σας είναι τώρα ενεργός.

    Παρακάτω βρίσκονται λεπτομέρειες της νέας συνδρομής και μια απόδειξη του αρχικού τιμολογίου.

    Λογαριασμός: !!display_name!! (!!user_email!!)

    Επίπεδο λογαριασμού: !!membership_level_name!!

    Κόστος συνδρομής: !!membership_cost!!

    !!membership_expiration!! !!discount_code!!

    Αρχείο πληροφοριών χρέωσης:
    !!billing_address!!

    !!cardtype!!: !!accountnumber!!
    Λήξη: !!expirationmonth!!/!!expirationyear!!

    Συνδεθείτε στο λογαριασμό σας εδώ: !!login_link!!