/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 16 2026 | 21:39:41 */
/* Styling for the Simple Sidebar List [product_speakers_list] */
.szn-simple-list {
   
}
.szn-simple-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}
.szn-simple-img {
    width: 40px;
    height: 40px!important;
    border-radius: 50%!important;
    object-fit: cover;
}
.szn-simple-name {
    color: #FFF;

font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 130%; /* 20.8px */
    margin: 0;
}
.szn-simple-sub {
   color: #CCD9E4;

font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
    margin: 4px 0 0 0;
}


.szn-attorney-container {
	display: flex;
/* 	background: #fff;
	border: 1px solid #EAEAEA;
	min-height: 700px;
	margin: 40px 0;
	font-family: sans-serif; */
}

/* Navigation Sidebar */
.szn-attorney-nav {
	width: 390px;
/* 	background: #F8FAFD; */
	border-right: 1px solid #CCD9E4;
	flex-shrink: 0;
}

.szn-attorney-nav-item {
	display: flex;
	align-items: center;
	padding: 40px;
	cursor: pointer;
	border-bottom: 1px solid #CCD9E4;
	position: relative;
	transition: 0.3s;
}

.szn-attorney-nav-active {
	background: #F2F5F8 !important;
}

.szn-attorney-nav-thumb {
	width: 42px;
	height: 42px!important;
	border-radius: 50%!important;
	object-fit: cover;
	margin-right: 12px;
}

.szn-attorney-nav-name {

font-family: Inter;
font-size: 16px;
font-weight: 400;
line-height: 130%; /* 20.8px */
	color: #004376;
	margin: 0;
}

.szn-attorney-nav-firm {
	color: var(--text-main-900, #004376);

font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 130%; /* 18.2px */
	opacity: 0.6;
	margin: 3px 0 0 0;
}

.szn-attorney-nav-dot {
	position: absolute;
	right: 24px;
	width: 8px;
	height: 8px;
	background: #004376;
	border-radius: 50%;
	opacity: 0;
}

.szn-attorney-nav-active .szn-attorney-nav-dot {
	opacity: 1;
}

/* Content Area */
.szn-attorney-content-wrap {
	flex-grow: 1;
	padding: 48px 130px 48px 41px;
}

/* Top Row: Name and Description */
.szn-panel-top-row {
	display: flex;
	gap: 80px;
	margin-bottom: 48px;
}

.szn-name-block {
	flex: 0 0 280px;
}

.szn-main-atty-name {
	font-family: serif;
	font-size: 56px;
	color: #004376;
	margin: 0;
	line-height: 0.9;
	font-weight: 400;
}

.szn-main-atty-firm {
	color:  #004376;

font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 18.2px */
	margin: 12px 0 0 0;
	opacity: 0.6;
}

.szn-main-atty-desc {
	flex: 1;
	color:  #004376;

font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 130%; /* 20.8px */
}

.szn-main-atty-desc p:empty {
	display: none;
}

/* Body Row: Photo and Timeline */
.szn-panel-body-row {
	display: flex;
	gap: 80px;
	align-items: flex-start;
}

.szn-photo-col {
	flex: 0 0 100px;
}

.szn-atty-portrait {
	width: 100%;
	height: auto;
	border-radius: 2px;
}

/* Timeline Styles */
.szn-timeline-col {
	flex: 1;
	position: relative;
	padding-left: 30px;
}

.szn-vertical-line {
	position: absolute;
	left: 5px;
	top: 10px;
	bottom: 20px;
	width: 2px;
	background: #004376;
}

.szn-timeline-item {
	position: relative;
	margin-bottom: 32px;
}

.szn-timeline-marker {
	position: absolute;
	left: -31px;
	top: 6px;
	width: 12px;
	height: 12px;
	background: #004376;
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px #004376;
	border-radius: 2px;
	z-index: 2;
}

/* Fade out markers for lower items as per design */
.szn-timeline-item~.szn-timeline-item .szn-timeline-marker {
	background: #CBD5E1;
	box-shadow: 0 0 0 1px #CBD5E1;
}

.szn-timeline-heading {
	color: #004376;

/* 💻 Desktop/Body/L/Medium */
font-family: Inter;
font-size: 18px!important;
font-weight: 500!important;
line-height: 130%!important; /* 23.4px */
	margin: 0 0 16px 0!important;
}

.szn-timeline-body {
	color:  #004376;

font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 130%; /* 18.2px */
}
.szn-timeline-col.speakers__bar--animation{
	margin-left: 0;
}
.szn-timeline-item.speakers__bar--item {
	margin-left: 40px;
}
.szn-timeline-col.speakers__bar--animation.start-animation::before {
	top: 8px;
    left: -1px;
}
.szn-timeline-item.speakers__bar--item .top__left--square:before {
    top: 8px;
    left: -44px;
}

@media (max-width: 1024px) {
	.szn-attorney-container {
		flex-direction: column;
	}

	.szn-attorney-nav {
		width: 100%;
		display: flex;
		overflow-x: auto;
	}

	.szn-panel-top-row,
	.szn-panel-body-row {
		flex-direction: column;
		gap: 20px;
	}

	.szn-name-block,
	.szn-photo-col {
		flex: 0 0 auto;
	}
	
}


/* Container */
.szn-mobile-accordion {
    width: 100%;
/*     border-top: 1px solid #CCD9E4; */
    font-family: 'Inter', sans-serif;
	padding: 0 24px;
}

/* Accordion Item */
.szn-mobile-item {
    border-bottom: 1px solid #CCD9E4;
    background: #fff;
    overflow: hidden;
}

/* Header (Trigger) */
.szn-mobile-header {
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.szn-mobile-name {
    color: #004376;
    font-family: 'Inter', sans-serif;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 130%!important;
    margin: 0 0 4px 0;
}

.szn-mobile-firm {
    color: #004376;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    opacity: 0.6;
    margin: 0;
}

/* Toggle Button (+) */
.szn-mobile-toggle {
    width: 32px;
    height: 32px;
    border: 1px solid #004376;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.3s;
}

.szn-toggle-icon {
    position: relative;
    width: 12px;
    height: 12px;
}

.szn-toggle-icon::before,
.szn-toggle-icon::after {
    content: '';
    position: absolute;
    background: #004376;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}

.szn-toggle-icon::before { width: 12px; height: 1.5px; } /* Horizontal line */
.szn-toggle-icon::after { width: 1.5px; height: 12px; } /* Vertical line */

/* Active State (Open) */
.szn-mobile-item.szn-open .szn-toggle-icon::after {
    transform: translate(-50%, -50%) rotate(90deg); /* Turns (+) into (-) */
}
.szn-mobile-item.szn-open .szn-mobile-toggle {
    background: #fff;
}
.szn-mobile-item.szn-open .szn-toggle-icon::before, 
.szn-mobile-item.szn-open .szn-toggle-icon::after {
    background: #004376;
}

/* Body (Hidden by default) */
.szn-mobile-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
}
.szn-mobile-body-inner {
    padding-bottom: 32px;
}

/* Intro Layout (Image & Desc) */
.szn-mobile-intro {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
}

.szn-mobile-portrait {
    width: 100%;
    border-radius: 2px;
    object-fit: cover;
}
.szn-mobile-img-wrap { flex: 1; }
.szn-mobile-desc {
    flex: 1;
    color: #004376;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

/* --- RESPONSIVE LOGIC --- */

/* Mobile (< 768px): Description ABOVE Image */
@media (max-width: 767px) {
    .szn-mobile-intro {
        flex-direction: column; /* Stack them */
    }
    .szn-mobile-desc {
        order: 1; /* Description First */
    }
    .szn-mobile-img-wrap {
        order: 2; /* Image Second */
    }
}

/* Tablet (>= 768px): Image Left, Description Right */
@media (min-width: 768px) {
    .szn-mobile-intro {
        flex-direction: row-reverse; 
        align-items: flex-start;
    }
    .szn-mobile-img-wrap {
        flex: 0 0 240px; /* Fixed width for image on tablet */
    }
}

/* Timeline (Vertical Line + Markers) */
.szn-mobile-timeline {
    position: relative;
/*     padding-left: 20px; */
    margin-top: 40px;
/*     border-top: 1px dashed #CCD9E4;  */
/*     padding-top: 24px; */
}
.szn-mobile-timeline.speakers__bar--animation {
	margin-left: 0;
	border-left: none;
}
.szn-mobile-timeline.speakers__bar--animation:before {
	top: 6px!important;
    left: 3px!important;
}
.szn-mob-tl-content.top__left--square:before {
	    top: 6px!important;
    left: -24px!important;
}
.szn-mobile-timeline::before {
    content: '';
    position: absolute;
    left: 5px; 
    top: 24px; 
    bottom: 0;
    width: 1px;
    background: #CCD9E4;
}

.szn-mob-tl-item {
    position: relative;
    margin-bottom: 24px;
    padding-left: 24px;
}

.szn-mob-tl-marker {
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background: #004376;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #004376;
    border-radius: 2px;
    z-index: 2;
}

/* Fade out markers logic (optional to match desktop) */
.szn-mob-tl-item ~ .szn-mob-tl-item .szn-mob-tl-marker {
    background: #CBD5E1;
    box-shadow: 0 0 0 1px #CBD5E1;
}
.szn-mob-tl-item.speakers__bar--item {
	margin-bottom: 24px;
}

.szn-mob-tl-title {
    color: #004376;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 16px 0;
}
.szn-mob-tl-text {
    color: #004376;
    font-size: 14px;
    line-height: 140%;
   font-weight: 400;
}