.wp-block-group.hs-cards-list-section,
.wp-block-group.alignfull.hs-cards-list-section,
.hs-cards-list-section {
background-color: #ffffff;
padding-top: 4rem; padding-bottom: 4rem;
padding-left: 0 !important;
padding-right: 0 !important;
} .hs-cards-list-container {
max-width: 72rem !important; margin-left: auto;
margin-right: auto;
padding-left: 1.5rem; padding-right: 1.5rem;
} .hs-cards-list-header {
text-align: center;
margin-bottom: 2.5rem; } .hs-cards-list-title {
font-size: 1.875rem; line-height: 1.2;
margin-bottom: 0.5rem; font-weight: 600;
color: #1f2937; } .hs-cards-list-subtitle {
font-size: 1rem; color: #4b5563; margin: 0;
}
.hs-cards-list-note {
color: #6b7280;
font-size: 0.875rem; margin-bottom: 1.5rem;
} .hs-cards-list-container .wp-block-query {
margin: 0;
}
.hs-cards-list-container .wp-block-post-template {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem; margin: 0;
}
@media (min-width: 768px) {
.hs-cards-list-container .wp-block-post-template {
grid-template-columns: repeat(3, 1fr);
}
} .hs-card-link {
display: block;
text-decoration: none;
color: inherit;
height: 100%;
outline: none;
border: none;
}
.hs-card-link:hover {
text-decoration: none;
}
.hs-card-link:focus {
outline: none;
border: none;
box-shadow: none;
}
.hs-card-link:focus-visible {
outline: none;
border: none;
box-shadow: none;
} .hs-card-item {
background: linear-gradient(to bottom right, #f9fafb, rgba(255, 237, 213, 0.3));
border: 2px solid #f3f4f6; border-radius: 24px; overflow: hidden;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
height: 100%;
}
@media (min-width: 768px) {
.hs-card-item {
background: #fff;
}
}
.hs-card-item .wp-block-group {
margin-left: 0 !important;
} .hs-card-link:hover .hs-card-item,
.hs-card-item:hover {
border-color: #fed7aa; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .hs-card-image {
height: 12rem; overflow: hidden;
margin: 0 !important;
padding: 0 !important;
}
.hs-card-image img,
.hs-card-image figure {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .hs-card-image a,
.hs-card-item .hs-card-image a {
pointer-events: none;
text-decoration: none;
cursor: default;
}
.hs-card-image a:hover,
.hs-card-item .hs-card-image a:hover {
text-decoration: none;
} .hs-card-title {
font-size: 1.25rem; line-height: 1.3;
margin-bottom: 0.5rem; font-weight: 600;
color: #1f2937; } .hs-card-link:hover .hs-card-title,
.hs-card-item:hover .hs-card-title {
color: #1f2937; } .hs-card-description {
color: #4b5563; margin-bottom: 1rem; font-size: 1rem !important; line-height: 1.5;
}
.hs-card-footer {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.hs-seminar-details-list {
display: flex;
flex-direction: column;
gap: 0.375rem;
margin-left: 0 !important;
}
.hs-seminar-detail {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.85rem;
color: #4b5563;
font-weight: 400;
}
.hs-seminar-detail .hs-seminar-icon {
width: 0.975rem;
height: 0.975rem;
flex-shrink: 0;
color: #f97316;
} .hs-features-list {
list-style: none;
padding: 0;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 0.375rem; } .hs-features-item {
display: flex;
align-items: center;
gap: 0.5rem; font-size: 0.85rem; color: #374151; line-height: 1.5;
} .hs-features-check {
display: inline-flex;
align-items: center;
justify-content: center;
width: 0.875rem; height: 0.875rem; flex-shrink: 0;
color: #f97316; }
.hs-features-check-icon {
width: 100%;
height: 100%;
stroke: currentColor;
} .hs-features-text {
flex: 1;
} .hs-card-button-wrapper {
margin-top: 1rem !important;
margin-bottom: 0 !important;
}
.hs-card-details-link {
display: inline-flex;
align-items: center;
gap: 0.375rem; font-size: 0.875rem; color: #f97316; text-decoration: none;
position: relative;
transition: color 0.2s ease;
}
.hs-card-details-link:hover {
color: #ea580c; text-decoration: none;
}
.hs-card-details-icon {
width: 0.875rem; height: 0.875rem; transition: transform 0.2s ease;
}
.hs-card-details-link:hover .hs-card-details-icon {
transform: translateX(0.25rem); }
.hs-card-details-underline {
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 0.1rem; background-color: #f97316; transition: width 0.3s ease;
}
.hs-card-details-link:hover .hs-card-details-underline {
width: 100%;
}