/* ---------------------------------------------------
KLD shared editorial classes
--------------------------------------------------- */
.kld-eyebrow {
font-family: var(--e-global-typography-accent-font-family, "Essential Sans");
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.22em;
color: var(--e-global-color-text, #313343);
opacity: 0.7;
}
.kld-pull-quote {
font-family: var(--e-global-typography-primary-font-family, "Editors Note");
font-style: italic;
font-weight: 300;
font-size: clamp(1.5rem, 3vw, 2.25rem);
line-height: 1.25;
letter-spacing: -0.005em;
border-left: 1px solid rgba(49, 51, 67, 0.20);
padding-left: 32px;
margin: 48px 0;
}
.kld-card {
background: #ffffff;
border: 1px solid rgba(49, 51, 67, 0.12);
border-radius: 0;
padding: 24px;
transition:
box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1),
transform 120ms cubic-bezier(0.22, 1, 0.36, 1);
}
.kld-card:hover {
box-shadow:
0 1px 2px rgba(49, 51, 67, 0.05),
0 2px 8px rgba(49, 51, 67, 0.04);
}
.kld-card:active { transform: scale(0.98); }
.kld-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}.kld-link-arrow a {
text-decoration: underline;
text-underline-offset: 2px;
transition:
text-underline-offset 220ms,
opacity 220ms;
}
.kld-link-arrow a:hover {
text-underline-offset: 4px;
opacity: 0.72;
}
.kld-section-rule {
border: 0;
border-top: 1px solid rgba(49, 51, 67, 0.12);
margin: 0;
}
/* ---------------------------------------------------
§05 — Library: WooCommerce Products widget overrides
--------------------------------------------------- */
.kld-library .elementor-widget-wc-products .products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
list-style: none;
margin: 0;
padding: 0;
}@media (max-width: 1023px) {
.kld-library .elementor-widget-wc-products .products {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.kld-library .elementor-widget-wc-products .products {
grid-template-columns: 1fr;
}
}
.kld-library .elementor-widget-wc-products .products > .product:nth-child(7) {
grid-column: 2 / 3;
}
@media (max-width: 1023px) {
.kld-library .elementor-widget-wc-products .products > .product:nth-child(7) {
grid-column: auto;
}
}
.kld-library .product {
position: relative;
background: #ffffff;
border: 1px solid rgba(49, 51, 67, 0.12);
border-radius: 0;
padding: 24px;
transition:
box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1),
transform 120ms cubic-bezier(0.22, 1, 0.36, 1);
}
.kld-library .product:hover {
box-shadow:
0 1px 2px rgba(49, 51, 67, 0.05),
0 2px 8px rgba(49, 51, 67, 0.04);
}
.kld-library .product .product-thumbnail,
.kld-library .product .woocommerce-loop-product__link img {
position: relative;
aspect-ratio: 4 / 5;
overflow: hidden;
margin-bottom: 16px;
}
.kld-library .product .product-thumbnail img,
.kld-library .product .woocommerce-loop-product__link img {
width: 100%;
height: 100%;
object-fit: cover;
}
.kld-library .product .woocommerce-loop-product__title {
font-family: var(--e-global-typography-primary-font-family, "Editors Note");
font-weight: 500;
font-size: 22px;
line-height: 1.2;
margin: 0 0 8px 0;
color: var(--e-global-color-primary, #313343);
}
.kld-library .product .product-short-description,
.kld-library .product .woocommerce-product-details__short-description {
font-family: var(--e-global-typography-text-font-family, "Essential Sans");
font-size: 14px;
line-height: 1.5;
color: rgba(49, 51, 67, 0.7);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0 0 16px 0;
}
.kld-library .product .price-cart-row {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid rgba(49, 51, 67, 0.12);
padding-top: 16px;
}
.kld-library .product .price {
font-family: var(--e-global-typography-text-font-family, "Essential Sans");
font-weight: 500;
font-size: 18px;
color: var(--e-global-color-primary, #313343);
}
.kld-library .product .add_to_cart_button,
.kld-library .product .button {
background: transparent;
color: var(--e-global-color-primary, #313343);
text-decoration: underline;
text-underline-offset: 2px;
padding: 0;
border: 0;
font-family: var(--e-global-typography-text-font-family, "Essential Sans");
font-weight: 500;
font-size: 14px;
}/* FLAGSHIP eyebrow on the Substack Hub product card (position 7) */
.kld-library .elementor-widget-wc-products .products > .product:nth-child(7)
.product-thumbnail::before,
.kld-library .elementor-widget-wc-products .products > .product:nth-child(7)
.woocommerce-loop-product__link::before {
content: "FLAGSHIP";
position: absolute;
top: 12px;
left: 12px;
font: 500 11px/1 "Essential Sans", sans-serif;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--e-global-color-primary, #313343);
background: rgba(240, 236, 229, 0.92);
padding: 6px 10px;
z-index: 2;
}
Skip to content error: Content is protected...
