| @@ -541,8 +541,23 @@ | ||
| 541 | 541 | .wppb-warning a { |
| 542 | 542 | color: #007acc !important; |
| 543 | 543 | } |
| 544 | 544 | |
| 545 | +.wppb-comment-captcha-error { | |
| 546 | + clear: both !important; | |
| 547 | + margin: 0 0 24px !important; | |
| 548 | + padding: 12px 16px !important; | |
| 549 | + line-height: 1.5 !important; | |
| 550 | +} | |
| 551 | + | |
| 552 | +.wppb-comment-captcha-error + .comment-notes, | |
| 553 | +.wppb-comment-captcha-error + .logged-in-as { | |
| 554 | + clear: both !important; | |
| 555 | + display: block !important; | |
| 556 | + margin-top: 0 !important; | |
| 557 | + margin-bottom: 24px !important; | |
| 558 | +} | |
| 559 | + | |
| 545 | 560 | .admin-bar #wppb_form_general_message { |
| 546 | 561 | padding-top: 32px; |
| 547 | 562 | } |
| 548 | 563 | |
| @@ -774,8 +789,22 @@ | ||
| 774 | 789 | .wppb-userlisting-container .wppb-faceted-list li h5 { |
| 775 | 790 | margin: 5px 0; |
| 776 | 791 | } |
| 777 | 792 | |
| 793 | +.wppb-screen-reader-text { | |
| 794 | + border: 0; | |
| 795 | + clip: rect(1px, 1px, 1px, 1px); | |
| 796 | + -webkit-clip-path: inset(50%); | |
| 797 | + clip-path: inset(50%); | |
| 798 | + height: 1px; | |
| 799 | + margin: -1px; | |
| 800 | + overflow: hidden; | |
| 801 | + padding: 0; | |
| 802 | + position: absolute; | |
| 803 | + width: 1px; | |
| 804 | + word-wrap: normal !important; | |
| 805 | +} | |
| 806 | + | |
| 778 | 807 | ul.wppb-faceted-list label > * { |
| 779 | 808 | vertical-align: middle; |
| 780 | 809 | } |
| 781 | 810 | |
| @@ -1390,8 +1419,24 @@ | ||
| 1390 | 1419 | margin-right: 0; |
| 1391 | 1420 | margin-left: 10px; |
| 1392 | 1421 | } |
| 1393 | 1422 | |
| 1423 | +/* Prevent theme/PMS button styles from affecting the intl-tel-input country selector. */ | |
| 1424 | +#wppb-form-style-1-wrapper .wppb-form-field.wppb-international-telephone-input .iti button.iti__selected-country, | |
| 1425 | +#wppb-form-style-2-wrapper .wppb-form-field.wppb-international-telephone-input .iti button.iti__selected-country, | |
| 1426 | +#wppb-form-style-3-wrapper .wppb-form-field.wppb-international-telephone-input .iti button.iti__selected-country { | |
| 1427 | + width: auto !important; | |
| 1428 | + min-width: 0 !important; | |
| 1429 | + height: 100% !important; | |
| 1430 | + min-height: 0 !important; | |
| 1431 | + padding: 0 !important; | |
| 1432 | + margin: 0 !important; | |
| 1433 | + border: 0 !important; | |
| 1434 | + background: none !important; | |
| 1435 | + box-shadow: none !important; | |
| 1436 | + color: inherit !important; | |
| 1437 | +} | |
| 1438 | + | |
| 1394 | 1439 | /* Style 1/2 + placeholder labels: |
| 1395 | 1440 | move floating label text to the right so it doesn't overlap the country flag. */ |
| 1396 | 1441 | #wppb-form-style-1-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside > label:not(.wppb-epaa-switch):not(.wppb-field-visibility-settings label), |
| 1397 | 1442 | #wppb-form-style-2-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside > label:not(.wppb-epaa-switch):not(.wppb-field-visibility-settings label) { |
| @@ -1397,13 +1442,16 @@ | ||
| 1397 | 1442 | #wppb-form-style-2-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside > label:not(.wppb-epaa-switch):not(.wppb-field-visibility-settings label) { |
| 1398 | 1443 | padding-left: 56px; |
| 1399 | 1444 | } |
| 1400 | 1445 | |
| 1401 | -/* RTL support */ | |
| 1402 | -[dir="rtl"] #wppb-form-style-1-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside > label:not(.wppb-epaa-switch):not(.wppb-field-visibility-settings label), | |
| 1403 | -[dir="rtl"] #wppb-form-style-2-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside > label:not(.wppb-epaa-switch):not(.wppb-field-visibility-settings label) { | |
| 1404 | - padding-left: 15px; | |
| 1405 | - padding-right: 56px; | |
| 1446 | +/* Style 1 (Sublime) + placeholder labels: | |
| 1447 | + Style 1's label-inside rule sets "padding: 15px 15px 0 15px !important" on inputs, which | |
| 1448 | + overrides the inline left padding intl-tel-input adds to clear the country flag. Without a | |
| 1449 | + matching override the typed number sits underneath the flag/dropdown. Reserve the same room | |
| 1450 | + on the input as the floating label above (the :not() qualifiers keep specificity high enough | |
| 1451 | + to win over the !important text-field rule). */ | |
| 1452 | +#wppb-form-style-1-wrapper .wppb-form-field.wppb-international-telephone-input.label-inside input.wppb-intl-tel-input:not([type='radio']):not([type='checkbox']):not([type='submit']) { | |
| 1453 | + padding-left: 56px !important; | |
| 1406 | 1454 | } |
| 1407 | 1455 | |
| 1408 | 1456 | .wppb-form-field .iti + .wppb-iti-error { |
| 1409 | 1457 | float: left !important; |
