@charset "UTF-8"; .wpbc_admin { --wpbc-bfb-accent-color: var(--wpbc_admin-theme-color, #327ab4 ) } body[class*=page_wpbc] #wpcontent .wpbc_settings_page_content .wrap.wpbc_page { margin: 2px 40px } .wpbc_bfb__container { display: -ms-flexbox; display: flex; gap: 20px; width: 100% } .wpbc_bfb__container h1 { margin: 0 } .wpbc_bfb__pages_panel, .wpbc_bfb__theme_scope { -ms-flex: 1 1 100%; flex: 1 1 100% } #wpbc_bfb__pages_container { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start; gap: 30px } .wpbc_bfb__pages_panel .wpbc_bfb__panel { border: 0; padding: 0 20px; background: repeating-linear-gradient(-45deg,#f3f4f5 0 7px,#fff 7px 9px); margin: 0; width: 100%; position: relative; border-radius: 15px } .wpbc_bfb__panel--preview h3.wpbc_bfb__page_number { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: justify; justify-content: space-between; position: absolute; margin: 0; right: 0; gap: 60px; -ms-flex-align: center; align-items: center; background: #fff; padding: 0 12px; border-radius: 3px; border: 0; box-shadow: rgba(2,12,36,.06) 0 0 28px; min-height: 35px } .wpbc_bfb__panel--preview h3 button { cursor: pointer } .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls *, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .menu_icon, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_bfb__drag-handle, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_icn_drag_indicator, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls button, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number *, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number .menu_icon, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 h3.wpbc_bfb__page_number button { color: #1d2327!important } .wpbc_bfb__form_preview_section_container:empty { min-height: 100px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .wpbc_bfb__form_preview_section_container:empty::before { display: block; text-align: center; content: "\f132"; font-size: 32px; color: var(--wpbc-bfb-accent-color,#327ab4); font-family: dashicons; margin: auto } #wpbc_bfb__add_columns_template[hidden] { display: none } .wpbc_bfb__row:not(:has(.wpbc_bfb__column:not(:empty))) { min-height: 150px } .wpbc_bfb__panel--library { -ms-flex: 0 1 25%; flex: 0 1 25%; box-sizing: border-box; padding: 0 } .wpbc_bfb__panel--library .wpbc_bfb__panel_field_types__ul { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 15px; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; align-items: stretch } .wpbc_bfb__drag-handle, .wpbc_bfb__panel--library .wpbc_bfb__field { cursor: move } .wpbc_bfb__panel--library .wpbc_bfb__field[aria-disabled=true] { opacity: .4; cursor: not-allowed } .wpbc_bfb__controls { padding: 0; margin: 25px 0; border-radius: 2px; border: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; gap: 1em; width: 100%; min-height: 35px; position: relative } .wpbc_settings_page_content .wpbc_ui_el_container.wpbc_ui_el__dropdown .ul_dropdown_menu_toggle, .wpbc_settings_page_content .wpbc_ui_el_container.wpbc_ui_el__dropdown .ul_dropdown_menu_toggle.has_down_arrow { background-color: #fff } .wpbc_settings_page_content .ul_dropdown_menu_toggle, .wpbc_settings_page_content .ul_dropdown_menu_toggle .wpbc_ui_el__a { color: var(--wpbc_ui__gen__text-color) } .wpbc_bfb__section { position: relative; border: 0; padding: 0; -ms-flex: 1 1 100%; flex: 1 1 100% } .wpbc_bfb__row { display: -ms-flexbox; display: flex; width: 100%; position: relative } :root { --wpbc-col-gap: calc(1.5% - 1px) } div.wpbc_bfb__row, div.wpbc_bfb_form .wpbc__row { gap: var(--wpbc-col-gap); padding: 10px 0 } .wpbc_bfb__column { position: relative; border: 0; padding: 0; -ms-flex: 1 1 100%; flex: 1 1 100%; transition: border-color .2s; border-radius: 0; box-sizing: border-box; gap: 20px } .wpbc_bfb__column, .wpbc_bfb__row > .wpbc_bfb__column { min-width: var(--wpbc-col-min,0) } .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { -ms-flex-item-align: stretch; align-self: stretch; -ms-flex-item-align: start; align-self: flex-start; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; gap: 0 } .wpbc_bfb__dragging, .wpbc_bfb__section .wpbc_bfb__column:empty, .wpbc_bfb__section:hover .wpbc_bfb__column { border: 1px solid #b0c2d9 } .wpbc_bfb__dragging { -ms-flex-line-pack: start; align-content: flex-start } .wpbc_bfb__column:empty { min-height: 80px; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center } .wpbc_bfb__column:empty, .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column:empty, html.wpbc_bfb__dnd-active .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { -ms-flex-item-align: stretch; align-self: stretch } .wpbc_bfb__column:empty::before { text-align: center; padding: 0; content: "\f132"; font-size: 32px; color: var(--wpbc-bfb-accent-color,#327ab4); font-family: dashicons; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1 1 100%; flex: 1 1 100%; height: 100%; overflow: hidden } .wpbc_bfb__column:empty::after { content: ""; display: block } .wpbc_bfb__column-resizer { -ms-flex-item-align: stretch; align-self: stretch; cursor: col-resize; position: relative; margin: 0; -ms-flex: 0 0 0px; flex: 0 0 0; width: 0; max-width: 0; min-width: 0; overflow: visible; box-sizing: border-box } .wpbc_bfb__column-resizer::before { content: ""; position: absolute; left: -1.5px; top: 0; bottom: 0; width: 3px; cursor: col-resize; margin: 10px 0; border: 0 } .wpbc_bfb__column-resizer:hover::before, .wpbc_bfb__dragging .wpbc_bfb__column-resizer::before, .wpbc_bfb__section:hover .wpbc_bfb__column-resizer::before { position: absolute; top: 0; left: -2px; -ms-transform: translate(0,0); transform: translate(0,0); background: #a3aad2; background: var(--wpbc-bfb-accent-color,#327ab4); padding: 0; border-radius: 4px; white-space: nowrap; z-index: 10; border: 0 } .wpbc_bfb__column-resizer::after { position: absolute; left: 0; top: 0; bottom: 0; width: 0; pointer-events: none; content: ""; font-size: 34px; color: var(--wpbc-bfb-accent-color,#327ab4); font-family: dashicons; border: 0; -ms-transform: translate(-17px,-25px); transform: translate(-17px,-25px) } .wpbc_bfb__column-resizer:hover::after { content: "\f229" } .wpbc_bfb__column.wpbc_bfb__dragging + .wpbc_bfb__column-resizer, .wpbc_bfb__drag-active ~ .wpbc_bfb__column-resizer { pointer-events: none!important } .wpbc_bfb__noaction, .wpbc_bfb__preview-rendered [inert] { -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none } .wpbc_bfb__field { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; -ms-flex-align: start; align-items: flex-start; -ms-flex-flow: row wrap; flex-flow: row wrap; background: #fff; border: 1px solid #ccc; border-radius: 2px } .wpbc_bfb__field, .wpbc_bfb__panel--preview.wpbc_bfb_form .wpbc__field:not(.wpbc_bfb__preview-rendered) { padding: 0; margin: 0 } .wpbc_bfb__panel--preview.wpbc_bfb_form .wpbc_bfb__field:not(.wpbc_bfb__preview-rendered) { margin: 10px 0 } .wpbc_bfb__field:not(.wpbc_bfb__preview-rendered) { padding: 10px; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex: 1 1 30%; flex: 1 1 30% } .wpbc_bfb__field.wpbc_bfb__preview-rendered, .wpbc_bfb__field.wpbc_bfb__preview-rendered .wpbc_bfb__noaction { -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: normal; align-content: normal; padding: 0; margin: 0; gap: 10px } .wpbc_bfb__field.wpbc_bfb__preview-rendered .wpbc_bfb__noaction > *, .wpbc_bfb__field.wpbc_bfb__preview-rendered > * { -ms-flex: 1 1 100%; flex: 1 1 100% } .wpbc_bfb__field.wpbc_bfb__preview-rendered:not(.wpbc_bfb__highlight) { background: 0 0; border: 0; padding: 0; margin: 0 } .wpbc_bfb__field .wpbc_bfb__field-label { font-weight: 700; -ms-flex: 1 1 50%; flex: 1 1 50% } .wpbc_bfb__field .wpbc_bfb__field-type { font-size: .9em; color: #848484; -ms-flex: 1 1 auto; flex: 1 1 auto; text-shadow: none; text-align: right; max-width: 100%; word-break: break-word } .wpbc_bfb__preview-input, .wpbc_bfb__preview-select, .wpbc_bfb__preview-textarea { width: 100%; padding: 6px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box } .wpbc_bfb__preview-costhint { display: inline-block; padding: 6px; background: #f5f5f5; border: 1px dashed #aaa } .wpbc_bfb__drag-active { opacity: 1!important } .wpbc_bfb__highlight { border: var(--wpbc-bfb-accent-color,#327ab4) 2px dashed!important } .wpbc_bfb__drag-geometry-lock { box-sizing: border-box!important; height: var(--wpbc-bfb-drag-locked-block-size)!important; min-height: var(--wpbc-bfb-drag-locked-block-size)!important; max-height: var(--wpbc-bfb-drag-locked-block-size)!important; overflow-anchor: none } .wpbc_bfb__drag-source-spacer { box-sizing: border-box; display: block; -ms-flex: 0 0 var(--wpbc-bfb-drag-source-inline-size,100%); flex: 0 0 var(--wpbc-bfb-drag-source-inline-size,100%); width: var(--wpbc-bfb-drag-source-inline-size,100%); max-width: 100%; height: var(--wpbc-bfb-drag-source-block-size,1px); min-height: var(--wpbc-bfb-drag-source-block-size,1px); margin: 0; padding: 0; border: 1px dashed rgba(50,122,180,.35); border-radius: 4px; background: rgba(50,122,180,.035); overflow: hidden; pointer-events: auto } .wpbc_bfb__drag-ghost.wpbc_bfb__drop-indicator { box-sizing: border-box!important; display: block!important; position: relative!important; -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; width: 100%!important; max-width: 100%!important; height: 6px!important; min-height: 6px!important; max-height: 6px!important; margin: 2px 0!important; padding: 0!important; border: 0!important; border-radius: 3px!important; outline: 0!important; background: var(--wpbc-bfb-accent-color,#327ab4)!important; box-shadow: 0 0 0 1px rgba(255,255,255,.9)!important; opacity: 1!important; overflow: hidden!important; pointer-events: none!important; -ms-transform: none!important; transform: none!important; transition: none!important } .wpbc_bfb__drag-ghost.wpbc_bfb__drop-indicator > * { display: none!important } .wpbc_bfb__drag-ghost { opacity: .9!important; width: 100%; box-sizing: border-box } .sortable-chosen { opacity: .9 } .sortable-ghost { opacity: .6 } .sortable-fallback { opacity: .8 } .sortable-placeholder { min-height: 36px!important; pointer-events: none } .wpbc_bfb__simple_list_fallback { opacity: .85; padding: 10px!important } .wpbc_bfb_form { width: 100%; box-sizing: border-box; max-width: 100%; margin: 0 } .wpbc_bfb__panel--preview .wpbc_bfb_form { width: 100%; padding: 10px; box-sizing: border-box } .wpbc_bfb_form .wpbc_bfb__section input[type=email], .wpbc_bfb_form .wpbc_bfb__section input[type=text], .wpbc_bfb_form .wpbc_bfb__section select, .wpbc_bfb_form .wpbc_bfb__section textarea { max-width: min(30em,100%); width: 100%; min-width: 100% } .wp-core-ui .wpbc_bfb__panel--preview .wpbc_bfb_form input[type=email], .wp-core-ui .wpbc_bfb__panel--preview .wpbc_bfb_form input[type=text], .wp-core-ui .wpbc_bfb__panel--preview .wpbc_bfb_form select, .wp-core-ui .wpbc_bfb__panel--preview .wpbc_bfb_form textarea { max-width: min(30em,100%); width: auto; min-width: auto } .wpbc_bfb__overlay-controls { position: absolute; top: 0; left: 0; -ms-transform: translateX(calc(-100% + 5px)); transform: translateX(calc(-100% + 5px)); z-index: 999; display: none; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; gap: 2px; padding: 1px 5px; background: #fff; border: 1px solid #b0c2d9; border-radius: 4px; box-shadow: 0 0 1px #b0c2d9; pointer-events: auto; -ms-flex-flow: row nowrap; flex-flow: row nowrap; opacity: .97; box-shadow: 0 1px 5px 0 #b0c2d9; -ms-transform: translateY(calc(-50% + 5px)); transform: translateY(calc(-50% + 5px)) } html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__field:hover .wpbc_bfb__overlay-controls { display: -ms-flexbox; display: flex } .wpbc_bfb__section > .wpbc_bfb__overlay-controls { background: repeating-linear-gradient(-45deg,#dde7fb 2px 2px,#fff 3px 5px) } .wpbc_bfb__section:hover > .wpbc_bfb__overlay-controls { display: -ms-flexbox; display: flex; padding: 1px 5px; position: absolute; left: 50%; -ms-transform: translate(-50%,calc(-100% + 5px)); transform: translate(-50%,calc(-100% + 5px)); opacity: .95; border: 1px solid var(--wpbc-bfb-accent-color,#327ab4) } .wpbc_bfb__column:is([style*="--wpbc-bfb-col-overflow:"],[style*="--wpbc-bfb-col-overflow-x:"],[style*="--wpbc-bfb-col-overflow-y:"]) .wpbc_bfb__field > .wpbc_bfb__overlay-controls { left: auto; right: 2px; top: 2px; -ms-transform: none; transform: none } .wpbc_bfb__column:is([style*="--wpbc-bfb-col-overflow:"],[style*="--wpbc-bfb-col-overflow-x:"],[style*="--wpbc-bfb-col-overflow-y:"]) .wpbc_bfb__section > .wpbc_bfb__overlay-controls { top: 2px; -ms-transform: translate(-50%,0); transform: translate(-50%,0) } .wpbc_bfb__pages_panel .wpbc_bfb__panel .wpbc_bfb__overlay-controls > * { padding: 10px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .wpbc_bfb__field-move-down, .wpbc_bfb__field-move-up { border: none; cursor: pointer } .wpbc_bfb__overlay-controls button { background: rgba(255,255,255,.8); border: 1px solid #ccc; padding: 2px 6px; font-size: 12px; line-height: 1; opacity: .8; transition: opacity .2s; cursor: pointer } .wpbc_bfb__overlay-controls button:hover { opacity: 1 } .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn { transition: background-color .15s,border-color .15s,box-shadow .15s,color .15s,opacity .15s } .wpbc_bfb__pages_panel .wpbc_bfb__panel .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn { padding: 6px; margin: 4px; border-radius: 4px } .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:focus-visible, .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:hover { background: #eef5ff; border-color: var(--wpbc-bfb-accent-color,#327ab4); color: var(--wpbc-bfb-accent-color,#327ab4); opacity: 1 } .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:focus-visible .menu_icon, .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:hover .menu_icon { color: var(--wpbc-bfb-accent-color,#327ab4)!important } .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn:focus-visible { outline: 2px solid var(--wpbc-bfb-accent-color,#327ab4); outline-offset: 2px } .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn[aria-pressed=true] { background: var(--wpbc-bfb-accent-color,#327ab4); border-color: var(--wpbc-bfb-accent-color,#327ab4); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); color: #fff!important; opacity: 1 } .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn[aria-pressed=true] .menu_icon, .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn[aria-pressed=true], .wpbc_bfb__pages_panel div.wpbc_container.wpbc_form.wpbc_theme_dark_1 .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn[aria-pressed=true] .menu_icon { color: #fff!important } .wpbc_bfb__overlay-controls button:last-child { font-size: 8px; font-weight: 600 } .wpbc_bfb__section:hover:not(:has(.wpbc_bfb__section:hover)) > .wpbc_bfb__overlay-controls { display: -ms-flexbox; display: flex } .wpbc_bfb__section:has(.wpbc_bfb__section:hover) > .wpbc_bfb__overlay-controls { display: none } .wpbc_bfb__pages_panel .wpbc_bfb__panel .wpbc_bfb__overlay-controls .wpbc_bfb__layout_picker { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 8px } .wpbc_bfb__layout_chips { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; gap: 12px; width: 100% } .wpbc_bfb__layout_chip { border: 0; background: #fff; padding: 0; font-size: 11px; line-height: 1; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; -ms-flex: 0 1 40px; flex: 0 1 40px; height: 18px } .wpbc_bfb__layout_chip.is-active { outline: #97a3b5 solid 1px; outline-offset: 3px; border-radius: 1px } .wpbc_bfb__layout_chip-vis { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; gap: 2px; -ms-flex: 1 1 100%; flex: 1 1 100% } .wpbc_bfb__layout_chip-vis span { background: #718299; opacity: 1; border-radius: 2px; -ms-flex-item-align: stretch; align-self: stretch } .wpbc_bfb__layout_chip-label { display: none } html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__panel--preview .wpbc_bfb__field.is-selected { outline: 2px dashed var(--wpbc-bfb-accent-color,#327ab4); outline-offset: 3px; border-radius: 1px } html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__section.is-selected .wpbc_bfb__column { background: repeating-linear-gradient(-45deg,rgba(61,98,168,.0705882353) 1px 2px,#fff 3px 4px) } html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__section.is-selected .wpbc_bfb__column.is-selected-column { background: repeating-linear-gradient(-45deg,rgba(56,116,233,.1294117647) 1px 2px,#fff 3px 5px) } html:not(.wpbc_bfb__dnd-active) .wpbc_theme_dark_1 .wpbc_bfb__section.is-selected .wpbc_bfb__column { background: repeating-linear-gradient(-45deg,#383a3d 1px 4px,#4c4c4c 5px 7px) } html:not(.wpbc_bfb__dnd-active) .wpbc_theme_dark_1 .wpbc_bfb__section.is-selected .wpbc_bfb__column.is-selected-column { background: repeating-linear-gradient(-45deg,#3c3d73 1px 4px,#4c4c4c 5px 7px) } .wpbc_bfb__section[data-selected-col] .wpbc_bfb__section__cols > .wpbc_bfb__section__col.is-selected-column { outline: 2px solid var(--wpbc-bfb-accent-color,#327ab4); outline-offset: -2px } .wpbc_bfb_form .wpbc_bfb__section[data-selected-col] > .wpbc_bfb__row > .wpbc_bfb__column.is-selected-column { outline: 2px solid var(--wpbc-bfb-accent-color,#327ab4); outline-offset: -2px; padding: 1px } html:not(.wpbc_bfb__dnd-active) .wpbc_bfb__section.is-selected .wpbc_bfb__column > .wpbc_bfb__field { border: 1px solid #327ab4; border-radius: 0 } .wpbc_bfb__overlay-controls .section-drag-handle, .wpbc_bfb__overlay-controls .wpbc_bfb__drag-handle { cursor: move } .wpbc_bfb__overlay-controls .section-drag-handle:active, .wpbc_bfb__overlay-controls .wpbc_bfb__drag-handle:active { cursor: grabbing } .wpbc_bfb__field.wpbc_bfb__drag-anywhere { cursor: move } .wpbc_bfb__field.wpbc_bfb__drag-anywhere:active { cursor: grabbing } .wpbc_bfb__no-drag-zone { cursor: auto } .sortable-drag, .sortable-fallback, .wpbc_bfb__drag-active, .wpbc_bfb__field.wpbc_bfb__preview-rendered.wpbc_bfb__drag-active { box-shadow: 0 10px 30px rgba(0,0,0,.2); -ms-transform: scale(.98) rotate(-2deg); transform: scale(.98) rotate(-2deg); opacity: 1; z-index: 999999; pointer-events: none; transition: none!important; box-sizing: border-box!important; padding: 0!important } html.wpbc_bfb__drag-from-palette .wpbc_bfb__drag-active { max-width: max-content; min-width: min-content!important; width: 200px!important } html.wpbc_bfb__drag-from-palette .wpbc_bfb__drag-active, html.wpbc_bfb__drag-from-palette [data-drag-role=palette] { border: 1px dashed rgba(0,0,0,.25); background: #f7f7f7; border-radius: 8px; padding: 6px 10px!important; max-width: 320px } .wpbc_bfb__panel_field_types__ul .wpbc_bfb__highlight { opacity: .4 } .wpbc_bfb__drag-active.wpbc_bfb__preview-rendered .wpbc_bfb__help, .wpbc_bfb__drag-active.wpbc_bfb__preview-rendered .wpbc_bfb__overlay-controls { display: none } .wpbc_bfb__inspector__head { margin: 0; padding-bottom: 10px } .wpbc_bfb__inspector__head .header_container { padding: 0 5px 0 10px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px } .wpbc_bfb__inspector__head .title { margin: 0; line-height: 1.74; font-weight: 700; font-size: 14px; color: #23274a; text-transform: uppercase; letter-spacing: .2px } .wpbc_bfb__inspector__head .desc { color: #667085; font-size: 12px; margin: 5px 0 0; line-height: 1.75 } .wpbc_bfb__inspector__head .actions { -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 10px } .wpbc_bfb__inspector__head .wpbc_ajx_toolbar .ui_container, .wpbc_bfb__inspector__head .wpbc_ajx_toolbar .ui_container .ui_group { -ms-flex: 1 1 100%; flex: 1 1 100% } .wpbc_bfb__inspector__head .ui_element:has(.button-link-delete) { -ms-flex-item-align: end; align-self: flex-end } .wpbc_bfb__inspector__head .button[aria-label] i { pointer-events: none } .wpbc_bfb__inspector__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 0 } .wpbc_bfb__inspector__group { overflow: auto } .wpbc_bfb__inspector h2 { padding: 0 10px; margin: 0; color: var(--wpbc_ui_horis_top_nav__a_color); font-size: 15px } .wpbc_bfb__inspector .inspector__row h2 { padding: 0 } .wpbc_bfb__column_control_group { -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 4px 0 12px; min-width: 0; width: 100% } .wpbc_bfb__column_control_heading_row, .wpbc_bfb__column_control_section_heading { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; gap: 6px; -ms-flex-pack: start; justify-content: flex-start } .wpbc_bfb__column_control_heading_row { margin-bottom: 4px } .wpbc_bfb__column_control_heading { color: var(--wpbc_ui_horis_top_nav__a_color); font-size: 14px; margin: 0 } .wpbc_bfb__column_help { -ms-flex-align: center; align-items: center; appearance: none; background: 0 0; border: 0; box-shadow: none; color: var(--wpbc_ui_horis_top_nav__a_color); cursor: help; display: -ms-inline-flexbox; display: inline-flex; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 15px; height: 28px; -ms-flex-pack: center; justify-content: center; line-height: 1; margin: 0; padding: 0; width: 28px } .wpbc_bfb__column_help:focus-visible, .wpbc_bfb__column_help:hover { color: var(--wpbc_ui_horis_top_nav__hover_color) } .wpbc_bfb__column_help:focus-visible { border-radius: 3px; outline: 2px solid var(--wpbc_ui_horis_top_nav__hover_color); outline-offset: 1px } .wpbc_bfb__column_control_tablist { border-bottom: 1px solid var(--wpbc_ui_horis_top_nav__normal_color); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); width: 100% } [data-column-control-tabs=size] > .wpbc_bfb__column_control_tablist { grid-template-columns: repeat(2,minmax(0,1fr)) } .wpbc_bfb__column_control_tab { -ms-flex-align: center; align-items: center; appearance: none; background: 0 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; box-shadow: none; color: var(--wpbc_ui_horis_top_nav__a_color); cursor: pointer; display: -ms-inline-flexbox; display: inline-flex; font-weight: 600; gap: 5px; -ms-flex-pack: center; justify-content: center; margin: 0 0 -1px; min-width: 0; padding: 9px 4px } .wpbc_bfb__column_control_tab:focus-visible, .wpbc_bfb__column_control_tab:hover { border-bottom-color: var(--wpbc_ui_horis_top_nav__hover_color); color: var(--wpbc_ui_horis_top_nav__hover_color) } .wpbc_bfb__column_control_tab:focus-visible { outline: 2px solid var(--wpbc_ui_horis_top_nav__hover_color); outline-offset: -2px } .wpbc_bfb__column_control_tab[aria-selected=true] { border-bottom-color: var(--wpbc_ui_horis_top_nav__active_color); color: var(--wpbc_ui_horis_top_nav__active_color) } .wpbc_bfb__column_control_tab_marker { background: currentColor; border-radius: 50%; -ms-flex: 0 0 6px; flex: 0 0 6px; height: 6px; width: 6px } .wpbc_bfb__column_control_panel { padding-top: 10px } .wpbc_bfb__column_control_panel > .wpbc_len_group { width: 100% } .wpbc_bfb__column_control_panel > .wpbc_len_group > .wpbc_inline_inputs { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; gap: 5px; margin: 5px 0; width: 100% } .wpbc_bfb__column_panel_reset { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 5px; width: 100% } .wpbc_bfb__column_reset_link { appearance: none; background: 0 0; border: 0; box-shadow: none; color: var(--wpbc-bfb-accent-color,#2271b1); cursor: pointer; display: block; font-size: 12px; line-height: 1.5; margin: 5px auto 0; padding: 2px 5px; text-decoration: underline; text-underline-offset: 2px } .wpbc_bfb__column_reset_link:focus-visible, .wpbc_bfb__column_reset_link:hover { color: var(--wpbc_ui_horis_top_nav__hover_color); text-decoration-thickness: 2px } .wpbc_bfb__column_reset_link:focus-visible { border-radius: 3px; outline: 2px solid var(--wpbc_ui_horis_top_nav__hover_color); outline-offset: 1px } .wpbc_bfb__column_reset_all, .wpbc_bfb__column_reset_all .inspector__control { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .wpbc_bfb__column_reset_all .inspector__control { -ms-flex: 0 1 auto; flex: 0 1 auto } .inspector__row { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100% } .inspector__row * { font-size: 14px } .inspector__row.row__bordered { border: 1px solid #ccc; padding: 10px; border-radius: 5px; box-sizing: border-box } .inspector__control, .inspector__label { -ms-flex: 1 1 100%; flex: 1 1 100%; line-height: 2.5 } .inspector__label .req { color: #c00 } .inspector__control input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), .inspector__control select, .inspector__control textarea, .inspector__input, .inspector__select, .inspector__textarea { line-height: 2.4; width: 100% } .inspector__input--readonly { background: #f6f7f7; color: #6c7781; cursor: not-allowed } .wpbc_bfb_style_choice_grid { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)) } .wpbc_bfb_style_choice_grid .wpbc_theme_choice { -ms-flex-align: start; align-items: flex-start; background: #fff; border: 1px solid #dfe4ea; border-radius: 6px; box-sizing: border-box; cursor: pointer; display: -ms-flexbox; display: flex; gap: 8px; min-height: 54px; padding: 9px } .wpbc_bfb_style_choice_grid .wpbc_theme_choice input { height: 1px; margin: 0; opacity: 0; position: absolute; width: 1px } .wpbc_bfb_style_choice_grid .wpbc_theme_choice.is-selected, .wpbc_bfb_style_choice_grid .wpbc_theme_choice:has(input:checked) { border-color: var(--wpbc-bfb-accent-color,#327ab4); box-shadow: 0 0 0 1px var(--wpbc-bfb-accent-color,#327ab4) } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch { border: 1px solid #cbd5e1; border-radius: 6px; box-shadow: inset 0 0 0 4px rgba(255,255,255,.45); -ms-flex: 0 0 auto; flex: 0 0 auto; height: 24px; width: 24px } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_bordered { background: #fff; border-color: #aeb8c4 } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_none { background: linear-gradient(135deg,#fff 0,#fff 50%,#eef2f6 50%,#eef2f6 100%); border-color: transparent; box-shadow: inset 0 0 0 1px #d9e1ea } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_light_soft { background: #f8fafc; border-color: #d8dee6 } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_bordered { background: #111827; border-color: #334155 } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_none { background: linear-gradient(135deg,#111827 0,#111827 50%,#334155 50%,#334155 100%); border-color: transparent; box-shadow: inset 0 0 0 1px #475569 } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_dark_soft { background: #1f2937; border-color: #475569 } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_swatch_custom { background: linear-gradient(135deg,#fff 0,#fff 30%,#2271b1 30%,#2271b1 62%,#111827 62%,#111827 100%); border-color: #8aa6c3 } .wpbc_bfb_style_choice_grid .wpbc_theme_choice_label { color: #1d2327; font-size: 13px; font-weight: 600; line-height: 1.2; overflow-wrap: anywhere } .wpbc_bfb__inspector__empty { color: #a67345; font-size: 17px; padding: 6px; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; min-height: 50px; font-weight: 600 } .inspector__row .wpbc_inline_inputs { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 5px; width: 100%; margin: 5px 0 } .inspector__row label { margin: 0; font-weight: 550; line-height: 1.75 } .inspector__row .inspector__control__generator_times .wpbc_inline_inputs, .inspector__row .inspector__control__generator_times label, .inspector__row .inspector__control__generator_timeslots .wpbc_inline_inputs, .inspector__row .inspector__control__generator_timeslots label { margin: 0 } .wpbc_len_group { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px } .wpbc_len_group.wpbc_inline_inputs { -ms-flex-align: center; align-items: center; gap: 15px } .inspector__group__fields__times .inspector__control__generator_times, .inspector__group__fields__times .inspector__control__generator_timeslots { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; padding: 5px 15px; background-color: #f8f8f9; border-radius: 5px } .inspector__group__fields__times .wpbc_bfb__options_list { -ms-flex: 1 1 100%; flex: 1 1 100% } .inspector__group__fields__times .wpbc_bfb__opt-label { -ms-flex: 1 1 auto; flex: 1 1 auto } .inspector__group__fields__times .wpbc_bfb__opt-time { -ms-flex: 0 1 180px; flex: 0 1 180px; max-width: 120px } .inspector__group__fields__times .wpbc_bfb__opt-end, .inspector__group__fields__times .wpbc_bfb__opt-start { -ms-flex: 0 1 100px; flex: 0 1 100px; min-width: 100px } .inspector__group__fields__times .wpbc_bfb__options_list__header { -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 10px; background-color: #f8f8f9; border-radius: 4px; height: 36px } .inspector__group__fields__times .wpbc_bfb__options_list__header * { font-size: 13px; font-weight: 600; text-align: center } .wpbc_bfb__options_list__header .wpbc_bfb__header_col__drag-handle { -ms-flex: 0 1 16px; flex: 0 1 16px } .wpbc_bfb__options_list__header .wpbc_bfb__header_col__label { -ms-flex: 1 1 auto; flex: 1 1 auto } .wpbc_bfb__options_list__header .wpbc_bfb__header_col__value { -ms-flex: 0 1 120px; flex: 0 1 120px } .wpbc_bfb__options_list__header .wpbc_bfb__header_col__action { -ms-flex: 0 1 50px; flex: 0 1 50px } .inspector__group__fields__times .wpbc_bfb__options_toolbar { -ms-flex: 1; flex: 1 } .inspector__row small.desc { font-size: 12px; text-align: center; width: 100% } @keyframes wpbc-bfb-pulse { 0% { box-shadow: 0 0 0 0 rgba(34,63,102,.35) } 100% { box-shadow: 0 0 0 8px rgba(34,63,102,0) } } .wpbc_bfb__panel--preview [data-uid].wpbc_bfb__scroll-pulse, .wpbc_bfb__scroll-pulse { animation: .7s ease-out wpbc-bfb-pulse; outline: 2px dashed var(--wpbc-bfb-accent-color,#327ab4); outline-offset: 3px } .wpbc_bfb__highlight-pulse { --wpbc-bfb-pulse-color: #2d7bf0; --wpbc-bfb-pulse-outline-w: 3px; --wpbc-bfb-pulse-offset: 10px; --wpbc-bfb-pulse-shadow-w: 6px; position: relative; animation: .48s ease-out both wpbc-bfb-highlight-pulse } @keyframes wpbc-bfb-highlight-pulse { 0% { box-shadow: 0 0 0 var(--wpbc-bfb-pulse-shadow-w) rgba(45,123,240,.35); outline-offset: var(--wpbc-bfb-pulse-offset) } 60% { box-shadow: 0 0 0 2px var(--wpbc-bfb-pulse-color); outline-offset: calc(var(--wpbc-bfb-pulse-offset) + 2px) } 100% { box-shadow: 0 0 0 0 rgba(45,123,240,0); outline: 0 } } @keyframes wpbc-bfb-ping { 0% { opacity: .65; transform: scale(.98) } 100% { opacity: 0; transform: scale(1.08) } } .wpbc_bfb__highlight-pulse::after { content: ""; position: absolute; inset: -7px; border: 2px dotted var(--wpbc-bfb-pulse-color); border-radius: 7px; pointer-events: none; opacity: 0; animation: .48s ease-out both wpbc-bfb-ping } @media (prefers-reduced-motion:reduce) { .wpbc_bfb__overlay-controls .wpbc_bfb__settings-btn { transition: none } .wpbc_bfb__highlight-pulse { animation: none; outline: 3px solid var(--wpbc-bfb-pulse-color); outline-offset: 8px } .wpbc_bfb__highlight-pulse::after { animation: none; opacity: .5 } } @keyframes wpbc-bfb-highlight-once { 0% { box-shadow: 0 0 0 5px rgba(45,123,240,.35); outline-offset: 8px } 100% { box-shadow: 0 0 0 0 rgba(45,123,240,0); outline: 0 } } .wpbc_bfb__scroll-pulse { animation: .45s ease-out wpbc-bfb-highlight-once } .wpbc_admin_page__tab__builder_booking_form .wpbc_ui_el__vert_right_bar__content .wpbc_ui_el__expand_colapse_btns { display: none } .wpbc_admin_page__tab__builder_booking_form .wpbc_ui_el__top_nav .wpbc_message_wrapper .wpbc_header_news { position: absolute; top: calc(var(--wpbc_ui_top_nav__height) + 10px); left: 50%; margin-left: -25% } .wpbc_admin_page__tab__builder_booking_form .wpbc_page_top__wizard_button { top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + var(--wpbc_ui_top_nav__height) + 10px)!important } .wpbc_admin_page__tab__builder_booking_form [hidden], .wpbc_bfb__inspector .inspector__row[hidden], .wpbc_bfb__inspector[data-bfb-section-cols="1"] .inspector__row--layout-chips, .wpbc_bfb__inspector[data-bfb-section-cols="1"] [data-bfb-slot=layout_chips] { display: none!important } .wpbc_bfb__palette .is-disabled { opacity: .5; pointer-events: none } .wpbc_admin input[type=date]:-ms-input-placeholder, .wpbc_admin input[type=datetime-local]:-ms-input-placeholder, .wpbc_admin input[type=datetime]:-ms-input-placeholder, .wpbc_admin input[type=email]:-ms-input-placeholder, .wpbc_admin input[type=month]:-ms-input-placeholder, .wpbc_admin input[type=number]:-ms-input-placeholder, .wpbc_admin input[type=password]:-ms-input-placeholder, .wpbc_admin input[type=range]:-ms-input-placeholder, .wpbc_admin input[type=search]:-ms-input-placeholder, .wpbc_admin input[type=tel]:-ms-input-placeholder, .wpbc_admin input[type=text]:-ms-input-placeholder, .wpbc_admin input[type=time]:-ms-input-placeholder, .wpbc_admin input[type=url]:-ms-input-placeholder, .wpbc_admin input[type=week]:-ms-input-placeholder, .wpbc_admin select:-ms-input-placeholder, .wpbc_admin textarea:-ms-input-placeholder { color: var(--wpbc_form-field-text-color); opacity: .5; pointer-events: none } .wpbc_admin input[type=date]::placeholder, .wpbc_admin input[type=datetime-local]::placeholder, .wpbc_admin input[type=datetime]::placeholder, .wpbc_admin input[type=email]::placeholder, .wpbc_admin input[type=month]::placeholder, .wpbc_admin input[type=number]::placeholder, .wpbc_admin input[type=password]::placeholder, .wpbc_admin input[type=range]::placeholder, .wpbc_admin input[type=search]::placeholder, .wpbc_admin input[type=tel]::placeholder, .wpbc_admin input[type=text]::placeholder, .wpbc_admin input[type=time]::placeholder, .wpbc_admin input[type=url]::placeholder, .wpbc_admin input[type=week]::placeholder, .wpbc_admin select::placeholder, .wpbc_admin textarea::placeholder { color: var(--wpbc_form-field-text-color); opacity: .5; pointer-events: none } .wpbc_bfb__options_list { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; gap: 15px; -ms-flex: 1 1 auto; flex: 1 1 auto } .wpbc_bfb__options_row { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 10px } .wpbc_bfb__drag-handle { -ms-flex: 0 1 16px; flex: 0 1 16px } .wpbc_bfb__opt-label, .wpbc_bfb__opt-value { -ms-flex: 1 1 4em; flex: 1 1 4em; min-width: 4em } .wpbc_bfb__opt-selected { -ms-flex: 0 1 auto; flex: 0 1 auto } .wpbc_bfb__opt-selected .wpbc_ui__toggle label { color: var(--wpbc_admin-theme-color,#2271b1) } .wpbc_bfb__opt-selected .wpbc_ui__toggle .wpbc_ui__toggle_label { display: none } .wp-core-ui .wpbc_bfb__options_row .button, .wp-core-ui .wpbc_bfb__options_row .button:focus, .wp-core-ui .wpbc_bfb__options_row .button:hover { border-color: transparent; background: 0 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 2px } .wpbc_bfb__options_toolbar { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; gap: 10px; margin: 25px 0 0 } .wpbc_sr_only { position: absolute!important; clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden; white-space: nowrap } .wpbc_bfb__choices { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2px } .wpbc_bfb__chip { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-width: 24px; min-height: 24px; padding: 5px; border-radius: 4px; border: 0 solid #dcdcde; background: #fff; cursor: pointer; line-height: 1; -webkit-user-select: none; -ms-user-select: none; user-select: none } .wpbc_sr_only:focus + .wpbc_bfb__chip { outline: 1px solid var(--wpbc_admin-theme-color,#2271b1); outline-offset: 0 } .wpbc_sr_only:checked + .wpbc_bfb__chip { border-color: var(--wpbc_admin-theme-color,#2271b1); box-shadow: inset 0 0 0 1px var(--wpbc_admin-theme-color,#2271b1) } .wpbc_bfb__chip .sr-only { position: absolute!important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap } .wpbc_bfb__chip i { display: inline-block; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -ms-transform: rotate(0); transform: rotate(0); transition: transform .4s ease-in-out } .wpbc_bfb__chip.wpbc_do_rotate_90 i { -ms-transform: rotate(90deg); transform: rotate(90deg) } .wpbc_bfb__chip.wpbc_do_rotate_90 i.wpbc-bi-align-bottom, .wpbc_bfb__chip.wpbc_do_rotate_90 i.wpbc-bi-align-top { -ms-transform: rotate(270deg); transform: rotate(270deg) } .wpbc_bfb__live_status { display: none; font-size: 10px; font-weight: 400; margin-inline-start: 1em; -ms-flex-align: center; align-items: center; white-space: nowrap; max-width: 10em; overflow: hidden } .wpbc_bfb__live_status__builder { color: #619d40 } .wpbc_bfb__live_status__advanced { color: #b97131 } .wpbc_bfb__hint__form_name { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 8px } .wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__label { color: #999; padding-top: .5em; font-size: 9px } .wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__title { font-size: 17px; text-transform: capitalize; color: #467b2f; font-weight: 550; line-height: 1.5; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } html[data-wpbc-bfb-live-source=advanced] .wpbc_bfb__live_status__advanced, html[data-wpbc-bfb-live-source=builder] .wpbc_bfb__live_status__builder { display: -ms-flexbox; display: flex } html[data-wpbc-bfb-live-source=advanced] .wpdevelop .modal.wpbc_popup_modal, html[data-wpbc-bfb-live-source=builder] .wpdevelop .modal.wpbc_popup_modal { z-index: 150000 } html[data-wpbc-bfb-live-source=advanced] .wp-admin .modal-backdrop, html[data-wpbc-bfb-live-source=builder] .wp-admin .modal-backdrop { z-index: 149900 } .wpbc_bfb_popup_modal__rows_container { -ms-flex: 1 1 100%; flex: 1 1 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; gap: 10px } .wpbc_bfb_popup_modal__row { -ms-flex: 0 1 auto; flex: 0 1 auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; gap: 20px } .wpbc_bfb_popup_modal__col { -ms-flex: 1 1 20%; flex: 1 1 20%; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start } .wpbc_modal_in_bfb input[type=text], .wpbc_modal_in_bfb select, .wpbc_modal_in_bfb textarea { -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; max-width: 100%; font-size: 15px; line-height: 2.5 } .wpbc_modal_in_bfb label { font-size: 15px; font-weight: 600; line-height: 2.1 } .wpbc_modal_in_bfb .help-block, .wpbc_modal_in_bfb label.help-block { font-size: 13px; line-height: 1.8; font-weight: 400; margin: 5px 0 } .wpbc_modal_in_bfb .wpbc_modal__2_fields { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; width: 100% } .wpbc_modal_in_bfb .wpbc_modal__2_fields .wpbc_modal__2_fields_button { -ms-flex: 0 1 1%; flex: 0 1 1%; -ms-flex-item-align: stretch; align-self: stretch; min-height: 35px; margin-left: 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; font-weight: 600 } .wpbc_modal_in_bfb .modal-footer .button { margin: 0 5px } .wpbc_modal_in_bfb #wpbc_modal__send_payment_request__url { font-size: 13px } .wpbc_modal_in_bfb #wpbc_modal__send_payment_request__value { margin-top: 15px; line-height: 2; height: 70px; font-size: 14px } .wpbc_modal_in_bfb .wpbc_modal__send_payment_request__cost { font-size: 16px; font-weight: 600; padding: 0 10px } .wpbc_bfb_modal__full_screen .modal-dialog { position: fixed; width: auto; margin: 0; left: 30px; right: 30px; bottom: 30px; top: 30px } .wpbc_bfb_modal__full_screen .modal-dialog .modal-content { overflow: auto; scrollbar-width: thin; scrollbar-gutter: stable; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; height: 100%; max-height: 100%; border-radius: 0; padding: 50px 0 60px } .wpbc_bfb_modal__full_screen .modal-dialog .modal-content .modal-footer, .wpbc_bfb_modal__full_screen .modal-dialog .modal-content .modal-header { -ms-flex: 0 0 auto; flex: 0 0 auto; position: fixed; left: 2px; right: 2px; top: 0; height: 50px; z-index: 1; background: #fff } .wpbc_bfb_modal__full_screen .modal-dialog .modal-content .modal-footer { top: auto; bottom: 0; height: 60px } .wpbc_bfb_modal__full_screen .modal-dialog .modal-content .modal-body { -ms-flex: 1 1 100%; flex: 1 1 100% } .wpbc_bfb_popup_modal__container_forms_listing { padding: 25px; background: #fff; border-radius: 10px; margin: 15px 0 } .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__rows_container { padding-bottom: 0 } .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__col__search_key_label { -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: center; align-self: center } .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__col__search_key_label label { margin: 0 } .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__col__search_key_input { -ms-flex-item-align: start; align-self: flex-start } .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__forms_loading_section { border: 1px solid #ccd0d4; background: #fefefe; height: 400px; max-height: 400px; overflow: auto; border-radius: 2px; -ms-flex-item-align: stretch; align-self: stretch; -ms-flex: 1 1 100%; flex: 1 1 100% } .wpbc_bfb_modal__include_section_load .wpbc_bfb_popup_modal__forms_loading_spin_container { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; -ms-flex-item-align: center; align-self: center } .wpbc_bfb_popup_modal__forms_loading_section { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; gap: 15px; padding: 10px } .wpbc_bfb_popup_modal__forms_loading_section .wpbc_bfb__load_form_item { -ms-flex: 0 1 190px; flex: 0 1 190px; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 10px; padding: 8px; border: 1px solid #ccc; cursor: pointer; max-height: 225px; min-height: 180px; position: relative } .wpbc_bfb_popup_modal__forms_loading_section .wpbc_bfb__load_form_item.wpbc_bfb__load_form_item_selected { background: #fcfdff; border: 2px solid var(--wpbc_admin-theme-color,#5088b3) } .wpbc_bfb_popup_modal__tpl_search_presets { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1em } .wpbc_bfb_popup_modal__tpl_search_presets .wpbc_bfb_popup_modal__tpl_search_preset { text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 4px; outline: 0; padding: 2px 4px } .wpbc_bfb_popup_modal__tpl_search_presets .wpbc_bfb_popup_modal__tpl_search_preset.is-active, .wpbc_bfb_popup_modal__tpl_search_presets .wpbc_bfb_popup_modal__tpl_search_preset[aria-pressed=true] { font-weight: 600; text-decoration-style: solid } .wpbc_bfb__load_form_item_thumb { -ms-flex-item-align: stretch; align-self: stretch; -ms-flex: 0 1 auto; flex: 0 1 auto } .wpbc_bfb__load_form_item_thumb_blank_img { display: -ms-inline-flexbox; display: inline-flex; width: 90%; height: 50px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border-radius: 2px; border: 1px solid #ccd0d4; background: #fff; color: #444; font-size: 11px; margin: 0 5% auto } .wpbc_bfb__load_form_item_thumb img { width: 100%; height: 50px; object-fit: cover; border-radius: 3px; border: 0; background: #fff; object-position: 0 30% } .wpbc_bfb__load_form_item_text { -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; gap: 4px; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; overflow: hidden; -ms-flex-line-pack: start; align-content: flex-start } .wpbc_bfb__load_form_item_text .form_item_text_title { font-weight: 600; font-size: 14px; line-height: 1.5; -ms-flex: 0 1 100%; flex: 0 1 100% } .wpbc_bfb__load_form_item_text .form_item_text_slug { color: #50575e; font-size: 11px; font-weight: 550; background: #eff2f4; max-width: 170px; padding: 0 8px 3px; word-break: normal; text-overflow: ellipsis; overflow: hidden; line-height: 2; -ms-flex: 0 1 100%; flex: 0 1 100% } .wpbc_bfb__load_form_item_text .form_item_text_desc { font-size: 11px; -ms-flex: 1 1 1%; flex: 1 1 1%; -ms-flex-item-align: stretch; align-self: stretch; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; gap: 8px; line-height: 1.5 } .wpbc_bfb__load_form_item_text .form_item_text_desc .form_item_text_desc__text { min-width: 0; -ms-flex: 1 1 1px; flex: 1 1 1px; max-width: calc(100% - 28px); text-align: justify; text-overflow: ellipsis } .wpbc_bfb__load_form_item_text .form_item_text_desc .button-link-delete { -ms-flex: 0 0 auto; flex: 0 0 auto; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; color: #b32d2e; text-decoration: none; line-height: 1; position: absolute; bottom: 8px; right: 6px } .wpbc_bfb__load_form_item_text .form_item_text_desc .button-link-delete:hover { color: #8f2424 } .wpbc_bfb__form_preview_section_container .wpbc_bfb_spins_loading_container span, .wpbc_bfb__preview_loader .wpbc_bfb_spins_loading_container span { font-size: 20px; font-weight: 600; padding: 2px 0 0 2px } .wpbc_bfb__form_details_media__preview { padding: 4px; border: 1px solid #ccc; height: 163px; width: 163px; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; margin: 10px 0; background: #fcfcfc; border-radius: 2px } .wpbc_bfb__form_details_media__img { max-width: 100%; height: auto; max-height: auto; object-fit: cover; overflow: hidden } .wpbc_bfb__form_details_media__preview .wpbc-bi-image-fill::before { font-size: 50px; color: #507593 } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 20px } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__form_details_media__preview { height: 40px; width: 40px; padding: 0; border-radius: 0; margin: 0; border: 0 solid #d5d5d5; background: #fcfcfc } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__form_details_media__preview img { max-width: 100%; height: auto; padding: 0; border-radius: 4px; display: none; max-height: 50px; object-fit: cover; overflow: hidden } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__form_details_media__preview .wpbc_bfb__form_details_media__placeholder { display: block } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__form_details_media__preview .wpbc_bfb__form_details_media__placeholder::before { font-size: 20px; color: #54636f } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__title a { font-size: 16px; text-transform: capitalize; color: #467b2f; font-weight: 550; line-height: 1.2; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; outline: 0; margin: 0 2px; text-align: center } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__title i { font-size: 11px; padding: 0 0 0 5px; line-height: 1.75; color: var(--wpbc_admin-theme-color,#2271b1) } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__label { display: none; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: first baseline; align-items: first baseline; gap: 5px; padding: 0 } .wpbc_bfb__hint__top_bar.wpbc_bfb__hint__form_name .wpbc_bfb__hint__form_name__slug { font-size: 13px; line-height: 1.5; font-weight: 550; color: #243f18 } #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; gap: 30px } #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section .wpbc_bfb__debug_block { -ms-flex: 1 1 25%; flex: 1 1 25% } #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section .wpbc_bfb__debug_block:first-child { -ms-flex: 1 1 50%; flex: 1 1 50% } #wpbc_bfb__debug_mode_panels .wpbc_bfb__debug_separate_button { -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 5px auto } #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section h4 { margin: 0 0 10px; font-size: 13px; color: #875; font-weight: 600 } #wpbc_bfb__debug_mode_panels .wpbc_bfb__tab_section textarea { width: 100%; min-height: 350px; font-family: monospace; font-size: 12px } .wpbc_admin_page__tab__builder_booking_form .wpbc_header_news, .wpbc_admin_page__tab__builder_booking_form div.wpbc_inner_message.wpbc_booking_modes_quickstart_notice { display: none }