.sd-abc-filter {font-size: 1rem; line-height: 1;}
.sd-abc-filter span+span{border-left:1px solid var(--color-light-grey);}
.sd-abc-filter a:hover, .sd-abc-filter a:focus {color:var(--color-hover);}
.sd-abc-filter .active a{color:var(--color-hover);}

.sd-listing{gap:var(--margin-normal);}
.sd-listing .sd-item{width:calc((100% - var(--margin-normal)*2)/3); border-radius:var(--radius-normal); background-color:transparent; transition:background 0.2s ease, box-shadow 0.2s ease;}
.sd-listing .sd-item .sd-content-block{padding: 1.5rem;}
.sd-listing .sd-item .sd-item-title{font-size: var(--h3); margin-bottom:var(--margin-small);}
.sd-listing .sd-item:hover .sd-item-title{color:var(--color-hover);}
.sd-listing .sd-item .sd-image-block{aspect-ratio: auto; border-radius:var(--radius-normal) var(--radius-normal) 0 0;}
.sd-listing .sd-item .sd-image-block img{aspect-ratio:1.286/1;}
.sd-item-title{font:var(--font-heading); font-size: var(--h4); letter-spacing: normal; text-transform: none;}
.sd-listing .sd-item:hover{background: #fff; box-shadow: 0 0 0.62rem rgba(0,0,0,0.1);}

.sd-modal .modal-body{padding:0;}
.sd-modal .sd-card .sd-image-block{border-radius:var(--radius-normal) 0 0 var(--radius-normal);}
.sd-modal .sd-card .sd-contact-body{padding:2rem;}
.sd-modal .sd-card .sd-contatc-name{font-size: var(--h2);}
.sd-modal .sd-card .sd-link-block{gap:var(--margin-small);}
.sd-modal .sd-card .sd-contact-link{text-decoration: none;}
.sd-modal .sd-card .sd-contact-link:hover{color: var(--color-hover);}
.sd-modal .sd-card .sd-contact-link [class*='fa']{margin-right: 0.5rem;}

.sd-modal * {scrollbar-width: thin; scrollbar-color: var(--color-dark-grey) var(--color-light-grey);}
.sd-modal *::-webkit-scrollbar {height: var(--scroll-width); width: var(--scroll-width);}
.sd-modal *::-webkit-scrollbar-track {background: var(--color-light-grey);}
.sd-modal *::-webkit-scrollbar-thumb {background: var(--color-dark-grey); border: 0;}
.sd-modal *::-webkit-scrollbar-thumb:hover {background: var(--color-dark-grey);}


@media (max-width: 1199px) {
	.sd-listing .sd-item .sd-content-block{padding:1rem;}
}
@media (max-width: 991px) {
	.sd-listing{gap:0.75rem;}
	.sd-listing .sd-item{width:calc((100% - 0.75rem*2)/3);}
}
@media (max-width: 767px) {
	.sd-listing .sd-item{width:calc((100% - 0.75rem)/2);}
	.sd-modal .sd-card .sd-contact-body{padding:0; display: block;}
}
@media (max-width: 479px) {
	.sd-listing .sd-item{width:100%;}
}