/* Generated by tools/build_frontend_css.py. Do not edit directly. */ /* Ownership output: hero-compatibility-late */ /* Source 1: assets/src/hero/hero-compat-late-media-edge.css | media: all */ /* VH 1.4.96 — final hero media edge cleanup. The hero image/card visual should be rounded image media with no visible outline. */ html body .vh-layout-hero :is( .vh-hero-media, .vh-hero-wide-media, .vh-hero-media--video, .vh-hero-media--bottom-touch, .vh-hero-media--center-column, .vh-hero-media--right-edge, .vh-hero-media--offset, .vh-hero-collage-main, .vh-hero-portfolio-card, .vh-hero-portfolio-card--empty ){ border:0 !important; border-width:0 !important; outline:0 !important; background-clip:border-box !important; -webkit-background-clip:border-box !important; } html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media,.vh-hero-collage-main), html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media,.vh-hero-collage-main) > .vh-hero-media{ border-top-left-radius:var(--vh-hero-media-radius-top-left, var(--vh-hero-media-radius-top, 1.35rem)) !important; border-top-right-radius:var(--vh-hero-media-radius-top-right, var(--vh-hero-media-radius-top, 1.35rem)) !important; border-bottom-left-radius:var(--vh-hero-media-radius-bottom-left, var(--vh-hero-media-radius-bottom, 1.35rem)) !important; border-bottom-right-radius:var(--vh-hero-media-radius-bottom-right, var(--vh-hero-media-radius-bottom, 1.35rem)) !important; overflow:hidden !important; } html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media,.vh-hero-collage-main) > :is(img,picture,video,iframe,.vh-hero-video,.vh-hero-placeholder), html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media,.vh-hero-collage-main) picture > img, html body .vh-layout-hero .vh-hero-portfolio-card > :is(img,.vh-hero-portfolio-placeholder){ border:0 !important; border-width:0 !important; outline:0 !important; box-shadow:none !important; border-radius:inherit !important; display:block !important; } html body .vh-layout-hero .vh-hero-portfolio-card, html body .vh-layout-hero .vh-hero-portfolio-card--empty{ border-radius:var(--vh-hero-portfolio-card-radius, var(--vh-hero-media-radius-top-left, var(--vh-hero-media-radius-top, 1.35rem))) !important; overflow:hidden !important; text-decoration:none !important; } /* Remove edge-like inset shadows from hero media only. Leave normal section/card shadows elsewhere untouched. */ html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media,.vh-hero-collage-main,.vh-hero-portfolio-card,.vh-hero-portfolio-card--empty){ box-shadow:none !important; } /* Do not let global card border controls re-color hero portfolio cards back into outlined cards. */ html body .vh-layout-hero .vh-hero-portfolio-card, html body .vh-layout-hero .vh-hero-portfolio-card:hover, html body .vh-layout-hero .vh-hero-portfolio-card:focus, html body .vh-layout-hero .vh-hero-portfolio-card:focus-visible{ border-color:transparent !important; outline-color:transparent !important; } /* Right Edge Image Hero: right edge stays square even when global per-corner media radius is set. */ html body .vh-layout-hero.vh-hero-layout-right_edge_image :is(.vh-hero-media--right-edge,.vh-hero-media--right-edge > img,.vh-hero-media--right-edge img){ border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; } /* Source 2: assets/src/hero/hero-compat-late-portfolio-polish.css | media: all */ /* VH 1.4.97 — hero media/card polish only. - Removes the remaining visible Portfolio Grid Hero edge by making the media shell transparent and borderless. - Restores centered placeholder text after the 1.4.96 display reset. - Adds a normal outer drop shadow to hero images/cards without reintroducing an inset/border look. */ html body .vh-layout-hero{ --vh-hero-media-shadow: 0 1.35rem 3.25rem rgba(0,0,0,.34); --vh-hero-media-shadow-hover: 0 1.55rem 3.65rem rgba(0,0,0,.38); } /* Hero image shells and Portfolio Grid Hero cards: no border/background seam, with an outer image shadow. */ html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-portfolio-card,.vh-hero-portfolio-card--empty){ border: 0 !important; border-width: 0 !important; outline: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: var(--vh-hero-media-shadow) !important; overflow: hidden !important; background-clip: border-box !important; -webkit-background-clip: border-box !important; } html body .vh-layout-hero .vh-hero-portfolio-card:hover, html body .vh-layout-hero .vh-hero-portfolio-card:focus{ box-shadow: var(--vh-hero-media-shadow-hover) !important; } /* Inner media must fully cover the rounded shell. This prevents the card background from reading as a thin border. */ html body .vh-layout-hero .vh-hero-portfolio-card > :is(img,.vh-hero-portfolio-placeholder), html body .vh-layout-hero .vh-hero-media > :is(img,picture,video,iframe,.vh-hero-video,.vh-hero-placeholder), html body .vh-layout-hero .vh-hero-media picture > img{ border: 0 !important; border-width: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: inherit !important; width: 100% !important; height: 100% !important; min-height: 0 !important; } html body .vh-layout-hero .vh-hero-portfolio-card > img, html body .vh-layout-hero .vh-hero-media > img, html body .vh-layout-hero .vh-hero-media picture > img{ display: block !important; object-fit: cover !important; } /* Restore placeholder centering. 1.4.96 intentionally normalized media children to block; placeholders need flex centering so the VH/Play text does not pin to the top-left. */ html body .vh-layout-hero .vh-hero-placeholder{ display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1 !important; letter-spacing: .08em !important; } /* Source 3: assets/src/hero/hero-compat-late-context-radius.css | media: all */ /* WO123: context-specific hero radii. This prints after historical radius layers so the saved Theme Settings are the final owner. */ html body .vh-layout-hero .vh-hero-portfolio-card, html body .vh-layout-hero .vh-hero-portfolio-card--empty{ border-top-left-radius:var(--vh-hero-portfolio-card-radius-top-left,var(--vh-hero-media-radius-top-left,var(--vh-hero-media-radius-top,1.35rem))) !important; border-top-right-radius:var(--vh-hero-portfolio-card-radius-top-right,var(--vh-hero-media-radius-top-right,var(--vh-hero-media-radius-top,1.35rem))) !important; border-bottom-right-radius:var(--vh-hero-portfolio-card-radius-bottom-right,var(--vh-hero-media-radius-bottom-right,var(--vh-hero-media-radius-bottom,1.35rem))) !important; border-bottom-left-radius:var(--vh-hero-portfolio-card-radius-bottom-left,var(--vh-hero-media-radius-bottom-left,var(--vh-hero-media-radius-bottom,1.35rem))) !important; overflow:hidden !important; } html body .vh-layout-hero .vh-hero-portfolio-card > :is(img,picture,.vh-hero-portfolio-placeholder), html body .vh-layout-hero .vh-hero-portfolio-card > picture > img{ border-radius:inherit !important; } html body .vh-layout-hero .vh-hero-portfolio-card > .vh-hero-portfolio-caption{ border-radius:var(--vh-hero-portfolio-caption-radius,var(--vh-portfolio-caption-radius,.65rem)) !important; } /* Source 4: assets/src/hero/hero-compat-late-responsive-visibility.css | media: all */ html body header.vh-layout-hero.vh-responsive-hero, html body header.vh-layout-hero.vh-responsive-hero[hidden], html body header.vh-layout-hero.vh-responsive-hero[aria-hidden="true"] { display: none !important; } @media (min-width: 992px) { html body header.vh-layout-hero.vh-responsive-hero.vh-responsive-hero--desktop:not([hidden]):not([aria-hidden="true"]) { display: flex !important; } } @media (min-width: 600px) and (max-width: 991.98px) { html body header.vh-layout-hero.vh-responsive-hero.vh-responsive-hero--tablet:not([hidden]):not([aria-hidden="true"]) { display: flex !important; } } @media (max-width: 599.98px) { html body header.vh-layout-hero.vh-responsive-hero.vh-responsive-hero--mobile:not([hidden]):not([aria-hidden="true"]) { display: flex !important; } }