Styles:

BI Version 1.1

Media

Defined formats for all imagery and video content.

Images

image-ratio-16:9

Hero header

A placeholder image

image-ratio-4:1

Page header

A placeholder image

image-ratio-21:9

Full-width features

A placeholder image

image-ratio-3:2

Features / Listings

A placeholder image

image-ratio-4:3

Features / Listings

A placeholder image

image-ratio-1:1

Testimonials

A placeholder image

image-ratio-3:4

Image cards

A placeholder image

Videos

video-ratio-16:9

Autoplay

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

A placeholder image

video-ratio-4-1

Autoplay

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

A placeholder image

video-ratio-21-9

Autoplay

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

A placeholder image

video-ratio-3-2

Autoplay

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

A placeholder image

video-ratio-4-3

Autoplay

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

A placeholder image

video-ratio-1-1

Autoplay

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

A placeholder image

video-ratio-3-4

Autoplay

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

A placeholder image

video-ratio-2-3

Autoplay

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

A placeholder image

Lightboxes

lightbox-16:9

lightbox-21:9

lightbox-3:2

lightbox-4:3

lightbox-1:1

lightbox-3:4