| @@ -1,8 +1,6 @@ | ||
| 1 | 1 | .frm_screen_reader { |
| 2 | 2 | border: 0; |
| 3 | - clip: rect(1px, 1px, 1px, 1px); | |
| 4 | - -webkit-clip-path: inset(50%); | |
| 5 | 3 | clip-path: inset(50%); |
| 6 | 4 | height: 1px; |
| 7 | 5 | margin: -1px; |
| 8 | 6 | overflow: hidden; |
| @@ -10,33 +8,34 @@ | ||
| 10 | 8 | position: absolute; |
| 11 | 9 | width: 1px; |
| 12 | 10 | word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ |
| 13 | 11 | } |
| 14 | -.frm_screen_reader.frm_hidden{ | |
| 15 | - display:initial; | |
| 12 | + | |
| 13 | +.frm_screen_reader.frm_hidden { | |
| 14 | + display: initial; | |
| 16 | 15 | } |
| 17 | 16 | |
| 18 | -.frm_clear_none{ | |
| 19 | - clear:none; | |
| 17 | +.frm_clear_none { | |
| 18 | + clear: none; | |
| 20 | 19 | } |
| 21 | 20 | |
| 22 | -.frm_clear{ | |
| 23 | - clear:both; | |
| 21 | +.frm_clear { | |
| 22 | + clear: both; | |
| 24 | 23 | } |
| 25 | 24 | |
| 26 | -.frm_form_field.frm_alignright{ | |
| 27 | - float:right !important; | |
| 25 | +.frm_form_field.frm_alignright { | |
| 26 | + float: right !important; | |
| 28 | 27 | } |
| 29 | 28 | |
| 30 | -.with_frm_style .frm_form_field{ | |
| 31 | - clear:both; | |
| 29 | +.with_frm_style .frm_form_field { | |
| 30 | + clear: both; | |
| 32 | 31 | } |
| 33 | 32 | |
| 34 | 33 | .frm_combo_inputs_container, |
| 35 | 34 | .frm_grid_container, |
| 36 | 35 | .frm_form_fields .frm_section_heading, |
| 37 | -.frm_form_fields .frm_fields_container{ | |
| 38 | - display:grid; | |
| 36 | +.frm_form_fields .frm_fields_container { | |
| 37 | + display: grid; | |
| 39 | 38 | grid-template-columns: repeat(12, 1fr); |
| 40 | 39 | grid-auto-rows: max-content; |
| 41 | 40 | grid-gap: 0 2%; |
| 42 | 41 | } |
| @@ -44,9 +43,9 @@ | ||
| 44 | 43 | .frm_combo_inputs_container > *, |
| 45 | 44 | .frm_grid_container > *, |
| 46 | 45 | .frm_section_heading > *, |
| 47 | 46 | .frm_fields_container .frm_form_field, |
| 48 | -.frm_fields_container > *{ | |
| 47 | +.frm_fields_container > * { | |
| 49 | 48 | grid-column: span 12 / span 12; |
| 50 | 49 | } |
| 51 | 50 | |
| 52 | 51 | .frm_inline, |
| @@ -54,10 +53,10 @@ | ||
| 54 | 53 | .frm_form_field.frm_first_inline, |
| 55 | 54 | .frm_form_field.frm_inline, |
| 56 | 55 | .frm_submit.frm_inline, |
| 57 | 56 | .frm_form_field.frm_right_inline, |
| 58 | -.frm_form_field.frm_last_inline{ | |
| 59 | - width:auto; | |
| 57 | +.frm_form_field.frm_last_inline { | |
| 58 | + width: auto; | |
| 60 | 59 | grid-column: span 2 / span 2; |
| 61 | 60 | } |
| 62 | 61 | |
| 63 | 62 | .frm6, |
| @@ -69,10 +68,10 @@ | ||
| 69 | 68 | .frm_form_field.frm_right_half, |
| 70 | 69 | .frm_form_field.frm_first_half, |
| 71 | 70 | .frm_form_field.frm_last_half, |
| 72 | 71 | .frm_form_field.frm_half, |
| 73 | -.frm_submit.frm_half{ | |
| 74 | - grid-column:span 6 / span 6; | |
| 72 | +.frm_submit.frm_half { | |
| 73 | + grid-column: span 6 / span 6; | |
| 75 | 74 | } |
| 76 | 75 | |
| 77 | 76 | .frm4, |
| 78 | 77 | .frm_third, |
| @@ -83,10 +82,10 @@ | ||
| 83 | 82 | .frm_form_field.frm_third, |
| 84 | 83 | .frm_submit.frm_third, |
| 85 | 84 | .frm_form_field.frm_right_third, |
| 86 | 85 | .frm_form_field.frm_first_third, |
| 87 | -.frm_form_field.frm_last_third{ | |
| 88 | - grid-column:span 4 / span 4; | |
| 86 | +.frm_form_field.frm_last_third { | |
| 87 | + grid-column: span 4 / span 4; | |
| 89 | 88 | } |
| 90 | 89 | |
| 91 | 90 | .frm8, |
| 92 | 91 | .frm_two_thirds, |
| @@ -95,10 +94,10 @@ | ||
| 95 | 94 | .frm_form_field.frm_left_two_thirds, |
| 96 | 95 | .frm_form_field.frm_right_two_thirds, |
| 97 | 96 | .frm_form_field.frm_first_two_thirds, |
| 98 | 97 | .frm_form_field.frm_last_two_thirds, |
| 99 | -.frm_form_field.frm_two_thirds{ | |
| 100 | - grid-column: span 8/span 8; | |
| 98 | +.frm_form_field.frm_two_thirds { | |
| 99 | + grid-column: span 8/span 8; | |
| 101 | 100 | } |
| 102 | 101 | |
| 103 | 102 | .frm3, |
| 104 | 103 | .frm_fourth, |
| @@ -108,10 +107,10 @@ | ||
| 108 | 107 | .frm_form_field.frm_fourth, |
| 109 | 108 | .frm_submit.frm_fourth, |
| 110 | 109 | .frm_form_field.frm_right_fourth, |
| 111 | 110 | .frm_form_field.frm_first_fourth, |
| 112 | -.frm_form_field.frm_last_fourth{ | |
| 113 | - grid-column: span 3/span 3; | |
| 111 | +.frm_form_field.frm_last_fourth { | |
| 112 | + grid-column: span 3/span 3; | |
| 114 | 113 | } |
| 115 | 114 | |
| 116 | 115 | .frm9, |
| 117 | 116 | .frm_three_fourths, |
| @@ -117,9 +116,9 @@ | ||
| 117 | 116 | .frm_three_fourths, |
| 118 | 117 | .frm_form_field.frm_four_fifths, /* 5ths deprecated */ |
| 119 | 118 | .frm_form_field.frm9, |
| 120 | 119 | .frm_submit.frm9, |
| 121 | -.frm_form_field.frm_three_fourths{ | |
| 120 | +.frm_form_field.frm_three_fourths { | |
| 122 | 121 | grid-column: span 9/span 9; |
| 123 | 122 | } |
| 124 | 123 | |
| 125 | 124 | /* fifths are deprecated */ |
| @@ -127,10 +126,10 @@ | ||
| 127 | 126 | .frm_form_field.frm_fifth, |
| 128 | 127 | .frm_submit.frm_fifth, |
| 129 | 128 | .frm_form_field.frm_right_fifth, |
| 130 | 129 | .frm_form_field.frm_first_fifth, |
| 131 | -.frm_form_field.frm_last_fifth{ | |
| 132 | - grid-column: span 2/span 2; | |
| 130 | +.frm_form_field.frm_last_fifth { | |
| 131 | + grid-column: span 2/span 2; | |
| 133 | 132 | } |
| 134 | 133 | |
| 135 | 134 | .frm2, |
| 136 | 135 | .frm_sixth, |
| @@ -138,15 +137,15 @@ | ||
| 138 | 137 | .frm_submit.frm2, |
| 139 | 138 | .frm_form_field.frm_sixth, |
| 140 | 139 | .frm_submit.frm_sixth, |
| 141 | 140 | .frm_form_field.frm_first_sixth, |
| 142 | -.frm_form_field.frm_last_sixth{ | |
| 143 | - grid-column: span 2/span 2; | |
| 141 | +.frm_form_field.frm_last_sixth { | |
| 142 | + grid-column: span 2/span 2; | |
| 144 | 143 | } |
| 145 | 144 | |
| 146 | 145 | .frm10, |
| 147 | 146 | .frm_form_field.frm10, |
| 148 | -.frm_submit.frm10{ | |
| 147 | +.frm_submit.frm10 { | |
| 149 | 148 | grid-column: span 10/span 10; |
| 150 | 149 | } |
| 151 | 150 | |
| 152 | 151 | .frm1, |
| @@ -159,27 +158,27 @@ | ||
| 159 | 158 | .frm_form_field.frm_last_seventh |
| 160 | 159 | .frm_form_field.frm_eighth, |
| 161 | 160 | .frm_submit.frm_eighth, |
| 162 | 161 | .frm_form_field.frm_first_eighth, |
| 163 | -.frm_form_field.frm_last_eighth{ | |
| 164 | - grid-column: span 1/span 1; | |
| 162 | +.frm_form_field.frm_last_eighth { | |
| 163 | + grid-column: span 1/span 1; | |
| 165 | 164 | } |
| 166 | 165 | |
| 167 | 166 | .frm5, |
| 168 | 167 | .frm_form_field.frm5, |
| 169 | -.frm_submit.frm5{ | |
| 168 | +.frm_submit.frm5 { | |
| 170 | 169 | grid-column: span 5/span 5; |
| 171 | 170 | } |
| 172 | 171 | |
| 173 | 172 | .frm7, |
| 174 | 173 | .frm_form_field.frm7, |
| 175 | -.frm_submit.frm7{ | |
| 174 | +.frm_submit.frm7 { | |
| 176 | 175 | grid-column: span 7/span 7; |
| 177 | 176 | } |
| 178 | 177 | |
| 179 | 178 | .frm11, |
| 180 | 179 | .frm_form_field.frm11, |
| 181 | -.frm_submit.frm11{ | |
| 180 | +.frm_submit.frm11 { | |
| 182 | 181 | grid-column: span 11/span 11; |
| 183 | 182 | } |
| 184 | 183 | |
| 185 | 184 | .frm12, |
| @@ -184,18 +183,18 @@ | ||
| 184 | 183 | |
| 185 | 184 | .frm12, |
| 186 | 185 | .frm_full, |
| 187 | 186 | .frm_full .wp-editor-wrap, |
| 188 | -.frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']), | |
| 187 | +.frm_full > input:not([type="checkbox"]):not([type="radio"]):not([type="button"]), | |
| 189 | 188 | .frm_full select, |
| 190 | -.frm_full textarea{ | |
| 191 | - width:100% !important; | |
| 189 | +.frm_full textarea { | |
| 190 | + width: 100% !important; | |
| 192 | 191 | grid-column: span 12/span 12; |
| 193 | 192 | box-sizing: border-box; |
| 194 | 193 | } |
| 195 | 194 | |
| 196 | -.frm_full .wp-editor-wrap input{ | |
| 197 | - width:auto !important; | |
| 195 | +.frm_full .wp-editor-wrap input { | |
| 196 | + width: auto !important; | |
| 198 | 197 | } |
| 199 | 198 | |
| 200 | 199 | .frm_first, |
| 201 | 200 | .frm_form_field.frm_left_half, |
| @@ -212,23 +211,23 @@ | ||
| 212 | 211 | .frm_form_field.frm_first_sixth, |
| 213 | 212 | .frm_form_field.frm_first_seventh, |
| 214 | 213 | .frm_form_field.frm_first_eighth, |
| 215 | 214 | .frm_form_field.frm_first_inline, |
| 216 | -.frm_form_field.frm_first{ | |
| 217 | - grid-column-start:1; | |
| 215 | +.frm_form_field.frm_first { | |
| 216 | + grid-column-start: 1; | |
| 218 | 217 | } |
| 219 | 218 | |
| 220 | 219 | .frm_last, |
| 221 | 220 | .frm_form_field.frm_last, |
| 222 | -.frm_form_field.frm_alignright{ | |
| 223 | - grid-column-end:-1; | |
| 221 | +.frm_form_field.frm_alignright { | |
| 222 | + grid-column-end: -1; | |
| 224 | 223 | justify-content: end; |
| 225 | 224 | } |
| 226 | 225 | |
| 227 | 226 | /* RTL Grids */ |
| 228 | 227 | |
| 229 | -.with_frm_style.frm_rtl .frm_form_fields .star-rating{ | |
| 230 | - float:right; | |
| 228 | +.with_frm_style.frm_rtl .frm_form_fields .star-rating { | |
| 229 | + float: right; | |
| 231 | 230 | } |
| 232 | 231 | |
| 233 | 232 | .with_frm_style.frm_rtl .frm_grid .frm_primary_label, |
| 234 | 233 | .with_frm_style.frm_rtl .frm_grid_first .frm_primary_label, |
| @@ -237,11 +236,11 @@ | ||
| 237 | 236 | .with_frm_style.frm_rtl .frm_grid_first .frm_radio, |
| 238 | 237 | .with_frm_style.frm_rtl .frm_grid_odd .frm_radio, |
| 239 | 238 | .with_frm_style.frm_rtl .frm_grid .frm_checkbox, |
| 240 | 239 | .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox, |
| 241 | -.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox{ | |
| 242 | - float:right !important; | |
| 243 | - margin-right:0 !important; | |
| 240 | +.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox { | |
| 241 | + float: right !important; | |
| 242 | + margin-right: 0 !important; | |
| 244 | 243 | } |
| 245 | 244 | |
| 246 | 245 | .with_frm_style.frm_rtl .frm_grid_first .frm_radio label input, |
| 247 | 246 | .with_frm_style.frm_rtl .frm_grid .frm_radio label input, |
| @@ -247,21 +246,21 @@ | ||
| 247 | 246 | .with_frm_style.frm_rtl .frm_grid .frm_radio label input, |
| 248 | 247 | .with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input, |
| 249 | 248 | .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input, |
| 250 | 249 | .with_frm_style.frm_rtl .frm_grid .frm_checkbox label input, |
| 251 | -.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input{ | |
| 252 | - float:left; | |
| 250 | +.with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input { | |
| 251 | + float: left; | |
| 253 | 252 | } |
| 254 | 253 | |
| 255 | 254 | .with_frm_style.frm_rtl .frm_catlevel_2, |
| 256 | 255 | .with_frm_style.frm_rtl .frm_catlevel_3, |
| 257 | 256 | .with_frm_style.frm_rtl .frm_catlevel_4, |
| 258 | -.with_frm_style.frm_rtl .frm_catlevel_5{ | |
| 259 | - margin-right:18px; | |
| 257 | +.with_frm_style.frm_rtl .frm_catlevel_5 { | |
| 258 | + margin-right: 18px; | |
| 260 | 259 | } |
| 261 | 260 | |
| 262 | -.with_frm_style.frm_rtl div > .frm_time_select{ | |
| 263 | - margin-right:5px; | |
| 261 | +.with_frm_style.frm_rtl div > .frm_time_select { | |
| 262 | + margin-right: 5px; | |
| 264 | 263 | } |
| 265 | 264 | |
| 266 | 265 | /* Left and right label styling for non-Formidable styling */ |
| 267 | 266 | |
| @@ -266,92 +265,103 @@ | ||
| 266 | 265 | /* Left and right label styling for non-Formidable styling */ |
| 267 | 266 | |
| 268 | 267 | .frm_form_field.frm_inline_container, |
| 269 | 268 | .frm_form_field.frm_right_container, |
| 270 | -.frm_form_field.frm_left_container{ | |
| 271 | - display: grid; | |
| 272 | - grid-template-columns: 25% auto; | |
| 273 | - width:100%; | |
| 269 | +.frm_form_field.frm_left_container { | |
| 270 | + display: grid; | |
| 271 | + grid-template-columns: 25% auto; | |
| 272 | + width: 100%; | |
| 274 | 273 | grid-auto-rows: min-content; |
| 275 | 274 | } |
| 276 | 275 | |
| 277 | -.frm_form_field.frm_right_container{ | |
| 278 | - grid-template-columns: auto 25%; | |
| 276 | +.frm_form_field.frm_right_container { | |
| 277 | + grid-template-columns: auto 25%; | |
| 279 | 278 | } |
| 280 | 279 | |
| 281 | -.frm_form_field.frm_inline_container{ | |
| 282 | - grid-template-columns: repeat(2, minmax(auto, max-content) ); | |
| 280 | +.frm_form_field.frm_inline_container { | |
| 281 | + grid-template-columns: repeat(2, minmax(auto, max-content)); | |
| 283 | 282 | } |
| 284 | 283 | |
| 285 | 284 | .frm_form_field.frm_inline_container .frm_primary_label, |
| 286 | 285 | .frm_form_field.frm_right_container .frm_primary_label, |
| 287 | -.frm_form_field.frm_left_container .frm_primary_label{ | |
| 288 | - margin-right:10px; | |
| 289 | - grid-row:span 2/span 2; | |
| 290 | - padding-top:4px; | |
| 286 | +.frm_form_field.frm_left_container .frm_primary_label { | |
| 287 | + margin-right: 10px; | |
| 288 | + grid-row: span 2/span 2; | |
| 289 | + padding-top: 4px; | |
| 291 | 290 | } |
| 292 | 291 | |
| 293 | -.frm_form_field.frm_left_container .frm_primary_label{ | |
| 294 | - grid-column:1; | |
| 295 | - grid-row:span 2/span 2; /* cover a row for the description */ | |
| 292 | +.frm_form_field.frm_left_container .frm_primary_label { | |
| 293 | + grid-column: 1; | |
| 294 | + grid-row: span 2/span 2; /* cover a row for the description */ | |
| 296 | 295 | } |
| 297 | 296 | |
| 298 | -.frm_form_field.frm_right_container .frm_primary_label{ | |
| 299 | - grid-column:2; | |
| 300 | - grid-row:1; | |
| 301 | - margin-right:0; | |
| 302 | - margin-left:10px; | |
| 297 | +.frm_form_field.frm_right_container .frm_primary_label { | |
| 298 | + grid-column: 2; | |
| 299 | + grid-row: 1; | |
| 300 | + margin-right: 0; | |
| 301 | + margin-left: 10px; | |
| 303 | 302 | } |
| 304 | 303 | |
| 305 | 304 | .frm_form_field.frm_inline_container .frm_description, |
| 306 | -.frm_form_field.frm_left_container .frm_description{ | |
| 307 | - grid-column:2; | |
| 305 | +.frm_form_field.frm_left_container .frm_description { | |
| 306 | + grid-column: 2; | |
| 308 | 307 | } |
| 309 | 308 | |
| 310 | -.frm_form_field.frm_right_container .frm_description{ | |
| 311 | - grid-column:1; | |
| 309 | +.frm_form_field.frm_right_container .frm_description { | |
| 310 | + grid-column: 1; | |
| 312 | 311 | } |
| 313 | 312 | |
| 314 | -.frm_conf_field.frm_left_container{ | |
| 313 | +.frm_conf_field.frm_left_container { | |
| 315 | 314 | grid-template-columns: 67%; |
| 316 | 315 | } |
| 317 | 316 | |
| 318 | -.frm_conf_field.frm_left_container .frm_description{ | |
| 319 | - grid-column:1; | |
| 317 | +.frm_conf_field.frm_left_container .frm_description { | |
| 318 | + grid-column: 1; | |
| 320 | 319 | } |
| 321 | 320 | |
| 322 | 321 | /* End RTL Grids */ |
| 323 | 322 | |
| 324 | 323 | .frm-fade-in { |
| 325 | - -webkit-animation-name: fadeIn; | |
| 326 | 324 | animation-name: fadeIn; |
| 327 | - -webkit-animation-duration: 1s; | |
| 328 | 325 | animation-duration: 1s; |
| 329 | - -webkit-animation-fill-mode: both; | |
| 330 | 326 | animation-fill-mode: both; |
| 331 | 327 | } |
| 332 | 328 | |
| 333 | 329 | @keyframes spin { |
| 334 | - 0% { transform: rotate(0deg); } | |
| 335 | - 100% { transform: rotate(360deg); } | |
| 330 | + | |
| 331 | + 0% { | |
| 332 | + transform: rotate(0deg); | |
| 333 | + } | |
| 334 | + | |
| 335 | + 100% { | |
| 336 | + transform: rotate(360deg); | |
| 337 | + } | |
| 336 | 338 | } |
| 337 | 339 | |
| 338 | 340 | @keyframes fadeIn { |
| 339 | - 0% {opacity: 0;} | |
| 340 | - 100% {opacity: 1;} | |
| 341 | + | |
| 342 | + 0% { | |
| 343 | + opacity: 0; | |
| 344 | + } | |
| 345 | + | |
| 346 | + 100% { | |
| 347 | + opacity: 1; | |
| 348 | + } | |
| 341 | 349 | } |
| 342 | 350 | |
| 343 | 351 | @media only screen and (max-width: 750px) { |
| 344 | - .frm_grid_container.frm_no_grid_750 > div{ | |
| 352 | + | |
| 353 | + .frm_grid_container.frm_no_grid_750 > div { | |
| 345 | 354 | grid-column: span 12/span 12; |
| 346 | 355 | } |
| 347 | 356 | } |
| 348 | 357 | |
| 349 | 358 | @media only screen and (max-width: 600px) { |
| 359 | + | |
| 350 | 360 | .frm_section_heading > .frm_form_field, |
| 351 | 361 | .frm_fields_container > .frm_submit, |
| 352 | 362 | .frm_grid_container > .frm_form_field, |
| 353 | - .frm_fields_container > .frm_form_field{ | |
| 363 | + .frm_fields_container > .frm_form_field { | |
| 354 | 364 | grid-column: 1 / span 12 !important; |
| 355 | 365 | } |
| 356 | 366 | |
| 357 | 367 | .frm_grid_container.frm_no_grid_600, |
| @@ -356,8 +366,8 @@ | ||
| 356 | 366 | |
| 357 | 367 | .frm_grid_container.frm_no_grid_600, |
| 358 | 368 | .frm_form_field.frm_inline_container, |
| 359 | 369 | .frm_form_field.frm_right_container, |
| 360 | - .frm_form_field.frm_left_container{ | |
| 361 | - display:block; | |
| 370 | + .frm_form_field.frm_left_container { | |
| 371 | + display: block; | |
| 362 | 372 | } |
| 363 | -} | |
| 373 | +} | |
