.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.df-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
body .df-container article.df-archive-item,
body .wp-block-query .df-archive-item { all: unset;
box-sizing: border-box; position: relative;    
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
border: none;
background: var(--df-bg-card-color);
border-radius: var(--df-border-radius);
border: none;
overflow: visible;
display: flex;
flex-direction: column;
color: var(--df-on-bg-card-text-color);
}
body .df-container article.df-archive-item.df-archive-item--highlighted,
body .wp-block-query .df-archive-item.df-archive-item--highlighted {
outline: 3px solid var(--df-primary-variant-color, #864dff);
outline-offset: -2px;
}
.df-archive-highlight-badge {
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
display: inline-block;
padding: 5px 12px;
font-size: clamp(11px, 0.75rem, 13px);
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.02em;
color: var(--df-on-primary-variant-text-color-text-color, #ffffff);
background: var(--df-primary-variant-color, #864dff);
border-radius: var(--df-border-radius, 0);
pointer-events: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.df-archive-content {
padding: 24px 32px;
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 16px;
flex-grow: 1;
}
.df-archive-meta-group,
.df-post-sessions-group {    
display: flex;
flex-direction: column;
gap: 16px;
}
.df-archive-item a::before,
.wp-block-query .df-archive-item a::before {
content: '';
position: absolute;
z-index: 9;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
height: 100%;
opacity: 0;
}
.df-archive-title {
position: static;
margin: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
}
.df-archive-title a,
.df-archive-item:hover .df-archive-button a,
.df-archive-title a:visited,
.df-archive-title a:hover {
text-decoration: none;
color: var(--df-on-bg-card-text-color);
}
.df-archive-title a:hover {
text-decoration: none;
}
.df-archive-content .df-archive-button:last-child {
margin-top: auto;
text-align: center;
white-space: nowrap;
}
.df-archive-subtitle {
line-height: 1.2;
}
.df-archive-subtitle,
.df-archive-duration,
.df-post-sessions {
font-size: clamp(16px, 1rem, 21px);
}
.df-archive-item .df-post-session--more a {
position: relative;
display: inline-block;
margin: auto;
z-index: 10;
color: inherit;
text-decoration: underline;
color: var(--df-on-bg-card-text-color);
text-underline-offset: 3px;
}
.df-archive-item .df-post-session--more a:hover {
text-decoration-thickness: 2px;
font-weight: bold;
}
.df-post-sessions {
width: fit-content;
list-style: none;
padding: 0;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.df-program-tags {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.df-archive-tags {
position: absolute;
top: 16px;
left: 16px;
}
.df-program-tags .df-tag {
background-color: var(--df-primary-variant-color);
color: var(--df-on-primary-variant-text-color);
padding: 4px 8px;
border-radius: var(--df-border-radius-xs);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 1px;
white-space: nowrap;
}
.df-post-sessions-title {
font-size: 1.25rem;
line-height: 1.2;
font-weight: 600;
text-align: center;
} .df-button,
.df-button:visited {
display: inline-block;
padding: 8px 24px;
border: 2px solid var(--df-primary-variant-color);
cursor: pointer;
color: var(--white, #fff);
background: var(--df-primary-variant-color);
border-radius: var(--df-border-radius);
text-decoration: none;
font-weight: 600;
font-size: clamp(16px, 1.25rem, 18px);
line-height: 1.25;
transition: background-color 0.3s ease;
}
.df-button:hover {
background: transparent;
border-color: var(--df-primary-variant-color);
color: var(--df-primary-variant-color);
}
.df-button--secondary {
background: transparent;
border-color: var(--df-primary-variant-color);
color: var(--df-primary-variant-color);
}
.df-button--secondary:hover {
background: var(--df-primary-variant-color);
color: var(--df-on-primary-variant-text-color);
}
.df-button--small {
padding: 4px 8px;
font-size: 0.875rem;
}
.df-archive-grid .df-archive-item,
.wp-block-query .df-archive-item {
padding: 0;
}
.df-archive-item .df-archive-button .df-button,
.wp-block-query .df-archive-item .df-archive-button .df-button {
background: var(--df-primary-variant-color);
color: var(--df-on-primary-variant-text-color);
border-color: var(--df-primary-variant-color);
}
.df-archive-item:hover .df-archive-button .df-button,
.wp-block-query .df-archive-item:hover .df-archive-button .df-button {
background: transparent;
color: var(--df-primary-variant-color);
}
[hidden] {
display: none !important;
} .df-alert {
padding: 5px 5px 5px 20px;
background: #FFF;
margin: 20px 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.df-alert.df-alert--error {
border-left: 4px solid red;
}
.df-alert__fields {
margin: 0.5rem 0 0 1.25rem;
} .df-archive-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
padding-bottom: 32px;
}
.df-program-duration {
display: flex;
gap: 8px;
align-items: flex-start;
}
.df-program-duration svg {
flex-shrink: 0;
margin-top: 3px;
}
.df-post-thumbnail {
min-height: 75px;
}
.df-post-thumbnail img {
display: block;
max-width: 100%;
width: 100%;
box-sizing: border-box;
height: auto;
object-fit: cover;
object-position: center;
background: var(--df-bg-light-color); 
border-top-left-radius: var(--df-border-radius);
border-top-right-radius: var(--df-border-radius);
}
.df-post-thumbnail.df-post-thumbnail--cropped img {
aspect-ratio: var(--df-aspect-ratio);
}
.df-archive-duration-text {
display: inline-block;
line-height: 1.2;
}
.df-session {
display: flex;
}
.df-post-session {
margin-left: 0 !important;
padding-left: 0 !important;
display: flex;
gap: 6px;
align-items: center;
}
.df-post-session::before {
display: none !important;
}
.df-post-session-dates {
display: flex;
}
.df-session-date {
position: relative;
font-size: clamp(12px, 0.75rem, 16px);
white-space: nowrap;
}
.df-session-date {
padding: 4px 6px;
background-color: var(--df-primary-variant-color);
color: var(--df-on-primary-variant-text-color);
border-radius: var(--df-border-radius-xs);
}
.df-session-date span {
line-height: 1;
text-align: center;
font-weight: 700;
letter-spacing: 1px;
}
.df-session-date__month:after {
content: ".";
}
.df-post-session-place,
.df-post-session-remote {
display: block;
line-height: 1.12;
font-size: clamp(12px, 0.75rem, 14px);
letter-spacing: 1px;
}
.df-post-session-places {
display: block;
margin-top: 4px;
font-size: clamp(12px, 0.75rem, 14px);
line-height: 1.2;
}
.df-card-grid-container {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.df-card-grid-container .df-card {
border-radius: var(--df-border-radius);
}
@media (min-width: 768px) {
.df-card-grid-container {
grid-template-columns: repeat(2, 1fr);
}
.df-post-thumbnail {
min-height: 100px;
}
}
@media (min-width: 1230px) {
.df-card-grid-container {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.df-archive-grid {
grid-template-columns: repeat(1, 1fr);
}
} .df-sidebar-meta-value:has(.df-sidebar-meta-value--grid) {
grid-column: span 2;
}
.df-sidebar-meta--price .df-sidebar-meta-value span {
display: block;
text-transform: uppercase;
font-size: 80%;
}
.df-sidebar-meta--price .df-sidebar-meta-value .df-sidebar-meta-value--grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: space-between;
}
.df-sidebar-meta--price .df-sidebar-meta-value strong {
font-size: clamp(16px, 1rem, 18px);
font-weight: 800;
}
.df-sidebar-meta-value small {
white-space: nowrap;
}