<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Vermeer Child
Theme URI: https://andersnoren.se/teman/vermeer-wordpress-theme/
Template: vermeer
Author: Anders NorÃ©n
Author URI: https://andersnoren.se
Description: Child theme for Vermeer with image hover zoom and fullscreen features.
Version: 1.1
Updated: 2024-05-23
*/

/* æ&nbsp;¸å¿ƒä¿®å¤-çˆ¶å®¹å™¨é™åˆ¶è§£é™¤ */
.wp-block-post-featured-image {
    overflow: visible !important;
    min-height: 0 !important;
    aspect-ratio: unset !important;
    position: relative;
    z-index: 1;
    margin: 0 !important;
}

/* å›¾ç‰‡å±‚å&nbsp;ä¸ŽåŠ¨ç”»è®¾ç½® */
.wp-block-post-featured-image img {
    position: relative;
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    transform-origin: center center !important;
    z-index: 50;
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 80vh !important;
}

/* æ‚¬åœæ”¾å¤§æ•ˆæžœ */
.wp-block-post-featured-image:hover img {
    transform: scale(1.08) translateZ(0);
    z-index: 100;
    cursor: zoom-in;
}

/* ç§»åŠ¨ç«¯ä¼˜åŒ– */
@media (max-width: 782px) {
    .wp-block-post-featured-image {
        margin: 0 -2rem !important;
    }
    .wp-block-post-featured-image img {
        max-height: 60vh !important;
        transform: scale(1) !important;
    }
}

/* å…¨å±æŸ¥çœ‹åŠŸèƒ½ */
.image-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.96) !important;
    display: none !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 99999 !important;
    cursor: zoom-out;
    animation: fsFadeIn 0.3s;
}

.image-fullscreen.active {
    display: flex !important;
}

.image-fullscreen img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    pointer-events: none;
}

@keyframes fsFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

html.image-fullscreen-active {
    overflow: hidden;
    padding-right: 15px;
}
</pre></body></html>