/* === Custom Block Styling === */
.propertiesBlock{
    padding: var(--CB-padding-top) var(--CB-padding-right) var(--CB-padding-bottom) var(--CB-padding-left);
    margin-top: var(--CB-margin-top); 
    margin-bottom: var(--CB-margin-bottom);
    background-color: var(--CB-background-color);
    background-image: var(--CB-background-image);
    background-position: var(--CB-background-position);
    background-size: cover;
}


.properties__locationsWrapper{
    display:flex;
    flex-wrap:wrap;
    gap:32px 16px;
    padding-bottom:64px;
    justify-content:flex-start;
    align-items:flex-start;
}

.properties__navLocation{
    flex:0 0 clamp(140px, 14%, 200px);
}
.properties__navLocation span {
  background-image: linear-gradient(var(--FC-primary-color), var(--FC-primary-color));
  background-size: 0% 2px;
  background-repeat: no-repeat;
  background-position: center bottom;
  transition: background-size 0.3s ease;
  padding-bottom: 8px;
}
.properties__navLocation:hover span {
  background-size: 100% 2px;
}








.properties__row{
    margin-bottom: 50px;
}
.properties__name{
    font-family: var(--FC-tertiary-font);
}
.properties__location::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    width: 23px;
    height: 23px;
    background-color: var(--FC-black);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg transform='translate(0 -0.332)'%3E%3Crect width='23' height='23' transform='translate(0 0.332)' fill='none'/%3E%3Cpath d='M7.5,12.313V4.5' transform='translate(4.219 4.564)' fill='none' stroke='%234b4b4b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M5.25,2.93A2.93,2.93,0,1,1,8.18,5.86,2.93,2.93,0,0,1,5.25,2.93Z' transform='translate(3.539 3.205)' fill='none' stroke='%234b4b4b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M13.673,7.781c3.449.678,5.86,2.227,5.86,4.029,0,2.427-4.372,4.395-9.766,4.395S0,14.237,0,11.81c0-1.8,2.41-3.351,5.86-4.029' transform='translate(1.953 5.556)' fill='none' stroke='%234b4b4b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");; /* your data URI */
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg transform='translate(0 -0.332)'%3E%3Crect width='23' height='23' transform='translate(0 0.332)' fill='none'/%3E%3Cpath d='M7.5,12.313V4.5' transform='translate(4.219 4.564)' fill='none' stroke='%234b4b4b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M5.25,2.93A2.93,2.93,0,1,1,8.18,5.86,2.93,2.93,0,0,1,5.25,2.93Z' transform='translate(3.539 3.205)' fill='none' stroke='%234b4b4b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath d='M13.673,7.781c3.449.678,5.86,2.227,5.86,4.029,0,2.427-4.372,4.395-9.766,4.395S0,14.237,0,11.81c0-1.8,2.41-3.351,5.86-4.029' transform='translate(1.953 5.556)' fill='none' stroke='%234b4b4b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}
.properties__imageWrapper{
    aspect-ratio: 10/8;
    overflow: hidden;
    border-radius: var(--FC-standard-radius);
}
.properties__image{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    transition: var(--FC-default-transition);
}
.properties__image.noImage{
    border-radius: var(--FC-standard-radius);
    border: solid 2px var(--FC-secondary-color);
}
.properties__name,
.properties__location,
.properties__location::before{
    transition: var(--FC-default-transition);
}
.properties__link:hover .properties__image{
    scale: 1.1;
}
.properties__link:hover .properties__name{
    color: var(--FC-secondary-color);
}
.properties__link:hover .properties__location{
    color: var(--FC-primary-color);
}
.properties__link:hover .properties__location::before{
    background-color: var(--FC-primary-color);
}
.properties__outerImageWrapper{
    padding-bottom: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}
.properties__outerImageWrapper::after {
    content: '';
    background: linear-gradient(to top, var(--FC-secondary-color), var(--FC-primary-color));
    width: 40%;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: var(--FC-standard-radius);
}