.convertkit-quicktags-modal .media-modal {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.convertkit-quicktags-modal .media-modal .media-frame-title {
left: 0;
height: 60px;
}
.convertkit-quicktags-modal .media-modal .media-frame-content {
left: 0;
top: 54px;
bottom: 54px; }
.convertkit-quicktags-modal .media-modal .media-frame-content p {
line-height: normal;
}
.convertkit-quicktags-modal .media-modal .media-frame-toolbar {
left: 0;
bottom: 47px;
background: #fff;
}
.convertkit-quicktags-modal .media-modal .media-frame-toolbar .media-toolbar {
padding: 10px;
}.wh-hev-archive {
max-width: 1100px;
margin: 0 auto;
padding: 40px 20px 72px;
}
.wh-hev-hero {
max-width: 760px;
margin: 0 auto 40px;
text-align: center;
}
.wh-hev-kicker {
font-size: 15px;
margin: 0 0 10px;
color: #5f7f68;
font-weight: 700;
letter-spacing: 0.02em;
}
.wh-hev-hero h1 {
font-size: clamp(2.1rem, 5vw, 3.4rem);
line-height: 1.08;
margin: 0 0 14px;
color: #183b2a;
background: none;
-webkit-text-fill-color: #183b2a;
}
.wh-hev-lead {
font-size: clamp(1.05rem, 2vw, 1.2rem);
line-height: 1.6;
color: #355143;
margin: 0 auto;
max-width: 640px;
}
.wh-hev-card {
background: #fff;
border: 1px solid #e3eadf;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 14px 40px rgba(24, 59, 42, 0.06);
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.wh-hev-card:hover {
transform: translateY(-3px);
border-color: #cfe0d0;
box-shadow: 0 18px 44px rgba(24, 59, 42, 0.1);
}
.wh-hev-card-link {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
height: 100%;
}
.wh-hev-card-link:hover {
text-decoration: none;
}
.wh-hev-card--featured {
margin-bottom: 28px;
}
.wh-hev-card--featured .wh-hev-card-link {
flex-direction: row;
align-items: stretch;
}
.wh-hev-card--featured .wh-hev-thumb {
flex: 0 0 56%;
max-width: 56%;
aspect-ratio: 16 / 9;
border-radius: 0;
min-height: 100%;
}
.wh-hev-card--featured .wh-hev-card-body {
flex: 1 1 auto;
min-width: 0;
padding: 32px 34px;
display: flex;
flex-direction: column;
justify-content: center;
}
.wh-hev-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 22px;
}
.wh-hev-thumb {
position: relative;
margin: 0;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #183b2a;
}
.wh-hev-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .25s ease;
}
.wh-hev-card:hover .wh-hev-thumb img {
transform: scale(1.04);
}
.wh-hev-play {
position: absolute;
left: 50%;
top: 50%;
width: 58px;
height: 58px;
margin: -29px 0 0 -29px;
border-radius: 50%;
background: rgba(24, 59, 42, 0.88);
box-shadow: 0 8px 24px rgba(24, 59, 42, 0.35);
transition: transform .18s ease, background .18s ease;
}
.wh-hev-card:hover .wh-hev-play {
transform: scale(1.08);
background: #2f6b45;
}
.wh-hev-play::after {
content: '';
position: absolute;
left: 22px;
top: 18px;
border-style: solid;
border-width: 11px 0 11px 18px;
border-color: transparent transparent transparent #fff;
}
.wh-hev-card-body {
padding: 18px 20px 22px;
}
.wh-hev-card h2 {
font-size: 1.2rem;
line-height: 1.28;
margin: 0 0 10px;
color: #183b2a;
background: none;
-webkit-text-fill-color: #183b2a;
}
.wh-hev-card--featured h2 {
font-size: clamp(1.5rem, 2.6vw, 2rem);
margin-bottom: 12px;
}
.wh-hev-meta {
margin: 0 0 10px;
font-size: 0.88rem;
color: #688071;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.wh-hev-platform {
display: inline-block;
padding: 3px 9px;
border-radius: 999px;
background: #edf7ef;
color: #315f49;
font-weight: 700;
font-size: 0.75rem;
}
.wh-hev-excerpt {
margin: 0 0 14px;
color: #4b5f53;
line-height: 1.55;
}
.wh-hev-watch {
display: inline-block;
margin-top: auto;
font-size: 0.88rem;
font-weight: 700;
color: #fff;
background: #2f6b45;
padding: 8px 14px;
border-radius: 999px;
align-self: flex-start;
}
.wh-hev-card:hover .wh-hev-watch {
background: #183b2a;
}
.wh-hev-pagination {
margin-top: 36px;
text-align: center;
}
.wh-hev-pagination .nav-links {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.wh-hev-pagination a,
.wh-hev-pagination span {
padding: 8px 14px;
border-radius: 999px;
text-decoration: none;
font-weight: 700;
}
.wh-hev-pagination a {
background: #edf7ef;
color: #315f49;
}
.wh-hev-pagination .current {
background: #2f6b45;
color: #fff;
}
.wh-hev-empty {
text-align: center;
color: #4b5f53;
}
.wh-hev-embed {
margin: 0 auto 1.6em;
max-width: 720px;
}
.wh-hev-embed--iframe {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #12053a;
border-radius: 8px;
overflow: hidden;
}
.wh-hev-embed--iframe iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.wh-hev-embed--file video {
width: 100%;
height: auto;
border-radius: 8px;
background: #12053a;
display: block;
}
.wh-hev-embed--tiktok,
.wh-hev-embed--instagram {
display: flex;
justify-content: center;
}
.wh-hev-watch-on {
text-align: center;
margin: 0.4em 0 1.4em;
font-weight: 700;
}
.wh-hev-watch-on a {
color: #2f6b45;
}
.wh-hev-ctas {
margin: 2.5em 0 1em;
text-align: center;
}
.wh-hev-divider {
border: 0;
border-top: 1px solid #e3eadf;
margin: 1.6em 0;
width: 100%;
}
.wh-hev-socials {
font-size: 1.05rem;
line-height: 1.6;
margin: 0;
color: #183b2a;
}
.wh-hev-socials a {
font-weight: 700;
color: #2f6b45;
text-decoration: none;
}
.wh-hev-socials a:hover {
text-decoration: underline;
}
.wh-hev-download .download-mid-button-set {
margin-top: 0;
}
body.post-type-archive-home_ed_video main#wp--skip-link--target {
margin-top: 0 !important;
}
body.single-home_ed_video .wp-block-post-featured-image {
display: none !important;
}
body.single-home_ed_video .wp-block-post-title + .wp-block-group.is-layout-flex.has-small-font-size {
display: none !important;
}
.wh-hev-more {
max-width: 1100px;
margin: 0 auto;
padding: 8px 0 24px;
}
.wh-hev-more-title {
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #5f7f68;
background: none;
-webkit-text-fill-color: #5f7f68;
margin: 0 0 18px;
}
.wh-hev-more-all {
margin: 22px 0 0;
text-align: center;
}
.wh-hev-more-all a {
font-weight: 700;
color: #2f6b45;
text-decoration: none;
}
.wh-hev-more-all a:hover {
text-decoration: underline;
}
@media (max-width: 800px) {
.wh-hev-card--featured .wh-hev-card-link {
flex-direction: column;
}
.wh-hev-card--featured .wh-hev-thumb {
flex: none;
max-width: none;
width: 100%;
}
.wh-hev-card--featured .wh-hev-card-body {
padding: 20px 22px 24px;
}
}
@media (prefers-reduced-motion: reduce) {
.wh-hev-card,
.wh-hev-thumb img,
.wh-hev-play {
transition: none;
}
.wh-hev-card:hover {
transform: none;
}
}