:root{
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.2);
}
.single-training .content-area{
padding-top:30px;
}
.card-shadow{
box-shadow: var(--wp--preset--shadow--deep);
}
.card-shadow:hover{
box-shadow: none !important;
transition: all 0.3s ease-in-out;
} .wp-block-group.card-gradient {
position: relative;
min-height: 400px;
border-radius: 16px;
overflow: hidden;
background-size: cover;
background-position: center;
display: flex;
align-items: flex-end; padding: 32px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
} .wp-block-group.card-gradient::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.85) 0%,
rgba(0, 0, 0, 0.4) 45%,
rgba(0, 0, 0, 0) 70%
);
z-index: 1;
} .wp-block-group.card-gradient > * {
position: relative;
z-index: 2;
color: #ffffff;
} .wp-block-group.card-gradient:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
} .wp-block-group.card-gradient h2,
.wp-block-group.card-gradient h3 {
margin-bottom: 8px;
font-weight: 700;
line-height: 1.2;
}
.wp-block-group.card-gradient p {
opacity: 0.9;
font-size: 0.95rem;
margin-bottom: 0;
}
.wp-element-button{
border-radius: 30px;
padding:15px 30px;
max-width:max-content;
}
.wp-element-button.wp-block-button__link.has-primary-background-color:hover{
background-color: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--white);
transition:all 0.3s ease-in-out;
}
.badge{
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
border-radius: 30px;
padding:10px 20px;
font-size: 14px;
max-width:max-content;
}