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