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