:root { --wbmp-success: #28a745;
--wbmp-info: #17a2b8;
--wbmp-warning: #ffc107;
--wbmp-danger: #dc3545;
--wbmp-light: #f8f9fa;
--wbmp-dark: #212529;
--wbmp-white: #ffffff;
--wbmp-gray-100: #f8f9fa;
--wbmp-gray-200: #e9ecef;
--wbmp-gray-300: #dee2e6;
--wbmp-gray-400: #ced4da;
--wbmp-gray-500: #adb5bd;
--wbmp-gray-600: #6c757d;
--wbmp-gray-700: #495057;
--wbmp-gray-800: #343a40;
--wbmp-gray-900: #212529; --wbmp-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; --wbmp-border-radius: 8px;
--wbmp-border-radius-sm: 6px;
--wbmp-border-radius-lg: 12px; --wbmp-shadow: 0 2px 4px rgba(0,0,0,0.1);
--wbmp-shadow-hover: 0 4px 8px rgba(0,0,0,0.15);
--wbmp-shadow-modal: 0 10px 30px rgba(0,0,0,0.3); --wbmp-transition: all 0.3s ease;
}
.wbmp-sessionize-wrapper {
font-family: var(--wbmp-font-family);
max-width: 1200px;
margin: 0 auto;
padding: 20px;
} .wbmp-timezone {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
padding: 10px;
background: var(--wbmp-light);
border-radius: var(--wbmp-border-radius);
font-size: 14px;
}
.wbmp-timezone__radio {
display: flex;
align-items: center;
margin: 0 10px;
}
.wbmp-timezone__radio input[type="radio"] {
margin-right: 5px;
}
.icon-clock-time {
width: 16px;
height: 16px;
margin: 0 10px;
fill: var(--wbmp-secondary);
} .wbmp-tabs {
display: flex;
list-style: none;
padding: 0;
margin: 0 0 30px 0;
border-bottom: 2px solid var(--wbmp-gray-200);
justify-content: center;
}
.wbmp-tabs__item {
margin: 0;
}
.wbmp-tabs__link {
display: block;
padding: 15px 30px;
text-decoration: none;
color: var(--wbmp-primary);
font-size: 1.1rem;
font-weight: 500;
border-bottom: 3px solid transparent;
transition: var(--wbmp-transition);
}
.wbmp-tabs__link:hover {
color: var(--wbmp-primary);
background: var(--wbmp-light);
}
.wbmp-tabs__item--active .wbmp-tabs__link {
color: var(--wbmp-primary);
border-bottom-color: var(--wbmp-primary);
} .wbmp-tab-container {
display: none;
}
.wbmp-tab-container--active {
display: block;
}
.wbmp-day__title {
font-size: 28px;
font-weight: 600;
color: var(--wbmp-dark);
margin-bottom: 30px;
text-align: center;
} .wbmp-cssgrid {
display: grid;
gap: 2px;
margin-bottom: 40px;
}
.wbmp-cssgrid__track-label {
background: var(--wbmp-primary);
color: var(--wbmp-white);
padding: 10px 15px;
font-weight: 500;
text-align: center;
border-radius: var(--wbmp-border-radius-sm);
font-size: 14px;
grid-row: tracks;
}
.wbmp-cssgrid__time-label {
grid-column: times;
color: var(--wbmp-gray-700);
font-size: 14px;
font-weight: 600;
margin: 0;
padding-block: 10px;    
}
.wbmp-cssgrid__time-separator {
height: 1px;
background: var(--wbmp-gray-200);
border-top: 1px solid var(--wbmp-gray-200);
} .wbmp-session--cssgrid {
background: var(--wbmp-primary);
border: 1px solid var(--wbmp-gray-200);
border-radius: var(--wbmp-border-radius);
padding: 15px;
transition: var(--wbmp-transition);
z-index: 9;
margin-inline: 3px;    
}
.wbmp-session--cssgrid:hover {
transform: translateY(-2px);
}
.wbmp-session--cssgrid.wbmp-session--hover {
transform: translateY(-2px);
}
.wbmp-session--plenum {
background: linear-gradient(135deg, var(--wbmp-primary), var(--wbmp-primary-dark));
color: var(--wbmp-white);
margin-inline: 0px;
}
.wbmp-session--plenum .wbmp-session__title a,
.wbmp-session--plenum .wbmp-session__speakers a {
color: var(--wbmp-white);
}
.wbmp-session__card .wbmp-session__title a:hover {
color: var(--wbmp-secondary);
}
.wbmp-session__card .wbmp-session__speakers a:hover {
text-decoration: underline;
}
.wbmp-session--service {
margin-inline: 0px;
}
.wbmp-session__card {
height: 100%;
display: flex;
flex-direction: column;
}
.wbmp-session__meta-group {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2px;
font-size: 12px;
font-weight: 500;
color: var(--wbmp-secondary);
}
.wbmp-session--service {
background: var(--wbmp-primary-dark);  
}
.wbmp-session--service .wbmp-session__meta-group,
.wbmp-session--service .wbmp-session__title a {
color: var(--wbmp-white);
}
.wbmp-session__room {
font-weight: 500;
color: var(--wbmp-primary);
}
.wbmp-session--plenum .wbmp-session__room {
color: rgba(255,255,255,0.9);
}
.wbmp-session__time {
font-size: 11px;
}
.wbmp-session__room-mobile {
display: none; }
.wbmp-session__title {
margin: 0 0 5px 0;
font-size: 16px;
font-weight: 600;
line-height: 1.3;
}
.wbmp-session__title a {
color: var(--wbmp-white);
text-decoration: none;
transition: var(--wbmp-transition);
}
.wbmp-session__title a:hover {
color: var(--wbmp-light);
}
.wbmp-session__speakers {
list-style: none;
padding: 0;
margin: 0;
font-size: 13px;
}
.wbmp-session__speakers li {
margin-bottom: 3px;
}
.wbmp-session__speakers a {
color: var(--wbmp-white);
text-decoration: none;
transition: var(--wbmp-transition);
}
.wbmp-session__speakers a:hover {
color: var(--wbmp-light);
}
.wbmp-session__speaker-item {
border-top: 1px dashed var(--wbmp-gray-200);
padding-top: 4px;
padding-bottom: 4px;
line-height: 1.3;
}
.wbmp-session__speaker-name {
color: var(--wbmp-light);
font-weight: 500;
font-size: 1em;
}
.wbmp-session__speaker-company {
color: var(--wbmp-light);
font-weight: normal;
font-size: 0.9em;
} .wbmp-session__actions {
display: flex;
gap: 8px;
align-items: center;
} .wbmp-session__link-btn {
background: none;
border: none;
cursor: pointer;
padding: 4px;
border-radius: 4px;
transition: var(--wbmp-transition);
color: var(--wbmp-primary);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.wbmp-session__link-btn svg {
fill: var(--wbmp-white);
}
.wbmp-session__link-btn:hover {
background: var(--wbmp-gray-100);
color: var(--wbmp-primary-dark);
}
.wbmp-session__link-btn:hover svg {
fill: var(--wbmp-primary-dark);
} .wbmp-session__share-btn {
background: none;
border: none;
cursor: pointer;
padding: 4px;
border-radius: 4px;
transition: var(--wbmp-transition);
color: var(--wbmp-white);
display: flex;
align-items: center;
justify-content: center;
font-family: inherit;
}
.wbmp-session__share-btn:hover {
background: var(--wbmp-gray-100);
color: var(--wbmp-primary-dark);
}
.wbmp-session__share-btn svg.wbmp-session__share-icon {
fill: none;
} .wbmp-share-buttons {
display: flex;
gap: 4px;
align-items: center;
flex-wrap: wrap;
}
.wbmp-share-label {
font-weight: 600;
color: var(--wbmp-gray-700);
margin-right: 5px;
}
.wbmp-share-btn {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border: none;
border-radius: var(--wbmp-border-radius-sm);
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: var(--wbmp-transition);
color: var(--wbmp-primary);
background: none;
cursor: pointer;
font-family: inherit;
}
.wbmp-share-btn svg {
flex-shrink: 0;
fill: var(--wbmp-primary);
}
.wbmp-share-btn:hover {
color: var(--wbmp-primary-dark);
}
.wbmp-share-btn:hover svg {
fill: var(--wbmp-primary-dark);
}
.wbmp-share-btn--facebook,
.wbmp-share-btn--linkedin,
.wbmp-share-btn--copy,
.wbmp-share-btn--email {
color: var(--wbmp-primary);
}
.wbmp-share-btn--facebook:hover,
.wbmp-share-btn--linkedin:hover,
.wbmp-share-btn--copy:hover,
.wbmp-share-btn--email:hover {
color: var(--wbmp-primary-dark);
} .wbmp-single-session {
max-width: 900px;
margin: 0 auto;
padding: 20px;
font-family: var(--wbmp-font-family);
}
.wbmp-breadcrumb {
margin-bottom: 30px;
font-size: 14px;
color: var(--wbmp-gray-600);
}
.wbmp-breadcrumb a {
color: var(--wbmp-primary);
text-decoration: none;
}
.wbmp-breadcrumb a:hover {
text-decoration: underline;
}
.wbmp-breadcrumb__separator {
margin: 0 8px;
color: var(--wbmp-gray-400);
}
.wbmp-breadcrumb__current {
color: var(--wbmp-gray-700);
font-weight: 500;
}
.wbmp-single-session__header {
margin-bottom: 40px;
}
.wbmp-single-session__title {
font-size: 2.5rem;
font-weight: 700;
color: var(--wbmp-dark);
margin: 0 0 20px 0;
line-height: 1.2;
}
.wbmp-single-session__meta {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding: 20px;
background: var(--wbmp-light);
border-radius: var(--wbmp-border-radius);
border: 1px solid var(--wbmp-gray-200);
}
.wbmp-single-session__meta-item {
display: flex;
align-items: center;
gap: 8px;
color: var(--wbmp-gray-700);
font-weight: 500;
}
.wbmp-icon {
color: var(--wbmp-primary);
flex-shrink: 0;
fill: none;
}
.wbmp-share-button {
background: var(--wbmp-primary);
color: var(--wbmp-white);
border: none;
padding: 8px 16px;
border-radius: var(--wbmp-border-radius-sm);
cursor: pointer;
transition: var(--wbmp-transition);
display: flex;
align-items: center;
gap: 8px;
font-weight: 500;
text-decoration: none;
}
.wbmp-share-button .wbmp-icon {
color: var(--wbmp-white);
}
.wbmp-share-button:hover {
background: var(--wbmp-primary-dark);
transform: translateY(-1px);
}
.wbmp-single-session__content {
display: grid;
gap: 40px;
}
.wbmp-single-session__description h2 {
font-size: 1.8rem;
font-weight: 600;
color: var(--wbmp-dark);
margin: 0 0 15px 0;
}
.wbmp-single-session__description-content {
font-size: 1.1rem;
line-height: 1.6;
color: var(--wbmp-gray-700);
}
.wbmp-single-session__speakers h2 {
font-size: 1.8rem;
font-weight: 600;
color: var(--wbmp-dark);
margin: 0 0 20px 0;
}
.wbmp-speakers-grid {
display: grid;
gap: 30px;
}
.wbmp-speaker-card {
display: grid;
grid-template-columns: auto 1fr;
gap: 20px;
padding: 25px;
background: var(--wbmp-white);
border: 1px solid var(--wbmp-gray-200);
border-radius: var(--wbmp-border-radius);
box-shadow: var(--wbmp-shadow);
}
.wbmp-speaker-card__photo {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: var(--wbmp-primary);
color: var(--wbmp-white);
font-size: 24px;
font-weight: 600;
}
.wbmp-speaker-card__photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wbmp-speaker-initials {
font-size: 24px;
font-weight: 600;
}
.wbmp-speaker-card__info {
display: flex;
flex-direction: column;
gap: 10px;
}
.wbmp-speaker-card__name {
font-size: 1.4rem;
font-weight: 600;
color: var(--wbmp-dark);
margin: 0;
}
.wbmp-speaker-card__tagline {
font-size: 1rem;
color: var(--wbmp-primary);
font-weight: 500;
margin: 0;
}
.wbmp-speaker-card__bio {
font-size: 1rem;
line-height: 1.5;
color: var(--wbmp-gray-700);
}
.wbmp-speaker-card__links {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.wbmp-speaker-link {
padding: 6px 12px;
background: var(--wbmp-gray-100);
color: var(--wbmp-primary);
text-decoration: none;
border-radius: var(--wbmp-border-radius-sm);
font-size: 0.9rem;
font-weight: 500;
transition: var(--wbmp-transition);
}
.wbmp-speaker-link:hover {
background: var(--wbmp-primary);
color: var(--wbmp-white);
}
.wbmp-single-session__additional {
display: grid;
gap: 30px;
}
.wbmp-single-session__categories h3,
.wbmp-single-session__links h3 {
font-size: 1.4rem;
font-weight: 600;
color: var(--wbmp-dark);
margin: 0 0 15px 0;
}
.wbmp-category-tags {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.wbmp-category-tag {
padding: 8px 16px;
background: var(--wbmp-secondary);
color: var(--wbmp-dark);
border-radius: var(--wbmp-border-radius-sm);
font-weight: 500;
font-size: 0.9rem;
}
.wbmp-session-links {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.wbmp-session-link {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
border-radius: var(--wbmp-border-radius);
text-decoration: none;
font-weight: 500;
transition: var(--wbmp-transition);
}
.wbmp-session-link--live {
background: var(--wbmp-success);
color: var(--wbmp-white);
}
.wbmp-session-link--live:hover {
background: #218838;
transform: translateY(-2px);
}
.wbmp-session-link--recording {
background: var(--wbmp-info);
color: var(--wbmp-white);
}
.wbmp-session-link--recording:hover {
background: #138496;
transform: translateY(-2px);
}
.wbmp-copy-success {
font-family: var(--wbmp-font-family);
}
.wbmp-error {
padding: 20px;
background: var(--wbmp-danger);
color: var(--wbmp-white);
border-radius: var(--wbmp-border-radius);
text-align: center;
font-weight: 500;
} .wbmp-modal-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
opacity: 1;
transition: opacity 0.3s ease;
padding: 20px;
box-sizing: border-box;
}
.wbmp-modal-container.wbmp-is-hidden {
opacity: 0;
pointer-events: none;
}
.wbmp-modal {
background: var(--wbmp-white);
border-radius: 12px;
width: 100%;
max-width: 1200px;
max-height: 94dvh;
overflow: hidden;
margin-top: 3dvh;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
}
.wbmp-modal__header {
display: flex;
gap: 2rem;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
border-bottom: 1px solid var(--wbmp-gray-200);
background: var(--wbmp-light);
}
.wbmp-modal__title {
font-size: 22px;
font-weight: 600;
color: var(--wbmp-dark);
display: flex;
margin: 0;
text-wrap: balance;
line-height: 1.3;
max-width: 1000px;
}
.wbmp-modal__close {
background: var(--wbmp-white);
border: 1px solid var(--wbmp-gray-300);
font-size: 20px;
cursor: pointer;
color: var(--wbmp-secondary);
padding: 0;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.2s ease;
margin: 0;
}
.wbmp-modal__close:hover {
background: var(--wbmp-primary);
color: var(--wbmp-white);
border-color: var(--wbmp-primary);
}
.wbmp-modal__content {
flex: 1;
overflow-y: auto;
padding: 20px;
line-height: 1.6;    
}
.wbmp-modal__meta {
margin-bottom: 20px;
padding: 15px;
background: var(--wbmp-light);
border-radius: var(--wbmp-border-radius-sm);
}
.wbmp-modal__meta-item {
margin-bottom: 8px;
font-size: 14px;
}
.wbmp-modal__meta-label {
font-weight: 600;
color: var(--wbmp-gray-700);
margin-right: 10px;
}
.wbmp-modal__footer {
padding: 20px 30px;
background: var(--wbmp-primary);
border-top: 1px solid var(--wbmp-gray-200);
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
font-size: 14px;
color: var(--wbmp-secondary);
}
.wbmp-modal__footer-item {
display: flex;
align-items: center;
gap: 6px;
}
.wbmp-modal__footer-label {
color: #fff;
font-weight: 600;
}
.wbmp-modal__speaker-container {
display: flex;
gap: 5px;
padding: 14px 8px 8px 8px;
background: var(--wbmp-light);
border-radius: 6px;
}
.wbmp-modal__speaker {
background: var(--wbmp-light);
border-radius: 6px;
gap: 5px;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 5px;
padding: 5px;
width: 25%;
}
.wbmp-modal__speaker-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
background: var(--wbmp-primary);
color: var(--wbmp-white);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 700;
flex-shrink: 0;
}
.wbmp-modal__speaker-avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.wbmp-modal__speaker-info {
flex: 1;
text-align: center;
}
.wbmp-modal__speaker-name {
font-size: 17px;
color: var(--wbmp-dark);
}
.wbmp-modal__speaker-name a:hover {
color: var(--wbmp-secondary) !important;
}
.wbmp-modal__speaker-company {
font-size: 15px;
color: var(--wbmp-primary);
margin: 0 0 5px 0;
font-weight: 500;
line-height: 1.3;
}
.wbmp-modal__speaker-bio {
color: var(--wbmp-secondary);
line-height: 1.6;
margin: 0;
} .wbmp-modal__speaker-profile {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
align-items: start;
gap: 15px;
margin-bottom: 10px;
}
.wbmp-modal__speaker-profile-avatar {
grid-row: 1 / span 2;
width: 100px;
height: 100px;
}
.wbmp-modal__speaker-profile-info {
display: flex;
flex-direction: column;
justify-content: center;
}
.wbmp-modal__speaker-profile-bio {
grid-column: 2;
}
.wbmp-modal__speaker-profile-avatar {
width: 120px;
height: 120px;
border-radius: 50%;
background: var(--wbmp-primary);
color: var(--wbmp-white);
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
font-weight: 700;
flex-shrink: 0;
overflow: hidden;
}
.wbmp-modal__speaker-profile-avatar img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.wbmp-modal__speaker-profile-initials {
font-size: 36px;
font-weight: 700;
color: var(--wbmp-white);
}
.wbmp-modal__speaker-profile-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.wbmp-modal__speaker-profile-name {
font-size: 28px;
font-weight: 700;
color: var(--wbmp-dark);
margin: 0 0 8px 0;
line-height: 1.2;
}
.wbmp-modal__speaker-profile-company {
font-size: 18px;
color: var(--wbmp-primary);
margin: 0 0 15px 0;
font-weight: 500;
line-height: 1.3;
}
.wbmp-modal__speaker-profile-bio {
line-height: 1.4;
font-size: 15px;
margin: 0;
}
.wbmp-modal__description {
font-size: 15px;
line-height: 1.4;
margin-bottom: 15px;
color: var(--wbmp-dark);
}
.wbmp-modal__sessions {
margin-top: 25px;
}
.wbmp-modal__sessions-title {
font-size: 18px;
font-weight: 600;
color: var(--wbmp-dark);
margin: 0 0 15px 0;
}
.wbmp-modal__session-item {
background: var(--wbmp-white);
border: 1px solid var(--wbmp-gray-200);
border-radius: 6px;
padding: 15px;
margin-bottom: 10px;
cursor: pointer;
transition: all 0.2s ease;
}
.wbmp-modal__session-item:hover {
border-color: var(--wbmp-primary);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.wbmp-modal__session-title {
font-size: 1rem;
font-weight: 600;
color: var(--wbmp-primary);
margin: 0;
}
.wbmp-modal__session-meta {
font-size: 15px;
color: var(--wbmp-primary-dark);
} .wbmp-modal__share {
display: flex;
gap: 8px;
align-items: center;    
}
.wbmp-modal__share-title {
font-size: 16px;
font-weight: 600;
color: var(--wbmp-dark);
margin: 0;
}
.wbmp-share-btn--modal .wbmp-share-btn {
padding: 4px 3px;
}
.wbmp-share-btn--modal .wbmp-share-btn span {
display: none;
}
.wbmp-share-btn--modal .wbmp-share-label {
font-size: 14px;
} .wbmp-share-btn--modal .wbmp-share-btn svg {
fill: var(--wbmp-white);
transition: all 0.2s ease;
}
.wbmp-share-btn--modal .wbmp-share-btn:hover svg {
opacity: 0.8;
fill: var(--wbmp-white);
} .wbmp-spinner {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
}
.wbmp-spinner:after {
content: '';
width: 40px;
height: 40px;
border: 4px solid var(--wbmp-gray-300);
border-top: 4px solid var(--wbmp-primary);
border-radius: 50%;
animation: wbmp-spin 1s linear infinite;
}
@keyframes wbmp-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} @media (max-width: 768px) {
.wbmp-tabs {
flex-wrap: wrap;
justify-content: center;
}
.wbmp-tabs__link {
padding: 10px 15px;
font-size: 14px;
} .wbmp-cssgrid {
display: block !important;
gap: 0;
} .wbmp-cssgrid__track-label {
display: none;
} .wbmp-cssgrid__time-label {
display: none;
} .wbmp-cssgrid__time-separator {
display: none;
} .wbmp-session {
grid-column: unset !important;
grid-row: unset !important;
position: relative;
margin-bottom: 20px;
width: 100%;
} .wbmp-session__card {
position: relative;
} .wbmp-session__time {
background: var(--wbmp-primary);
color: var(--wbmp-white);
padding: 8px 12px;
margin: -15px -15px 6px -15px;
font-weight: 600;
font-size: 14px;
border-radius: var(--wbmp-border-radius-sm) var(--wbmp-border-radius-sm) 0 0;
} .wbmp-session__meta-group {
flex-wrap: wrap;
align-items: flex-start;
} .wbmp-session__room-mobile {
display: block;
width: 100%;
order: 3;
margin-top: 6px;
margin-bottom: 0;
color: var(--wbmp-dark);
font-weight: 500;
font-size: 12px;
line-height: 1.3;
}
.wbmp-tabs {
justify-content: center;
} .wbmp-modal-container {
padding: 10px;
}
.wbmp-modal {
max-height: 80vh;
margin-top: 70px;
}
.wbmp-modal__header {
padding: 20px 20px;
}
.wbmp-modal__title {
font-size: 22px;
}
.wbmp-modal__content {
padding: 15px;
}
.wbmp-modal__speaker {
flex-direction: column;
gap: 15px;
text-align: center;
}
.wbmp-modal__speaker-avatar {
width: 80px;
height: 80px;
font-size: 20px;
align-self: center;
} .wbmp-modal__speaker-profile {
flex-direction: column;
padding: 20px;
gap: 15px;
}
.wbmp-modal__speaker-profile-avatar {
width: 100px;
height: 100px;
align-self: center;
font-size: 30px;
}
.wbmp-modal__speaker-profile-name {
font-size: 24px;
text-align: center;
}
.wbmp-modal__speaker-profile-company {
font-size: 16px;
text-align: center;
}
.wbmp-modal__speaker-profile-bio {
font-size: 15px;
text-align: center;
}
.wbmp-modal__footer {
padding: 15px 20px;
flex-direction: column;
gap: 10px;
align-items: flex-start;
}
.wbmp-modal__footer-item {
width: 100%;
}
.wbmp-modal__speaker-profile {
grid-template-columns: auto 1fr;
grid-template-rows: auto auto auto;
}
.wbmp-modal__speaker-profile-avatar {
grid-row: 1;
}
.wbmp-modal__speaker-profile-info {
grid-column: 2;
grid-row: 1;
}
.wbmp-modal__speaker-profile-bio {
grid-column: 1 / span 2;
grid-row: 2;
} .wbmp-single-session {
padding: 15px;
}
.wbmp-single-session__title {
font-size: 2rem;
}
.wbmp-single-session__meta {
gap: 15px;
padding: 15px;
}
.wbmp-single-session__meta-item {
align-items: flex-start;
gap: 5px;
text-align: left;
}
.wbmp-speaker-card {
grid-template-columns: 1fr;
gap: 15px;
padding: 20px;
text-align: center;
}
.wbmp-speaker-card__photo {
width: 80px;
height: 80px;
margin: 0 auto;
}
.wbmp-speaker-card__info {
align-items: center;
text-align: center;
}
.wbmp-speaker-card__bio {
text-align: left;
}
.wbmp-speaker-card__links {
justify-content: center;
}
.wbmp-session-links {
flex-direction: column;
}
.wbmp-session-link {
justify-content: center;
text-align: center;
} .wbmp-session__actions {
margin-top: -10px;
}
.wbmp-single-session__share {
margin-top: 10px;
}
.wbmp-share-buttons {
gap: 6px;
}
.wbmp-share-btn {
padding: 6px 3px;
}
.wbmp-share-btn span {
display: none;
}
.wbmp-share-label {
font-size: 12px;
}
} 
@media (max-width: 576px) {
.wbmp-day__title {
font-size: 20px;
margin-bottom: 20px;        
}
.wbmp-tabs__link {
padding: 8px 10px;
}
.wbmp-session__time {
padding: 5px 12px;
font-size: 13px;
margin-bottom: 5px;
}
.wbmp-session {
margin-bottom: 10px;
padding-bottom: 6px;
}
.wbmp-modal__header {
padding: 15px;
gap: 10px;
}
.wbmp-modal__title {
font-size: 17px;
max-width: 294px;
}
.wbmp-modal__speaker-container {
padding: 15px;
}
.wbmp-modal__speaker {
padding: 15px;
width: 50%;
}
.wbmp-modal__footer {
padding: 10px 15px 15px 15px;
gap: 3px;
}
.wbmp-modal__footer-label {
min-width: 50px;
}
.wbmp-modal__speaker-profile {
flex-direction: row;
flex-wrap: wrap;
padding: 0;
gap: 15px;
align-items: flex-start;
}
.wbmp-modal__speaker-profile-avatar {
width: 100px;
height: 100px;
font-size: 24px;
flex-shrink: 0;
}
.wbmp-modal__speaker-profile-info {
flex: 1;
text-align: left;
justify-content: center;
display: flex;
flex-direction: column;
min-height: 100px;
}
.wbmp-modal__speaker-profile-name {
font-size: 20px;
text-align: left;
margin-bottom: 5px;
}
.wbmp-modal__speaker-profile-company {
font-size: 15px;
text-align: left;
margin-bottom: 0;
}
.wbmp-modal__speaker-profile-bio {
font-size: 15px;
text-align: left;
width: 100%;
flex-basis: 100%;
}
.wbmp-modal__sessions {
margin-top: 15px;
}
} .wbmp-speakers-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 15px;
margin-bottom: 60px;
margin-inline: auto;
max-width: 1300px;
width: 100%;
}
.wbmp-speaker {
background: var(--wbmp-white);
border: 1px solid var(--wbmp-gray-200);
border-radius: var(--wbmp-border-radius);
padding: 20px 25px;    
transition: var(--wbmp-transition);
box-shadow: var(--wbmp-shadow);
position: relative;
overflow: hidden;
}
.wbmp-speaker:hover {
box-shadow: var(--wbmp-shadow-hover);
transform: translateY(-2px);
} .wbmp-speaker__header {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 12px;
}
.wbmp-speaker__photo {
flex-shrink: 0;
}
.wbmp-speaker__photo img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;    
transition: var(--wbmp-transition);
}
.wbmp-speaker__info {
flex: 1;
min-width: 0;
}
.wbmp-speaker__name {
font-size: 1.4rem;
font-weight: 600;
color: var(--wbmp-primary-dark);
margin: 0 0 8px 0;    
}
.wbmp-speaker__name a:hover {
color: var(--wbmp-secondary) !important;
}
.wbmp-speaker__tagline {
font-size: 1.1rem;
font-weight: 500;
color: var(--wbmp-primary);
margin: 0;
line-height: 1.4;
} .wbmp-speaker__bio-container {
margin-bottom: 15px;
}
.wbmp-speaker__bio--limited {
font-size: 1rem;
color: var(--wbmp-gray-700);
line-height: 1.5;
margin: 0; display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
} .wbmp-speaker__sessions-title {
font-size: 1rem;
font-weight: 600;
color: var(--wbmp-text-primary);
}
.wbmp-speaker__sessions {
list-style: none;
padding: 0;
margin: 0;
}
.wbmp-speaker__session {
margin: 12px 0 0px 0;
padding: 10px 10px 10px 16px;
background: var(--wbmp-white);
border: 1px solid var(--wbmp-gray-200);
border-left: 4px solid var(--wbmp-primary);
border-radius: var(--wbmp-border-radius);
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
transition: var(--wbmp-transition);
}
.wbmp-speaker__session:hover {
box-shadow: var(--wbmp-shadow);
border-left-color: var(--wbmp-primary-dark);
}
.wbmp-speaker__session:last-child {
margin-bottom: 0;
}
.wbmp-speaker__session-info {
flex: 1;
min-width: 0;
}
.wbmp-speaker__session-link {
color: var(--wbmp-primary);
text-decoration: none;
display: inline-block;
font-size: 1rem;
line-height: 1.4;
font-weight: 500;
}
.wbmp-speaker__session-link:hover {
text-decoration: underline;
}
.wbmp-speaker__session-time {
font-size: 0.9rem;
color: var(--wbmp-text-secondary);
margin-top: 2px;
}
.wbmp-speaker__session-actions {
display: flex;
gap: 4px;
align-items: center;
flex-shrink: 0;
} .wbmp-speaker__session-link-btn {
background: none;
border: none;
cursor: pointer;
padding: 4px;
border-radius: 4px;
transition: var(--wbmp-transition);
color: var(--wbmp-primary);
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.wbmp-speaker__session-link-btn svg {
fill: var(--wbmp-primary);
}
.wbmp-speaker__session-link-btn:hover {
background: var(--wbmp-gray-100);
color: var(--wbmp-primary-dark);
}
.wbmp-speaker__session-link-btn:hover svg {
fill: var(--wbmp-primary-dark);
} .wbmp-speaker__session-share-btn {
background: none;
border: none;
cursor: pointer;
padding: 4px;
border-radius: 4px;
transition: var(--wbmp-transition);
color: var(--wbmp-primary);
display: flex;
align-items: center;
justify-content: center;
font-family: inherit;
}
.wbmp-speaker__session-share-btn:hover {
background: var(--wbmp-gray-100);
color: var(--wbmp-primary-dark);
}
.wbmp-speaker__session-share-btn svg {
fill: none !important;
} .wbmp-speaker__tags-container {
margin-bottom: 20px;
}
.wbmp-speaker__tags {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.wbmp-speaker__tag {
background: var(--wbmp-gray-100);
color: var(--wbmp-gray-700);
padding: 4px 12px;
border-radius: var(--wbmp-border-radius-sm);
font-size: 0.8em;
font-weight: 500;
transition: var(--wbmp-transition);
}
.wbmp-speaker__tag:hover {
background: var(--wbmp-primary);
color: var(--wbmp-white);
} @media (max-width: 768px) {
.wbmp-speakers-grid {
grid-template-columns: 1fr;
gap: 20px;
margin: 20px 0;
}
.wbmp-speaker {
padding: 20px;
}
.wbmp-speaker__header {
gap: 15px;
margin-bottom: 15px;
}
.wbmp-speaker__photo img {
width: 70px;
height: 70px;
}
.wbmp-speaker__name {
font-size: 1.2em;
}
.wbmp-speaker__tagline {
font-size: 0.9em;
}
.wbmp-speaker__bio--limited {
font-size: 0.85em;
-webkit-line-clamp: 3;
}
.wbmp-speaker__sessions-container {
margin-bottom: 15px;
}
.wbmp-speaker__session {
margin-bottom: 6px;
padding: 10px 38px 10px 12px;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.wbmp-speaker__session-actions {
align-self: flex-end;
position: absolute;
flex-direction: column;
right: 25px;
gap: 8px;
}
.wbmp-speaker__session-link,
.wbmp-speaker__session-title {
font-size: 0.9em;
}
.wbmp-speaker__session-time {
font-size: 0.75em;
}
.wbmp-speaker__bio-container {
margin-bottom: 6px;
}
} body .qodef-title-holder {
z-index: 70 !important;
isolation: isolate;
}
body .qodef-page-footer {
z-index: 80 !important;
isolation: isolate;
} .wbmp-sessions-wrapper {
font-family: var(--wbmp-font-family);
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.wbmp-sessions__date-header {
font-size: 2rem;
font-weight: 700;
color: var(--wbmp-dark);
margin: 40px 0 20px 0;
border-bottom: 3px solid var(--wbmp-primary);
padding-bottom: 10px;
}
.wbmp-sessions__date-header:first-child {
margin-top: 0;
}
.wbmp-sessions__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
margin: 0 0 40px 0;
}
.wbmp-sessions__grid .wbmp-session__title a {
color: var(--wbmp-primary);
}
.wbmp-sessions__grid .wbmp-session__title a:hover {
color: var(--wbmp-secondary);
text-decoration: none;
} .wbmp-session--card {
background: var(--wbmp-white);
border: 1px solid var(--wbmp-gray-200);
border-radius: var(--wbmp-border-radius);
padding: 25px;
box-shadow: var(--wbmp-shadow);
transition: var(--wbmp-transition);
display: flex;
flex-direction: column;
height: 100%;
}
.wbmp-session--card:hover {
box-shadow: var(--wbmp-shadow-hover);
transform: translateY(-2px);
} .wbmp-session--card .wbmp-session__speakers {
list-style: none;
padding: 0;
margin: 0;
}
.wbmp-session--card .wbmp-session__speakers li {
display: flex;
flex-direction: column;
gap: 3px;
margin-bottom: 10px;
}
.wbmp-session--card .wbmp-session__speakers a {
color: var(--wbmp-primary);
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
line-height: 1;
transition: var(--wbmp-transition);
}
.wbmp-session--card .wbmp-session__speakers a:hover {
color: var(--wbmp-primary-dark);
text-decoration: underline;
}
.wbmp-session--card .wbmp-session__speaker-tagline {
color: var(--wbmp-text-secondary);
font-size: 0.9rem;
font-style: italic;
line-height: 1.2;
} .wbmp-session--card .wbmp-session__title {
font-size: 1.1rem;
font-weight: 700;
color: var(--wbmp-dark);
margin: 0 0 15px 0;
line-height: 1.3;
}
.wbmp-session--card .wbmp-session__title-link {
color: var(--wbmp-primary);
text-decoration: none;
transition: var(--wbmp-transition);
}
.wbmp-session--card .wbmp-session__title-link:hover {
color: var(--wbmp-primary-dark);
text-decoration: underline;
} .wbmp-session--card .wbmp-session__description {
font-size: 1rem;
line-height: 1.4;
color: var(--wbmp-text-primary);
margin: 0 0 20px 0;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 116px;
} .wbmp-session--card .wbmp-session__meta {
margin-top: auto;
padding-top: 15px;
border-top: 1px solid var(--wbmp-gray-200);
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 15px;
}
.wbmp-session--card .wbmp-session__meta-info {
flex: 1;
}
.wbmp-session--card .wbmp-session__copy-btn {
background: none;
border: none;
cursor: pointer;
padding: 8px;
border-radius: var(--wbmp-border-radius-sm);
color: var(--wbmp-primary);
transition: var(--wbmp-transition);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.wbmp-session--card .wbmp-session__copy-btn:hover {
background: var(--wbmp-gray-100);
color: var(--wbmp-primary-dark);
}
.wbmp-session--card .wbmp-session__copy-btn svg {
width: 16px;
height: 16px;
fill: none !important;
}
.wbmp-session--card .wbmp-session__room,
.wbmp-session--card .wbmp-session__time {
display: inline-flex;
align-items: center;
font-size: 0.8rem;
font-weight: 500;
padding: 6px 12px;
border-radius: var(--wbmp-border-radius-sm);
margin: 5px 10px 5px 0;
}
.wbmp-session--card .wbmp-session__room {
background: var(--wbmp-primary);
color: var(--wbmp-white);
}
.wbmp-session--card .wbmp-session__time {
background: var(--wbmp-gray-100);
color: var(--wbmp-text-primary);
} .wbmp-session--card .wbmp-session__tags {
margin: 15px 0 0 0;
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.wbmp-session--card .wbmp-session__tags li {
background: var(--wbmp-gray-100);
color: var(--wbmp-text-secondary);
padding: 4px 10px;
border-radius: var(--wbmp-border-radius-sm);
font-size: 0.85rem;
} @media (max-width: 1024px) {
.wbmp-sessions__grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
} @media (max-width: 768px) {
.wbmp-sessions-wrapper {
padding: 15px;
}
.wbmp-sessions__grid {
grid-template-columns: 1fr;
gap: 15px;
}
.wbmp-sessions__date-header {
font-size: 1.5rem;
margin: 30px 0 15px 0;
}
.wbmp-session--card {
padding: 20px;
}
.wbmp-session--card .wbmp-session__title {
font-size: 1.3rem;
}
.wbmp-session--card .wbmp-session__speakers {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.wbmp-session--card .wbmp-session__speakers li:not(:last-child)::after {
display: none;
}
.wbmp-session--card .wbmp-session__room,
.wbmp-session--card .wbmp-session__time {
display: block;
margin: 5px 0;
}
}