.wp-block-image img{ box-sizing:border-box; height:auto; max-width:100%; vertical-align:bottom; } .wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{ border-radius:inherit; } .wp-block-image.has-custom-border img{ box-sizing:border-box; } .wp-block-image.aligncenter{ text-align:center; } .wp-block-image.alignfull img,.wp-block-image.alignwide img{ height:auto; width:100%; } .wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{ display:table; } .wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{ caption-side:bottom; display:table-caption; } .wp-block-image .alignleft{ float:left; margin:.5em 1em .5em 0; } .wp-block-image .alignright{ float:right; margin:.5em 0 .5em 1em; } .wp-block-image .aligncenter{ margin-left:auto; margin-right:auto; } .wp-block-image figcaption{ margin-bottom:1em; margin-top:.5em; } .wp-block-image .is-style-rounded img,.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{ border-radius:9999px; } @supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){ .wp-block-image.is-style-circle-mask img{ border-radius:0; -webkit-mask-image:url('data:image/svg+xml;utf8,'); mask-image:url('data:image/svg+xml;utf8,'); mask-mode:alpha; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; } } .wp-block-image :where(.has-border-color){ border-style:solid; } .wp-block-image :where([style*=border-top-color]){ border-top-style:solid; } .wp-block-image :where([style*=border-right-color]){ border-right-style:solid; } .wp-block-image :where([style*=border-bottom-color]){ border-bottom-style:solid; } .wp-block-image :where([style*=border-left-color]){ border-left-style:solid; } .wp-block-image :where([style*=border-width]){ border-style:solid; } .wp-block-image :where([style*=border-top-width]){ border-top-style:solid; } .wp-block-image :where([style*=border-right-width]){ border-right-style:solid; } .wp-block-image :where([style*=border-bottom-width]){ border-bottom-style:solid; } .wp-block-image :where([style*=border-left-width]){ border-left-style:solid; } .wp-block-image figure{ margin:0; } .wp-lightbox-container .img-container{ position:relative; } .wp-lightbox-container button{ background:none; border:none; cursor:zoom-in; height:100%; position:absolute; width:100%; z-index:100; } .wp-lightbox-container button:focus-visible{ outline:5px auto #212121; outline:5px auto -webkit-focus-ring-color; outline-offset:5px; } .wp-lightbox-overlay{ height:100vh; left:0; overflow:hidden; position:fixed; top:0; visibility:hidden; width:100vw; z-index:100000; } .wp-lightbox-overlay .close-button{ cursor:pointer; padding:0; position:absolute; right:12.5px; top:12.5px; z-index:5000000; } .wp-lightbox-overlay .wp-block-image{ align-items:center; box-sizing:border-box; display:flex; flex-direction:column; height:100%; justify-content:center; position:absolute; width:100%; z-index:3000000; } .wp-lightbox-overlay .wp-block-image figcaption{ display:none; } .wp-lightbox-overlay .wp-block-image img{ max-height:100%; max-width:100%; width:auto; } .wp-lightbox-overlay button{ background:none; border:none; } .wp-lightbox-overlay .scrim{ background-color:#fff; height:100%; opacity:.9; position:absolute; width:100%; z-index:2000000; } .wp-lightbox-overlay.fade.active{ animation:turn-on-visibility .25s both; visibility:visible; } .wp-lightbox-overlay.fade.active img{ animation:turn-on-visibility .3s both; } .wp-lightbox-overlay.fade.hideanimationenabled:not(.active){ animation:turn-off-visibility .3s both; } .wp-lightbox-overlay.fade.hideanimationenabled:not(.active) img{ animation:turn-off-visibility .25s both; } .wp-lightbox-overlay.zoom img{ height:var(--lightbox-image-max-height); position:absolute; transform-origin:top left; width:var(--lightbox-image-max-width); } .wp-lightbox-overlay.zoom.active{ opacity:1; visibility:visible; } .wp-lightbox-overlay.zoom.active .wp-block-image img{ animation:lightbox-zoom-in .4s forwards; } @media (prefers-reduced-motion){ .wp-lightbox-overlay.zoom.active .wp-block-image img{ animation:turn-on-visibility .4s both; } } .wp-lightbox-overlay.zoom.active .scrim{ animation:turn-on-visibility .4s forwards; } .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img{ animation:lightbox-zoom-out .4s forwards; } @media (prefers-reduced-motion){ .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img{ animation:turn-off-visibility .4s both; } } .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim{ animation:turn-off-visibility .4s forwards; } html.has-lightbox-open{ overflow:hidden; } @keyframes turn-on-visibility{ 0%{ opacity:0; } to{ opacity:1; } } @keyframes turn-off-visibility{ 0%{ opacity:1; visibility:visible; } 99%{ opacity:0; visibility:visible; } to{ opacity:0; visibility:hidden; } } @keyframes lightbox-zoom-in{ 0%{ left:var(--lightbox-initial-left-position); top:var(--lightbox-initial-top-position); transform:scale(var(--lightbox-scale-width), var(--lightbox-scale-height)); } to{ left:var(--lightbox-target-left-position); top:var(--lightbox-target-top-position); transform:scale(1); } } @keyframes lightbox-zoom-out{ 0%{ left:var(--lightbox-target-left-position); top:var(--lightbox-target-top-position); transform:scale(1); visibility:visible; } 99%{ visibility:visible; } to{ left:var(--lightbox-initial-left-position); top:var(--lightbox-initial-top-position); transform:scale(var(--lightbox-scale-width), var(--lightbox-scale-height)); } }