| @@ -58,9 +58,12 @@ | ||
| 58 | 58 | justify-content: center; |
| 59 | 59 | } |
| 60 | 60 | |
| 61 | 61 | .wp-block-accordion-panel[hidden] { |
| 62 | + border: none !important; | |
| 63 | + box-shadow: none !important; | |
| 62 | 64 | margin-block-start: 0; |
| 65 | + padding: 0 !important; | |
| 63 | 66 | } |
| 64 | 67 | |
| 65 | 68 | .wp-block-archives { |
| 66 | 69 | box-sizing: border-box; |
| @@ -217,9 +220,10 @@ | ||
| 217 | 220 | .wp-block-button__link { |
| 218 | 221 | cursor: pointer; |
| 219 | 222 | display: inline-block; |
| 220 | 223 | text-align: center; |
| 221 | - word-break: break-word; | |
| 224 | + word-break: normal; | |
| 225 | + overflow-wrap: anywhere; | |
| 222 | 226 | box-sizing: border-box; |
| 223 | 227 | height: 100%; |
| 224 | 228 | align-content: center; |
| 225 | 229 | } |
| @@ -492,15 +496,15 @@ | ||
| 492 | 496 | margin-bottom: 1.75em; |
| 493 | 497 | } |
| 494 | 498 | |
| 495 | 499 | :where(.wp-block-columns.has-background) { |
| 496 | - padding: 1.25em 2.375em; | |
| 500 | + padding: var(--wp--style--block-background-padding, 1.25em 2.375em); | |
| 497 | 501 | } |
| 498 | 502 | |
| 499 | 503 | .wp-block-column { |
| 500 | 504 | flex-grow: 1; |
| 501 | 505 | min-width: 0; |
| 502 | - word-break: break-word; | |
| 506 | + word-break: normal; | |
| 503 | 507 | overflow-wrap: break-word; |
| 504 | 508 | /** |
| 505 | 509 | * Individual Column Alignment |
| 506 | 510 | */ |
| @@ -579,9 +583,9 @@ | ||
| 579 | 583 | font-size: 0.875em; |
| 580 | 584 | line-height: 1.5; |
| 581 | 585 | } |
| 582 | 586 | .wp-block-post-comments .comment-meta b { |
| 583 | - font-weight: normal; | |
| 587 | + font-weight: 400; | |
| 584 | 588 | } |
| 585 | 589 | .wp-block-post-comments .comment-meta .comment-awaiting-moderation { |
| 586 | 590 | margin-top: 1em; |
| 587 | 591 | margin-bottom: 1em; |
| @@ -685,9 +689,8 @@ | ||
| 685 | 689 | } |
| 686 | 690 | .wp-block-comment-template.aligncenter { |
| 687 | 691 | margin-right: auto; |
| 688 | 692 | margin-left: auto; |
| 689 | - width: -moz-fit-content; | |
| 690 | 693 | width: fit-content; |
| 691 | 694 | } |
| 692 | 695 | .wp-block-comment-template.alignright { |
| 693 | 696 | float: left; |
| @@ -1007,14 +1010,19 @@ | ||
| 1007 | 1010 | width: 100%; |
| 1008 | 1011 | height: 100%; |
| 1009 | 1012 | max-width: none; |
| 1010 | 1013 | max-height: none; |
| 1011 | - -o-object-fit: cover; | |
| 1012 | - object-fit: cover; | |
| 1014 | + object-fit: cover; | |
| 1013 | 1015 | outline: none; |
| 1014 | 1016 | border: none; |
| 1015 | 1017 | box-shadow: none; |
| 1016 | 1018 | } |
| 1019 | +@supports (-webkit-hyphens: none) { | |
| 1020 | + .wp-block-cover-image.has-aspect-ratio, | |
| 1021 | + .wp-block-cover.has-aspect-ratio { | |
| 1022 | + min-height: fit-content !important; | |
| 1023 | + } | |
| 1024 | +} | |
| 1017 | 1025 | .wp-block-cover-image .wp-block-cover__embed-background, |
| 1018 | 1026 | .wp-block-cover .wp-block-cover__embed-background { |
| 1019 | 1027 | position: absolute; |
| 1020 | 1028 | top: 0; |
| @@ -1304,57 +1312,8 @@ | ||
| 1304 | 1312 | opacity: 0.85; |
| 1305 | 1313 | text-decoration: none; |
| 1306 | 1314 | } |
| 1307 | 1315 | |
| 1308 | -:where(.wp-block-form-input__label) { | |
| 1309 | - width: 100%; | |
| 1310 | - display: flex; | |
| 1311 | - flex-direction: column; | |
| 1312 | - gap: 0.25em; | |
| 1313 | - margin-bottom: 0.5em; | |
| 1314 | -} | |
| 1315 | -:where(.wp-block-form-input__label).is-label-inline { | |
| 1316 | - flex-direction: row; | |
| 1317 | - gap: 0.5em; | |
| 1318 | - align-items: center; | |
| 1319 | -} | |
| 1320 | -:where(.wp-block-form-input__label).is-label-inline .wp-block-form-input__label-content { | |
| 1321 | - margin-bottom: 0.5em; | |
| 1322 | -} | |
| 1323 | -:where(.wp-block-form-input__label):has(input[type=checkbox]) { | |
| 1324 | - flex-direction: row; | |
| 1325 | - width: -moz-fit-content; | |
| 1326 | - width: fit-content; | |
| 1327 | -} | |
| 1328 | -:where(.wp-block-form-input__label):has(input[type=checkbox]) .wp-block-form-input__label-content { | |
| 1329 | - margin: 0; | |
| 1330 | -} | |
| 1331 | -:where(.wp-block-form-input__label):has(.wp-block-form-input__label-content + input[type=checkbox]) { | |
| 1332 | - /* stylelint-disable-next-line declaration-property-value-allowed-list -- This style is required for old markup. */ | |
| 1333 | - flex-direction: row-reverse; | |
| 1334 | -} | |
| 1335 | - | |
| 1336 | -:where(.wp-block-form-input__label-content) { | |
| 1337 | - width: -moz-fit-content; | |
| 1338 | - width: fit-content; | |
| 1339 | -} | |
| 1340 | - | |
| 1341 | -:where(.wp-block-form-input__input) { | |
| 1342 | - padding: 0 0.5em; | |
| 1343 | - font-size: 1em; | |
| 1344 | - margin-bottom: 0.5em; | |
| 1345 | -} | |
| 1346 | -:where(.wp-block-form-input__input)[type=text], :where(.wp-block-form-input__input)[type=password], :where(.wp-block-form-input__input)[type=date], :where(.wp-block-form-input__input)[type=datetime], :where(.wp-block-form-input__input)[type=datetime-local], :where(.wp-block-form-input__input)[type=email], :where(.wp-block-form-input__input)[type=month], :where(.wp-block-form-input__input)[type=number], :where(.wp-block-form-input__input)[type=search], :where(.wp-block-form-input__input)[type=tel], :where(.wp-block-form-input__input)[type=time], :where(.wp-block-form-input__input)[type=url], :where(.wp-block-form-input__input)[type=week] { | |
| 1347 | - min-height: 2em; | |
| 1348 | - line-height: 2; | |
| 1349 | - border-width: 1px; | |
| 1350 | - border-style: solid; | |
| 1351 | -} | |
| 1352 | - | |
| 1353 | -textarea.wp-block-form-input__input { | |
| 1354 | - min-height: 10em; | |
| 1355 | -} | |
| 1356 | - | |
| 1357 | 1316 | .wp-block-gallery:not(.has-nested-images), |
| 1358 | 1317 | .blocks-gallery-grid:not(.has-nested-images) { |
| 1359 | 1318 | display: flex; |
| 1360 | 1319 | flex-wrap: wrap; |
| @@ -1436,10 +1395,9 @@ | ||
| 1436 | 1395 | .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img { |
| 1437 | 1396 | width: 100%; |
| 1438 | 1397 | height: 100%; |
| 1439 | 1398 | flex: 1; |
| 1440 | - -o-object-fit: cover; | |
| 1441 | - object-fit: cover; | |
| 1399 | + object-fit: cover; | |
| 1442 | 1400 | } |
| 1443 | 1401 | .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item, |
| 1444 | 1402 | .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image, |
| 1445 | 1403 | .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item { |
| @@ -1544,37 +1502,104 @@ | ||
| 1544 | 1502 | .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { |
| 1545 | 1503 | align-self: flex-start; |
| 1546 | 1504 | } |
| 1547 | 1505 | |
| 1548 | -figure.wp-block-gallery.has-nested-images { | |
| 1506 | +figure.wp-block-gallery.has-nested-images:where(.is-layout-flex) { | |
| 1549 | 1507 | align-items: normal; |
| 1550 | 1508 | } |
| 1551 | 1509 | |
| 1552 | -.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { | |
| 1510 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image:not(#individual-image) { | |
| 1553 | 1511 | width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2); |
| 1554 | 1512 | margin: 0; |
| 1555 | 1513 | } |
| 1556 | -.wp-block-gallery.has-nested-images figure.wp-block-image { | |
| 1514 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image { | |
| 1557 | 1515 | display: flex; |
| 1558 | 1516 | flex-grow: 1; |
| 1559 | 1517 | justify-content: center; |
| 1560 | - position: relative; | |
| 1561 | 1518 | flex-direction: column; |
| 1562 | 1519 | max-width: 100%; |
| 1563 | 1520 | box-sizing: border-box; |
| 1564 | 1521 | } |
| 1565 | -.wp-block-gallery.has-nested-images figure.wp-block-image > div, | |
| 1566 | -.wp-block-gallery.has-nested-images figure.wp-block-image > a { | |
| 1522 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image > div, | |
| 1523 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image > a { | |
| 1567 | 1524 | margin: 0; |
| 1568 | 1525 | flex-direction: column; |
| 1569 | 1526 | flex-grow: 1; |
| 1570 | 1527 | } |
| 1571 | -.wp-block-gallery.has-nested-images figure.wp-block-image img { | |
| 1528 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figure.wp-block-image img { | |
| 1572 | 1529 | display: block; |
| 1573 | 1530 | height: auto; |
| 1574 | 1531 | max-width: 100% !important; |
| 1575 | 1532 | width: auto; |
| 1576 | 1533 | } |
| 1534 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex) figcaption { | |
| 1535 | + flex-grow: 1; | |
| 1536 | + flex-basis: 100%; | |
| 1537 | + text-align: center; | |
| 1538 | +} | |
| 1539 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex):not(.is-cropped) figure.wp-block-image:not(#individual-image) { | |
| 1540 | + margin-top: 0; | |
| 1541 | + margin-bottom: auto; | |
| 1542 | +} | |
| 1543 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) { | |
| 1544 | + align-self: inherit; | |
| 1545 | +} | |
| 1546 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), | |
| 1547 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) > a { | |
| 1548 | + display: flex; | |
| 1549 | +} | |
| 1550 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) a, | |
| 1551 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex).is-cropped figure.wp-block-image:not(#individual-image) img { | |
| 1552 | + width: 100%; | |
| 1553 | + flex: 1 0 0%; | |
| 1554 | + height: 100%; | |
| 1555 | + object-fit: cover; | |
| 1556 | +} | |
| 1557 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-1 figure.wp-block-image:not(#individual-image) { | |
| 1558 | + width: 100%; | |
| 1559 | +} | |
| 1560 | +@media (min-width: 600px) { | |
| 1561 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-3 figure.wp-block-image:not(#individual-image) { | |
| 1562 | + width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667); | |
| 1563 | + } | |
| 1564 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-4 figure.wp-block-image:not(#individual-image) { | |
| 1565 | + width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75); | |
| 1566 | + } | |
| 1567 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-5 figure.wp-block-image:not(#individual-image) { | |
| 1568 | + width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8); | |
| 1569 | + } | |
| 1570 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-6 figure.wp-block-image:not(#individual-image) { | |
| 1571 | + width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333); | |
| 1572 | + } | |
| 1573 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-7 figure.wp-block-image:not(#individual-image) { | |
| 1574 | + width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571); | |
| 1575 | + } | |
| 1576 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-8 figure.wp-block-image:not(#individual-image) { | |
| 1577 | + width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875); | |
| 1578 | + } | |
| 1579 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image) { | |
| 1580 | + width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667); | |
| 1581 | + } | |
| 1582 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), | |
| 1583 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { | |
| 1584 | + width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5); | |
| 1585 | + } | |
| 1586 | + .wp-block-gallery.has-nested-images:where(.is-layout-flex).columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { | |
| 1587 | + width: 100%; | |
| 1588 | + } | |
| 1589 | +} | |
| 1590 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex).alignleft, .wp-block-gallery.has-nested-images:where(.is-layout-flex).alignright { | |
| 1591 | + max-width: 420px; | |
| 1592 | + width: 100%; | |
| 1593 | +} | |
| 1594 | +.wp-block-gallery.has-nested-images:where(.is-layout-flex).aligncenter { | |
| 1595 | + justify-content: center; | |
| 1596 | +} | |
| 1597 | + | |
| 1598 | +.wp-block-gallery.has-nested-images figure.wp-block-image { | |
| 1599 | + position: relative; | |
| 1600 | + margin: 0; | |
| 1601 | +} | |
| 1577 | 1602 | .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before, |
| 1578 | 1603 | .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { |
| 1579 | 1604 | position: absolute; |
| 1580 | 1605 | bottom: 0; |
| @@ -1587,10 +1612,9 @@ | ||
| 1587 | 1612 | height: 100%; |
| 1588 | 1613 | max-height: 3em; |
| 1589 | 1614 | pointer-events: none; |
| 1590 | 1615 | backdrop-filter: blur(3px); |
| 1591 | - -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%); | |
| 1592 | - mask-image: linear-gradient(0deg, #000 20%, transparent 100%); | |
| 1616 | + mask-image: linear-gradient(0deg, #000 20%, transparent 100%); | |
| 1593 | 1617 | } |
| 1594 | 1618 | .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { |
| 1595 | 1619 | color: #fff; |
| 1596 | 1620 | text-shadow: 0 0 1.5px #000; |
| @@ -1661,72 +1685,13 @@ | ||
| 1661 | 1685 | } |
| 1662 | 1686 | .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded::before, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border::before { |
| 1663 | 1687 | content: none; |
| 1664 | 1688 | } |
| 1665 | -.wp-block-gallery.has-nested-images figcaption { | |
| 1666 | - flex-grow: 1; | |
| 1667 | - flex-basis: 100%; | |
| 1689 | + | |
| 1690 | +:where(.wp-block-gallery.has-nested-images.is-layout-grid) > .blocks-gallery-caption { | |
| 1691 | + grid-column: 1/-1; | |
| 1668 | 1692 | text-align: center; |
| 1669 | 1693 | } |
| 1670 | -.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { | |
| 1671 | - margin-top: 0; | |
| 1672 | - margin-bottom: auto; | |
| 1673 | -} | |
| 1674 | -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { | |
| 1675 | - align-self: inherit; | |
| 1676 | -} | |
| 1677 | -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone), | |
| 1678 | -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a { | |
| 1679 | - display: flex; | |
| 1680 | -} | |
| 1681 | -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, | |
| 1682 | -.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { | |
| 1683 | - width: 100%; | |
| 1684 | - flex: 1 0 0%; | |
| 1685 | - height: 100%; | |
| 1686 | - -o-object-fit: cover; | |
| 1687 | - object-fit: cover; | |
| 1688 | -} | |
| 1689 | -.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { | |
| 1690 | - width: 100%; | |
| 1691 | -} | |
| 1692 | -@media (min-width: 600px) { | |
| 1693 | - .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { | |
| 1694 | - width: calc(33.3333333333% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667); | |
| 1695 | - } | |
| 1696 | - .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { | |
| 1697 | - width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px) * 0.75); | |
| 1698 | - } | |
| 1699 | - .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { | |
| 1700 | - width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8); | |
| 1701 | - } | |
| 1702 | - .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { | |
| 1703 | - width: calc(16.6666666667% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333); | |
| 1704 | - } | |
| 1705 | - .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { | |
| 1706 | - width: calc(14.2857142857% - var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571); | |
| 1707 | - } | |
| 1708 | - .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { | |
| 1709 | - width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px) * 0.875); | |
| 1710 | - } | |
| 1711 | - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { | |
| 1712 | - width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667); | |
| 1713 | - } | |
| 1714 | - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), | |
| 1715 | - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { | |
| 1716 | - width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5); | |
| 1717 | - } | |
| 1718 | - .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { | |
| 1719 | - width: 100%; | |
| 1720 | - } | |
| 1721 | -} | |
| 1722 | -.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { | |
| 1723 | - max-width: 420px; | |
| 1724 | - width: 100%; | |
| 1725 | -} | |
| 1726 | -.wp-block-gallery.has-nested-images.aligncenter { | |
| 1727 | - justify-content: center; | |
| 1728 | -} | |
| 1729 | 1694 | |
| 1730 | 1695 | .wp-block-group { |
| 1731 | 1696 | box-sizing: border-box; |
| 1732 | 1697 | } |
| @@ -1740,9 +1705,9 @@ | ||
| 1740 | 1705 | h3:where(.wp-block-heading).has-background, |
| 1741 | 1706 | h4:where(.wp-block-heading).has-background, |
| 1742 | 1707 | h5:where(.wp-block-heading).has-background, |
| 1743 | 1708 | h6:where(.wp-block-heading).has-background { |
| 1744 | - padding: 1.25em 2.375em; | |
| 1709 | + padding: var(--wp--style--block-background-padding, 1.25em 2.375em); | |
| 1745 | 1710 | } |
| 1746 | 1711 | h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]), |
| 1747 | 1712 | h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), |
| 1748 | 1713 | h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]), |
| @@ -1785,12 +1750,16 @@ | ||
| 1785 | 1750 | :where(.wp-block-icon) svg { |
| 1786 | 1751 | width: 100%; |
| 1787 | 1752 | height: 100%; |
| 1788 | 1753 | } |
| 1754 | +:where(.wp-block-icon) svg :where(path, rect, circle, ellipse, line, polygon, polyline) { | |
| 1755 | + vector-effect: none; | |
| 1756 | +} | |
| 1789 | 1757 | |
| 1790 | 1758 | .wp-block-image > a, |
| 1791 | 1759 | .wp-block-image > figure > a { |
| 1792 | 1760 | display: inline-block; |
| 1761 | + color: inherit; | |
| 1793 | 1762 | } |
| 1794 | 1763 | .wp-block-image img { |
| 1795 | 1764 | height: auto; |
| 1796 | 1765 | max-width: 100%; |
| @@ -1859,19 +1828,15 @@ | ||
| 1859 | 1828 | } |
| 1860 | 1829 | .wp-block-image.is-style-circle-mask img { |
| 1861 | 1830 | border-radius: 9999px; |
| 1862 | 1831 | } |
| 1863 | -@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { | |
| 1832 | +@supports (mask-image: none) or (-webkit-mask-image: none) { | |
| 1864 | 1833 | .wp-block-image.is-style-circle-mask img { |
| 1865 | - -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); | |
| 1866 | - mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); | |
| 1834 | + mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); | |
| 1867 | 1835 | mask-mode: alpha; |
| 1868 | - -webkit-mask-repeat: no-repeat; | |
| 1869 | - mask-repeat: no-repeat; | |
| 1870 | - -webkit-mask-size: contain; | |
| 1871 | - mask-size: contain; | |
| 1872 | - -webkit-mask-position: center; | |
| 1873 | - mask-position: center; | |
| 1836 | + mask-repeat: no-repeat; | |
| 1837 | + mask-size: contain; | |
| 1838 | + mask-position: center; | |
| 1874 | 1839 | border-radius: 0; |
| 1875 | 1840 | } |
| 1876 | 1841 | } |
| 1877 | 1842 | |
| @@ -2341,9 +2306,9 @@ | ||
| 2341 | 2306 | box-sizing: border-box; |
| 2342 | 2307 | } |
| 2343 | 2308 | |
| 2344 | 2309 | :root :where(.wp-block-list.has-background) { |
| 2345 | - padding: 1.25em 2.375em; | |
| 2310 | + padding: var(--wp--style--block-background-padding, 1.25em 2.375em); | |
| 2346 | 2311 | } |
| 2347 | 2312 | |
| 2348 | 2313 | .wp-block-loginout { |
| 2349 | 2314 | box-sizing: border-box; |
| @@ -2436,9 +2401,9 @@ | ||
| 2436 | 2401 | height: 1px; |
| 2437 | 2402 | padding: 0; |
| 2438 | 2403 | margin: -1px; |
| 2439 | 2404 | overflow: hidden; |
| 2440 | - clip: rect(0, 0, 0, 0); | |
| 2405 | + clip-path: inset(50%); | |
| 2441 | 2406 | border: 0; |
| 2442 | 2407 | } |
| 2443 | 2408 | |
| 2444 | 2409 | /* Image fill for versions 8 and onwards */ |
| @@ -2456,10 +2421,9 @@ | ||
| 2456 | 2421 | .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img { |
| 2457 | 2422 | position: absolute; |
| 2458 | 2423 | width: 100%; |
| 2459 | 2424 | height: 100%; |
| 2460 | - -o-object-fit: cover; | |
| 2461 | - object-fit: cover; | |
| 2425 | + object-fit: cover; | |
| 2462 | 2426 | } |
| 2463 | 2427 | |
| 2464 | 2428 | /* |
| 2465 | 2429 | * Here we here not able to use a mobile first CSS approach. |
| @@ -2555,9 +2519,16 @@ | ||
| 2555 | 2519 | .wp-block-navigation.is-vertical { |
| 2556 | 2520 | --navigation-layout-direction: column; |
| 2557 | 2521 | --navigation-layout-justify: initial; |
| 2558 | 2522 | --navigation-layout-align: flex-start; |
| 2523 | + text-align: var(--navigation-layout-text-align, inherit); | |
| 2559 | 2524 | } |
| 2525 | +.wp-block-navigation.is-vertical .wp-block-navigation-item__content { | |
| 2526 | + text-align: inherit; | |
| 2527 | +} | |
| 2528 | +.wp-block-navigation.is-vertical .wp-block-navigation-item:not(.open-always) > .wp-block-navigation__submenu-container { | |
| 2529 | + text-align: initial; | |
| 2530 | +} | |
| 2560 | 2531 | .wp-block-navigation.no-wrap { |
| 2561 | 2532 | --navigation-layout-wrap: nowrap; |
| 2562 | 2533 | } |
| 2563 | 2534 | .wp-block-navigation.items-justified-center { |
| @@ -2562,8 +2533,9 @@ | ||
| 2562 | 2533 | } |
| 2563 | 2534 | .wp-block-navigation.items-justified-center { |
| 2564 | 2535 | --navigation-layout-justification-setting: center; |
| 2565 | 2536 | --navigation-layout-justify: center; |
| 2537 | + --navigation-layout-text-align: center; | |
| 2566 | 2538 | } |
| 2567 | 2539 | .wp-block-navigation.items-justified-center.is-vertical { |
| 2568 | 2540 | --navigation-layout-align: center; |
| 2569 | 2541 | } |
| @@ -2569,8 +2541,9 @@ | ||
| 2569 | 2541 | } |
| 2570 | 2542 | .wp-block-navigation.items-justified-right { |
| 2571 | 2543 | --navigation-layout-justification-setting: flex-end; |
| 2572 | 2544 | --navigation-layout-justify: flex-end; |
| 2545 | + --navigation-layout-text-align: end; | |
| 2573 | 2546 | } |
| 2574 | 2547 | .wp-block-navigation.items-justified-right.is-vertical { |
| 2575 | 2548 | --navigation-layout-align: flex-end; |
| 2576 | 2549 | } |
| @@ -2641,9 +2614,9 @@ | ||
| 2641 | 2614 | transform: rotate(90deg); |
| 2642 | 2615 | } |
| 2643 | 2616 | } |
| 2644 | 2617 | @media (hover: hover) { |
| 2645 | - .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container { | |
| 2618 | + .wp-block-navigation .has-child:not(.open-on-click):not(.open-always):hover > .wp-block-navigation__submenu-container { | |
| 2646 | 2619 | visibility: visible; |
| 2647 | 2620 | overflow: visible; |
| 2648 | 2621 | opacity: 1; |
| 2649 | 2622 | width: auto; |
| @@ -2650,10 +2623,9 @@ | ||
| 2650 | 2623 | height: auto; |
| 2651 | 2624 | min-width: 200px; |
| 2652 | 2625 | } |
| 2653 | 2626 | } |
| 2654 | -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container, | |
| 2655 | -.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container { | |
| 2627 | +.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):not(.open-always):focus-within > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-always) .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container { | |
| 2656 | 2628 | visibility: visible; |
| 2657 | 2629 | overflow: visible; |
| 2658 | 2630 | opacity: 1; |
| 2659 | 2631 | width: auto; |
| @@ -2701,8 +2673,9 @@ | ||
| 2701 | 2673 | position: static; |
| 2702 | 2674 | border: none; |
| 2703 | 2675 | background-color: transparent; |
| 2704 | 2676 | color: inherit; |
| 2677 | + box-shadow: none !important; | |
| 2705 | 2678 | } |
| 2706 | 2679 | |
| 2707 | 2680 | .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { |
| 2708 | 2681 | right: 0; |
| @@ -2908,8 +2881,9 @@ | ||
| 2908 | 2881 | display: flex; |
| 2909 | 2882 | flex-direction: column; |
| 2910 | 2883 | flex-wrap: nowrap; |
| 2911 | 2884 | align-items: var(--navigation-layout-justification-setting, inherit); |
| 2885 | + text-align: var(--navigation-layout-text-align, inherit); | |
| 2912 | 2886 | } |
| 2913 | 2887 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content, |
| 2914 | 2888 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list, |
| 2915 | 2889 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container { |
| @@ -2935,11 +2909,13 @@ | ||
| 2935 | 2909 | gap: inherit; |
| 2936 | 2910 | } |
| 2937 | 2911 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { |
| 2938 | 2912 | padding-top: var(--wp--style--block-gap, 2em); |
| 2913 | + text-align: inherit; | |
| 2939 | 2914 | } |
| 2940 | 2915 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { |
| 2941 | 2916 | padding: 0; |
| 2917 | + text-align: inherit; | |
| 2942 | 2918 | } |
| 2943 | 2919 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container, |
| 2944 | 2920 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item, |
| 2945 | 2921 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list { |
| @@ -2953,8 +2929,11 @@ | ||
| 2953 | 2929 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list { |
| 2954 | 2930 | color: inherit !important; |
| 2955 | 2931 | background: transparent !important; |
| 2956 | 2932 | } |
| 2933 | +.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container { | |
| 2934 | + box-shadow: none !important; | |
| 2935 | +} | |
| 2957 | 2936 | .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { |
| 2958 | 2937 | left: auto; |
| 2959 | 2938 | right: auto; |
| 2960 | 2939 | } |
| @@ -3000,9 +2979,9 @@ | ||
| 3000 | 2979 | } |
| 3001 | 2980 | |
| 3002 | 2981 | .wp-block-navigation__toggle_button_label { |
| 3003 | 2982 | font-size: 1rem; |
| 3004 | - font-weight: bold; | |
| 2983 | + font-weight: 700; | |
| 3005 | 2984 | } |
| 3006 | 2985 | |
| 3007 | 2986 | .wp-block-navigation__responsive-container-open, |
| 3008 | 2987 | .wp-block-navigation__responsive-container-close { |
| @@ -3119,8 +3098,9 @@ | ||
| 3119 | 3098 | font-weight: inherit; |
| 3120 | 3099 | letter-spacing: inherit; |
| 3121 | 3100 | line-height: inherit; |
| 3122 | 3101 | text-transform: inherit; |
| 3102 | + border: none; | |
| 3123 | 3103 | } |
| 3124 | 3104 | |
| 3125 | 3105 | .wp-block-navigation-overlay-close { |
| 3126 | 3106 | display: inline-flex; |
| @@ -3127,9 +3107,8 @@ | ||
| 3127 | 3107 | align-items: center; |
| 3128 | 3108 | justify-content: center; |
| 3129 | 3109 | gap: 0.5em; |
| 3130 | 3110 | padding: 0; |
| 3131 | - border: none; | |
| 3132 | 3111 | background: transparent; |
| 3133 | 3112 | cursor: pointer; |
| 3134 | 3113 | text-decoration: none; |
| 3135 | 3114 | } |
| @@ -3199,9 +3178,9 @@ | ||
| 3199 | 3178 | overflow: hidden; |
| 3200 | 3179 | } |
| 3201 | 3180 | |
| 3202 | 3181 | :root :where(p.has-background) { |
| 3203 | - padding: 1.25em 2.375em; | |
| 3182 | + padding: var(--wp--style--block-background-padding, 1.25em 2.375em); | |
| 3204 | 3183 | } |
| 3205 | 3184 | |
| 3206 | 3185 | :where(p.has-text-color:not(.has-link-color)) a { |
| 3207 | 3186 | color: inherit; |
| @@ -3323,10 +3302,9 @@ | ||
| 3323 | 3302 | position: absolute; |
| 3324 | 3303 | inset: 0; |
| 3325 | 3304 | width: 100%; |
| 3326 | 3305 | height: 100%; |
| 3327 | - -o-object-fit: cover; | |
| 3328 | - object-fit: cover; | |
| 3306 | + object-fit: cover; | |
| 3329 | 3307 | pointer-events: none; |
| 3330 | 3308 | z-index: 0; |
| 3331 | 3309 | } |
| 3332 | 3310 | |
| @@ -3810,10 +3788,9 @@ | ||
| 3810 | 3788 | height: 50px; |
| 3811 | 3789 | margin-left: var(--wp--preset--spacing--20, 0.5em); |
| 3812 | 3790 | border: 1px solid rgba(0, 0, 0, 0.08); |
| 3813 | 3791 | box-sizing: border-box; |
| 3814 | - -o-object-fit: cover; | |
| 3815 | - object-fit: cover; | |
| 3792 | + object-fit: cover; | |
| 3816 | 3793 | } |
| 3817 | 3794 | .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content { |
| 3818 | 3795 | flex: 1 1 0; |
| 3819 | 3796 | min-width: 0; |
| @@ -4037,8 +4014,11 @@ | ||
| 4037 | 4014 | .wp-block-post-featured-image:where(.alignleft, .alignright) { |
| 4038 | 4015 | width: 100%; |
| 4039 | 4016 | } |
| 4040 | 4017 | |
| 4018 | +.wp-block-post-navigation-link { | |
| 4019 | + box-sizing: border-box; | |
| 4020 | +} | |
| 4041 | 4021 | .wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous { |
| 4042 | 4022 | display: inline-block; |
| 4043 | 4023 | margin-left: 1ch; |
| 4044 | 4024 | } |
| @@ -4067,13 +4047,13 @@ | ||
| 4067 | 4047 | box-sizing: border-box; |
| 4068 | 4048 | } |
| 4069 | 4049 | |
| 4070 | 4050 | .wp-block-post-title { |
| 4071 | - word-break: break-word; | |
| 4051 | + word-break: normal; | |
| 4052 | + overflow-wrap: anywhere; | |
| 4072 | 4053 | box-sizing: border-box; |
| 4073 | 4054 | } |
| 4074 | 4055 | .wp-block-post-title :where(a) { |
| 4075 | - display: inline-block; | |
| 4076 | 4056 | font-family: inherit; |
| 4077 | 4057 | font-size: inherit; |
| 4078 | 4058 | font-style: inherit; |
| 4079 | 4059 | font-weight: inherit; |
| @@ -4091,9 +4071,9 @@ | ||
| 4091 | 4071 | white-space: pre-wrap; |
| 4092 | 4072 | } |
| 4093 | 4073 | |
| 4094 | 4074 | :where(.wp-block-preformatted.has-background) { |
| 4095 | - padding: 1.25em 2.375em; | |
| 4075 | + padding: var(--wp--style--block-background-padding, 1.25em 2.375em); | |
| 4096 | 4076 | } |
| 4097 | 4077 | |
| 4098 | 4078 | .wp-block-pullquote { |
| 4099 | 4079 | text-align: center; |
| @@ -4282,9 +4262,8 @@ | ||
| 4282 | 4262 | } |
| 4283 | 4263 | |
| 4284 | 4264 | .wp-block-read-more { |
| 4285 | 4265 | display: block; |
| 4286 | - width: -moz-fit-content; | |
| 4287 | 4266 | width: fit-content; |
| 4288 | 4267 | } |
| 4289 | 4268 | .wp-block-read-more:where(:not([style*=text-decoration])) { |
| 4290 | 4269 | text-decoration: none; |
| @@ -4418,11 +4397,9 @@ | ||
| 4418 | 4397 | margin-left: 0; |
| 4419 | 4398 | min-width: 3rem; |
| 4420 | 4399 | border: 1px solid #949494; |
| 4421 | 4400 | text-decoration: unset !important; |
| 4422 | - -webkit-appearance: initial; | |
| 4423 | - -moz-appearance: initial; | |
| 4424 | - appearance: initial; | |
| 4401 | + appearance: initial; | |
| 4425 | 4402 | } |
| 4426 | 4403 | |
| 4427 | 4404 | :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) { |
| 4428 | 4405 | padding: 4px; |
| @@ -4990,9 +4967,8 @@ | ||
| 4990 | 4967 | :where(.wp-block-tab-list button) { |
| 4991 | 4968 | box-sizing: border-box; |
| 4992 | 4969 | color: inherit; |
| 4993 | 4970 | display: block; |
| 4994 | - width: -moz-max-content; | |
| 4995 | 4971 | width: max-content; |
| 4996 | 4972 | text-decoration: none; |
| 4997 | 4973 | cursor: pointer; |
| 4998 | 4974 | flex-basis: inherit !important; |
| @@ -4999,10 +4975,9 @@ | ||
| 4999 | 4975 | flex-grow: inherit !important; |
| 5000 | 4976 | position: relative; |
| 5001 | 4977 | border: none; |
| 5002 | 4978 | background: none; |
| 5003 | - -moz-appearance: none; | |
| 5004 | - appearance: none; | |
| 4979 | + appearance: none; | |
| 5005 | 4980 | -webkit-appearance: none; |
| 5006 | 4981 | margin: 0; |
| 5007 | 4982 | padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em); |
| 5008 | 4983 | font-size: inherit; |
| @@ -5026,8 +5001,10 @@ | ||
| 5026 | 5001 | .wp-block-tab-panel:empty { |
| 5027 | 5002 | display: none !important; |
| 5028 | 5003 | } |
| 5029 | 5004 | .wp-block-tab-panel[hidden] { |
| 5005 | + box-shadow: none !important; | |
| 5006 | + border: none !important; | |
| 5030 | 5007 | margin-block-start: 0; |
| 5031 | 5008 | padding: 0 !important; |
| 5032 | 5009 | } |
| 5033 | 5010 | |
| @@ -5230,9 +5207,10 @@ | ||
| 5230 | 5207 | box-sizing: border-box; |
| 5231 | 5208 | overflow: auto; |
| 5232 | 5209 | white-space: pre-wrap; |
| 5233 | 5210 | min-width: 1em; |
| 5234 | - word-break: break-word; | |
| 5211 | + word-break: normal; | |
| 5212 | + overflow-wrap: break-word; | |
| 5235 | 5213 | } |
| 5236 | 5214 | |
| 5237 | 5215 | :where(pre.wp-block-verse) { |
| 5238 | 5216 | font-family: inherit; |
| @@ -5247,10 +5225,9 @@ | ||
| 5247 | 5225 | vertical-align: middle; |
| 5248 | 5226 | } |
| 5249 | 5227 | @supports (position: sticky) { |
| 5250 | 5228 | .wp-block-video [poster] { |
| 5251 | - -o-object-fit: cover; | |
| 5252 | - object-fit: cover; | |
| 5229 | + object-fit: cover; | |
| 5253 | 5230 | } |
| 5254 | 5231 | } |
| 5255 | 5232 | .wp-block-video.aligncenter { |
| 5256 | 5233 | text-align: center; |
| @@ -5412,9 +5389,9 @@ | ||
| 5412 | 5389 | overflow: hidden; |
| 5413 | 5390 | padding: 0; |
| 5414 | 5391 | position: absolute; |
| 5415 | 5392 | width: 1px; |
| 5416 | - word-wrap: normal !important; | |
| 5393 | + overflow-wrap: normal !important; | |
| 5417 | 5394 | word-break: normal !important; |
| 5418 | 5395 | } |
| 5419 | 5396 | |
| 5420 | 5397 | .screen-reader-text:focus { |
