/* Results Cards */

.results-clients {display:flex; flex-wrap:wrap; margin:-40px;}
.results-clients .client {
	flex:0 0 calc(33.33% - 80px); margin:40px; background:var(--color-light-gray); padding:15px; display:flex; flex-direction:column;
}
.results-clients .client .name {font-size:18px; font-weight:800; color:var(--color-blue); text-transform:uppercase; margin-bottom:10px;}
.results-clients .client .company {font-size:12px; font-weight:600; font-style:italic; margin-bottom:5px;}
.results-clients .client .location {font-size:12px; margin-bottom:5px;}
.results-clients .client .title {font-size:12px; color:var(--color-red); text-transform:uppercase;}
.results-clients .client .pic-buttons {
	display:flex; padding-top:15px; margin-top:auto; position:relative; margin-right:-30px; margin-bottom:-30px;
}
.results-clients .client .pic-buttons .buttons {
	flex:0 0 60%; display:flex; flex-direction:column; justify-content:center; padding-right:15px;
}
.results-clients .client .pic-buttons .buttons a, .results-clients .client .pic-buttons .buttons button {
	display:block; background:var(--color-blue); color:#fff; text-decoration:none; padding:6px; text-align:center; margin-bottom:10px;
	text-transform:uppercase; font-size:10px;
}
.results-clients .client .pic-buttons .pic {flex:0 0 40%;}
.results-clients .client .pic-buttons .pic .headshot {position:relative; padding-bottom:150%; display:block;}
.results-clients .client .pic-buttons .pic .headshot img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

@media (max-width:810px) {
	.results-clients .client {flex-basis:calc(50% - 80px);}
	.results-clients .client .pic-buttons {margin-right:0;}
}

@media (max-width:700px) {
	.results-clients {display:block; margin:0;}	
	.results-clients .client {margin:0 0 40px;}
}





/* Client Details Popup */
.client-details {background:#fff; position:relative; margin:auto 40px; padding:40px;}
.client-details .name {font-size:26px; font-weight:800; color:var(--color-blue); text-transform:uppercase; margin-bottom:40px;}
.client-details .top {display:flex;}
.client-details .top .left {flex:0 0 50%; padding-right:40px;}
.client-details .top .left .pic-company-location {display:flex; margin-bottom:50px;}
.client-details .top .left .pic-company-location .pic {flex:0 0 30%;}
.client-details .top .left .pic-company-location .pic .headshot {position:relative; padding-bottom:150%;}
.client-details .top .left .pic-company-location .pic .headshot img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.client-details .top .left .pic-company-location .company-location {padding:0 0 0 40px; display:flex; flex-direction:column;}
.client-details .top .left .pic-company-location .company-location .company {font-size:20px; font-weight:600; text-transform:uppercase; margin-bottom:15px;}
.client-details .top .left .pic-company-location .company-location .title {font-size:18px; font-weight:600; text-transform:uppercase; margin-bottom:15px; color:var(--color-red);}
.client-details .top .left .pic-company-location .company-location .location {font-size:16px; font-weight:600; margin-bottom:15px; line-height:1.2em;}
.client-details .top .left .pic-company-location .company-location .numbers {margin-top:auto;}
.client-details .top .left .pic-company-location .company-location .numbers span {display:block; font-size:16px; font-weight:600; margin-bottom:15px; text-transform:uppercase;}
/*.client-details .top .left .pic-company-location .company-location .bio {margin-bottom:25px;}*/
.client-details .top .left ul.social-icons {list-style:none; margin-bottom:25px;}
.client-details .top .left ul.social-icons li {margin-bottom:10px;}
.client-details .top .left ul.social-icons li a {text-decoration:none; display:flex; align-items:center;}
.client-details .top .left ul.social-icons span {text-transform:uppercase; color:var(--color-blue); margin-left:5px;}
.client-details .top .left .btn {margin-bottom:25px;}
.client-details .top .left .pic-company-location .leadership-council {margin-bottom:25px; color:var(--color-blue); font-weight:bold; text-transform:uppercase;}
.client-details .top .left .headline {font-size:20px; font-weight:800; color:var(--color-blue); margin-bottom:20px; text-transform:uppercase;}
.client-details .top .left .practice-groups {padding-left:20px; margin-bottom:50px;}
.client-details .top .left .practice-groups li {line-height:2em;}
.client-details .top .left .practice-groups.other-employees {display:flex; flex-wrap:wrap;}
.client-details .top .left .practice-groups.other-employees li {flex:0 0 50%;}
.client-details .top .left .about {margin-bottom:20px;}
.client-details .top .left .top-lists {margin-bottom:20px; list-style:none;}
.client-details .top .left .top-lists li {font-weight:bold; margin-bottom:5px; text-transform:uppercase; color:var(--color-blue);}
.client-details .top .right {flex:0 0 50%; border-left:1px solid var(--color-blue); padding-left:40px;}
.client-details .top .right .bio {margin-bottom:50px;}
.client-details .top .right .headline {font-size:20px; font-weight:800; color:var(--color-blue); margin-bottom:6px;}
.client-details .top .right .attorneys {margin-bottom:50px;}
.client-details .top .right .attorneys .attorney {display:flex; margin-bottom:20px;}
.client-details .top .right .attorneys .attorney .pic {flex:0 0 20%;}
.client-details .top .right .attorneys .attorney .pic .headshot {position:relative; padding-bottom:100%; display:block;}
.client-details .top .right .attorneys .attorney .pic .headshot img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.client-details .top .right .attorneys .attorney .info {padding:0 20px;}
.client-details .top .right .attorneys .attorney .info .attorney-name {font-size:18px; font-weight:800; text-transform:uppercase; margin-bottom:5px;}
.client-details .top .right .attorneys .attorney .info .firm-name {font-size:16px; margin-bottom:5px;}
.client-details .top .right .events {margin-bottom:50px;}
.client-details .top .right .events table {width:100%; border-collapse:collapse;}
.client-details .top .right .events table tr td {border-bottom:1px solid #ccc; padding:5px; font-size:11px;}
.client-details .top .right .events table tr.year td:last-child {text-align:right;}
.client-details .top .right .events table tr.items {display:none;}
.client-details .top .right .events table tr.items td {border-bottom:0 none;}
.client-details .top .right .events table tr.event-item {display:none;}
.client-details .top .right .events table tr.event-item td {border-bottom:0 none;}
@media (max-width:810px) {
	.client-details .top {display:block;}
	.client-details .top .left {margin-bottom:40px; padding:0;}
	.client-details .top .right {border:0 none; border-top:1px solid var(--color-blue); padding:40px 0 0;}
}
@media (max-width:700px) {
	.client-details {margin:auto;}
	.client-details .top .left .pic-company-location {display:block;}
	.client-details .top .left .pic-company-location .company-location {padding:40px 0;}
	.client-details .top .right .attorneys .attorney {display:block;}
	.client-details .top .right .attorneys .attorney .info {padding:20px 0;}
}


.sub-title {
	font-size: 14px;
    font-weight: 600;
    color: var(--color-blue);
    margin-bottom: 18px;
}