.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.
    Robust Internet Infrastructure Key to Asia Pacific's Digital Push - 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

    With three of the top five global economies [1] – China, Japan and India – Asia Pacific is home to a digitally-savvy population keenly interested in trying out new technologies. This has created increased demand for online services that are available anytime and from anywhere. Companies are scrambling to digitally transform themselves with a cloud first strategy in order to meet this demand.

    As a domino effect, the internet infrastructure market has been growing steadily in the Asia Pacific region. This presents a major opportunity for data center operators with the right technology and expertise.

    Apart from the three top economies, another regional driver for Asia Pacific growth and digitization is the economically well-knit ASEAN region with 650 million inhabitants. The region registered a combined GDP of US$3 trillion in 2018 [2], making the region another magnet for global investment with Singapore being the destination of choice for global organizations for regional headquarters and infrastructure.  The ASEAN region could add nearly as much to the global output as the Eurozone over the next five years [3], according to an HSBC report released late last year.

    Adding to the already prevalent digital momentum, the COVID-19 pandemic has given a new sense of urgency for secure cloud-based digital platforms for employees to work from home during nationwide lockdowns. Many innovative cloud-based technologies are being tried out by organizations in Asia Pacific and these could become the norm once this pandemic is behind us.

    Market size
    To understand just how big an opportunity Asia Pacific presents for data center operators, one needs to look at market size. The region will become the second largest data center and hosting market in the world by 2023 [4] and revenues will increase dramatically. Asia Pacific will account for 29.6 per cent of the global data center market revenue in 2023, just behind North America which will account for 34.3 per cent.

    In US dollar terms, the Asia Pacific data center market is forecast to reach US$32 billion by 2023, behind only North America in terms of regional revenue [5]. This represents a major growth opportunity for companies with the right technology and expertise in the internet infrastructure business.

    The Asia Cloud Computing Association (ACCA), which brings out the authoritative, Cloud Readiness Index, notes that Asia Pacific’s international connectivity has increased by 63 per cent year-on-year in 2018 [6], ensuring that the region’s economies are in a strong position to lead the next wave of global digital innovation. Many governments continue to provide support around cloud infrastructure, planning and procurement, in the form of “Cloud First” strategies. All this fuels the region’s data center market growth.

    Growth drivers
    There are many drivers for Asia Pacific data center growth and one of them is online shopping. With the largest number of internet users in the world, online retail is booming in Asia Pacific. It is expected to grow from a paltry 3.2 per cent of total retail sales in 2011 to 17.2 per cent by 2021, according to Euromonitor International. This compares well with the global figure of 18.1 per cent also in 2021 [7].

    Closely related to the above is the rise of regional super-apps, like Grab and Gojek in South-East Asia (SEA) and Paytm in India. Following the Chinese model, popularized by WeChat and Alipay, these applications offer a multitude of services to customers. Grab and Gojek offer services ranging from ride hailing, food delivery, medical advice and even help in choosing financial products. In markets like Indonesia, where the majority of the population are unbanked, the super-apps have come up with novel ways to tap into new customer needs [8].

    With integration of third party services these super-apps require massive amounts of cloud compute to offer real time access through mobile phones. Not surprisingly this is also fueling regional data center demand.

    Demand for OTT (Over the Top) video services like Netflix, Amazon and also regional content from a number of local service providers is also growing rapidly in the Asia Pacific region. Global hyperscale operators are thus looking for data center space in the region to feed this demand. Apart from the established players, new international services are entering the market hoping to capitalize on the enormous scale available. It is estimated that Asia Pacific subscription OTT revenues are likely to reach US$19.9 billion by 2024 [9].

    Another driver for data center growth stems from the increasing requirement of governments for data localization from international service providers. A good example of this is the Indian market.

    Currently around 70 per cent of the country’s data is stored outside of India but new legislation is attempting to reverse that with data localization laws that are similar to the ones being used in Germany and Australia [10]. Demand is outstripping supply in India and analysts expect the country’s data center market size and capacity to grow from 252 MW of power in 2019 to 536.1 MW by 2024, which means a compound annual growth rate (CAGR) greater than 20 per cent [11].

    Indonesia is another country which is tightening legislation in order to make it imperative to store its citizens’ data within the country [12]. At the same time, the country is attracting investments from hyperscale cloud services providers such as Google, Alibaba and Amazon due to market size.

    New technologies like Internet of Things (IoT), Artificial Intelligence (AI) and big data analytics, which Asia Pacific companies are rapidly adopting, require high performance computing infrastructure. Along with the fifth generation mobile telephony (5G) this will also drive cloud-based digital transformation.

    For organizations, data centers are becoming as important a part of business operations as are office space, retail and industrial assets. In an increasingly digital world a cloud-based enterprise IT strategy has become an essential part of business delivery.

    All these market trends indicate that Asia Pacific demand for high tech and high performance data centers is unlikely to abate anytime soon. Once the region and the globe manages to defeat the COVID-19 virus and go back to normal conditions, it is quite likely that new ways of working through online tools will become the norm and this in turn will also fuel further data center demand. This makes the region a major market opportunity for companies with the right kind of technology.

    About Princeton Digital Group
    Princeton Digital Group (PDG) is a Warburg Pincus-backed investor, developer and operator of internet infrastructure. Our portfolio of data centers powers the expansion of hyperscalers and enterprises in the world’s fastest-growing digital economies. Our agility, speed and unmatched experience in scaling global internet infrastructure provide our partners and customers immediate access to growth opportunities across Asia.

    Chris Street

    Author Chris Street

    Executive Vice President, Market Development at PDG

    More posts by Chris Street

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

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

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

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

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

    !!membership_expiration!! !!discount_code!!

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

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

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