| @@ -72,8 +72,9 @@ | ||
| 72 | 72 | div .wpbc_bfb_form .wpbc__row .wpbc__field, |
| 73 | 73 | div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { |
| 74 | 74 | display: -ms-flexbox; |
| 75 | 75 | display: flex; |
| 76 | + box-sizing: border-box; | |
| 76 | 77 | -ms-flex-direction: var(--wpbc-bfb-col-dir,column); |
| 77 | 78 | flex-direction: var(--wpbc-bfb-col-dir,column); |
| 78 | 79 | -ms-flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); |
| 79 | 80 | flex-wrap: var(--wpbc-bfb-col-wrap,nowrap); |
| @@ -81,11 +82,88 @@ | ||
| 81 | 82 | justify-content: var(--wpbc-bfb-col-jc,flex-start); |
| 82 | 83 | -ms-flex-align: var(--wpbc-bfb-col-ai,stretch); |
| 83 | 84 | align-items: var(--wpbc-bfb-col-ai,stretch); |
| 84 | 85 | gap: var(--wpbc-bfb-col-gap,0); |
| 86 | + padding: var(--wpbc-bfb-col-padding,0); | |
| 85 | 87 | -ms-flex-item-align: var(--wpbc-bfb-col-aself,flex-start); |
| 86 | 88 | align-self: var(--wpbc-bfb-col-aself,flex-start) |
| 87 | 89 | } |
| 90 | +div .wpbc_bfb_form .wpbc__row .wpbc__field:not(.wpbc__cal), | |
| 91 | +div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column { | |
| 92 | + margin: .7em 0 | |
| 93 | +} | |
| 94 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin:"], | |
| 95 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin:"] { | |
| 96 | + margin: var(--wpbc-bfb-col-margin) | |
| 97 | +} | |
| 98 | +div .wpbc_bfb_form .wpbc_bfb__section[data-selected-col] > .wpbc_bfb__row > .wpbc_bfb__column.is-selected-column { | |
| 99 | + padding: var(--wpbc-bfb-col-padding,0); | |
| 100 | + padding-top: var(--wpbc-bfb-col-padding-top,var(--wpbc-bfb-col-padding,0)); | |
| 101 | + padding-right: var(--wpbc-bfb-col-padding-right,var(--wpbc-bfb-col-padding,0)); | |
| 102 | + padding-bottom: var(--wpbc-bfb-col-padding-bottom,var(--wpbc-bfb-col-padding,0)); | |
| 103 | + padding-left: var(--wpbc-bfb-col-padding-left,var(--wpbc-bfb-col-padding,0)) | |
| 104 | +} | |
| 105 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-top"], | |
| 106 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-top"] { | |
| 107 | + padding-top: var(--wpbc-bfb-col-padding-top) | |
| 108 | +} | |
| 109 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-right"], | |
| 110 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-right"] { | |
| 111 | + padding-right: var(--wpbc-bfb-col-padding-right) | |
| 112 | +} | |
| 113 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-bottom"], | |
| 114 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-bottom"] { | |
| 115 | + padding-bottom: var(--wpbc-bfb-col-padding-bottom) | |
| 116 | +} | |
| 117 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-padding-left"], | |
| 118 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-padding-left"] { | |
| 119 | + padding-left: var(--wpbc-bfb-col-padding-left) | |
| 120 | +} | |
| 121 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-top"], | |
| 122 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-top"] { | |
| 123 | + margin-top: var(--wpbc-bfb-col-margin-top) | |
| 124 | +} | |
| 125 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-right"], | |
| 126 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-right"] { | |
| 127 | + margin-right: var(--wpbc-bfb-col-margin-right) | |
| 128 | +} | |
| 129 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-bottom"], | |
| 130 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-bottom"] { | |
| 131 | + margin-bottom: var(--wpbc-bfb-col-margin-bottom) | |
| 132 | +} | |
| 133 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-margin-left"], | |
| 134 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-margin-left"] { | |
| 135 | + margin-left: var(--wpbc-bfb-col-margin-left) | |
| 136 | +} | |
| 137 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-max-width"], | |
| 138 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-max-width"] { | |
| 139 | + max-width: var(--wpbc-bfb-col-max-width) | |
| 140 | +} | |
| 141 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-max-height"], | |
| 142 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-max-height"] { | |
| 143 | + max-height: var(--wpbc-bfb-col-max-height) | |
| 144 | +} | |
| 145 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow:"], | |
| 146 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow:"] { | |
| 147 | + overflow: var(--wpbc-bfb-col-overflow); | |
| 148 | + scrollbar-width: thin | |
| 149 | +} | |
| 150 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow-x:"], | |
| 151 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow-x:"] { | |
| 152 | + overflow-x: var(--wpbc-bfb-col-overflow-x); | |
| 153 | + scrollbar-width: thin | |
| 154 | +} | |
| 155 | +div .wpbc_bfb_form .wpbc__row > .wpbc__field[style*="--wpbc-bfb-col-overflow-y:"], | |
| 156 | +div .wpbc_bfb_form .wpbc_bfb__section > .wpbc_bfb__row > .wpbc_bfb__column[style*="--wpbc-bfb-col-overflow-y:"] { | |
| 157 | + overflow-y: var(--wpbc-bfb-col-overflow-y); | |
| 158 | + scrollbar-width: thin | |
| 159 | +} | |
| 160 | +:is(div.wpbc_bfb_form.wpbc__row>.wpbc__field,div.wpbc_bfb_form.wpbc_bfb__section>.wpbc_bfb__row>.wpbc_bfb__column):is([style*="--wpbc-bfb-col-overflow-y:auto"],[style*="--wpbc-bfb-col-overflow-y: auto"],[style*="--wpbc-bfb-col-overflow-y:hidden"],[style*="--wpbc-bfb-col-overflow-y: hidden"]):not(:is([style*="--wpbc-bfb-col-overflow-x:auto"],[style*="--wpbc-bfb-col-overflow-x: auto"],[style*="--wpbc-bfb-col-overflow-x:hidden"],[style*="--wpbc-bfb-col-overflow-x: hidden"],[style*="--wpbc-bfb-col-overflow:auto"],[style*="--wpbc-bfb-col-overflow: auto"],[style*="--wpbc-bfb-col-overflow:hidden"],[style*="--wpbc-bfb-col-overflow: hidden"])) { | |
| 161 | + overflow-x: hidden | |
| 162 | +} | |
| 163 | +:is(div.wpbc_bfb_form.wpbc__row>.wpbc__field,div.wpbc_bfb_form.wpbc_bfb__section>.wpbc_bfb__row>.wpbc_bfb__column):is([style*="--wpbc-bfb-col-overflow-x:auto"],[style*="--wpbc-bfb-col-overflow-x: auto"],[style*="--wpbc-bfb-col-overflow-x:hidden"],[style*="--wpbc-bfb-col-overflow-x: hidden"]):not(:is([style*="--wpbc-bfb-col-overflow-y:auto"],[style*="--wpbc-bfb-col-overflow-y: auto"],[style*="--wpbc-bfb-col-overflow-y:hidden"],[style*="--wpbc-bfb-col-overflow-y: hidden"],[style*="--wpbc-bfb-col-overflow:auto"],[style*="--wpbc-bfb-col-overflow: auto"],[style*="--wpbc-bfb-col-overflow:hidden"],[style*="--wpbc-bfb-col-overflow: hidden"])) { | |
| 164 | + overflow-y: hidden | |
| 165 | +} | |
| 88 | 166 | div .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element:has(:input), |
| 89 | 167 | div .wpbc_bfb_form .wpbc_bfb__section .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field { |
| 90 | 168 | -ms-flex: 1 1 100%; |
| 91 | 169 | flex: 1 1 100% |
| @@ -166,8 +244,16 @@ | ||
| 166 | 244 | div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=checkbox], |
| 167 | 245 | div.wpbc_container.wpbc_form .wpdev-form-control-wrap input[type=radio] { |
| 168 | 246 | margin: -5px 5px 0 |
| 169 | 247 | } |
| 248 | +body:not(.wp-admin) .wpbc_bfb_form .wpbc-hidden-on-frontend { | |
| 249 | + display: none!important | |
| 250 | +} | |
| 251 | +.wpbc_bfb__panel--preview .wpbc_bfb__field.wpbc-hidden-on-frontend > :not(.wpbc_bfb__overlay-controls), | |
| 252 | +.wpbc_bfb__panel--preview .wpbc_bfb__field:has(.wpbc-hidden-on-frontend) > :not(.wpbc_bfb__overlay-controls), | |
| 253 | +.wpbc_bfb__panel--preview .wpbc_bfb__section.wpbc-hidden-on-frontend > .wpbc_bfb__row { | |
| 254 | + opacity: .5 | |
| 255 | +} | |
| 170 | 256 | .wpbc_bfb_form .wpbc_bfb__row .wpbc_bfb__column .wpbc_bfb__field[data-type=divider][data-orientation=horizontal] { |
| 171 | 257 | width: 100%; |
| 172 | 258 | margin: 0; |
| 173 | 259 | min-width: 50px |
| @@ -227,8 +313,20 @@ | ||
| 227 | 313 | } |
| 228 | 314 | .wpbc_bfb_form .wpbc__row .wpbc__field .bfb_element .wpbc_bfb_divider_wrap hr { |
| 229 | 315 | background: 0 0 |
| 230 | 316 | } |
| 317 | +@media (max-width:782px) { | |
| 318 | + div.booking_form_div .wpbc_bfb_form { | |
| 319 | + width: 100%; | |
| 320 | + max-width: 100% | |
| 321 | + } | |
| 322 | + .wpbc_bfb_form .wpbc__row.wpbc_bfb_full_day_split_form > .wpbc__field:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]), | |
| 323 | + .wpbc_bfb_form .wpbc__row.wpbc_bfb_time_slots_split_form > .wpbc__field:has(.wpbc_bfb_divider_wrap[data-orientation=vertical]), | |
| 324 | + .wpbc_bfb_form .wpbc_bfb__section.wpbc_bfb_full_day_split_form .wpbc_bfb__field[data-type=divider][data-orientation=vertical], | |
| 325 | + .wpbc_bfb_form .wpbc_bfb__section.wpbc_bfb_time_slots_split_form .wpbc_bfb__field[data-type=divider][data-orientation=vertical] { | |
| 326 | + display: none | |
| 327 | + } | |
| 328 | +} | |
| 231 | 329 | /*! |
| 232 | 330 | * Booking Form Fields |
| 233 | 331 | * |
| 234 | 332 | * // FixIn: 10.1.5.7. |
| @@ -1553,8 +1651,15 @@ | ||
| 1553 | 1651 | font-size: 7px; |
| 1554 | 1652 | text-align: left; |
| 1555 | 1653 | margin: 0 0 10px; |
| 1556 | 1654 | text-shadow: none |
| 1655 | +} | |
| 1656 | +.wpbc_range_selection_guidance { | |
| 1657 | + box-sizing: border-box; | |
| 1658 | + max-width: 341px; | |
| 1659 | + overflow-wrap: anywhere; | |
| 1660 | + white-space: normal; | |
| 1661 | + display: block | |
| 1557 | 1662 | } |
| 1558 | 1663 | .wpbc_range_selection_guidance, |
| 1559 | 1664 | .wpbc_range_selection_guidance.wpbc_front_end__message.wpbc_fe_message_info i.menu_icon { |
| 1560 | 1665 | border: 0; |
