/* CSS here */

/* IN USE */

.no-break {
  white-space: nowrap;
  display: inline-block; /* Ensures the entire span behaves as a unit */
}


ul.contact-entries-list
,ul.broker-card-associates
,ul.broker-regions {
	list-style: none;
	padding-left: 0;
}

.contact-entries-list li {
	display: flex;
	align-items: center;
}

.contact-entries-list svg {
	width: 20px;
	margin-right: .5em;
}

.associate-card-tiles {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: start;
}


/* .associate-card-tiles a .associate-card:hover {
	background: #fff;
	box-shadow: 3px 3px 15px rgba(0,0,0,.1);
} */


.associate-card-tiles .associate-card {
	width: 31%;
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
	justify-content: start;
	border: 1px solid #cfcfcf;
	padding: .5em;
	border-radius: 6px;
	background: #fafafa;
	transition-duration: 300ms;
}


.associate-card-tiles .associate-card h3 {
	font-size: .8em;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	margin-top: .5em;
	margin-bottom: 0;
}

.associate-card-tiles .associate-image img {
	width: 80px;
	border-radius: 50em;
	
}


.associate-card a {
	text-decoration: none;
}

.associate-card-rows .associate-card {
	display: flex;
	align-items: top;
}

.associate-card-rows .associate-card:not(:last-child) {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

.associate-card-rows .associate-card .associate-card-content {
	padding: .3em 0 0 1.5em;
}

.associate-card-rows .associate-card .associate-card-content ul {
	font-size:.875em;
}

.associate-card-rows .associate-card .associate-card-content svg {
	width: 16px;
	height: 16px;
	position: relative;
	top: 2px;
}

.associate-card-rows .associate-card .associate-card-content h3 {
	font-size: 1.15em;
	margin: 0 0 10px 0;
	line-height: 1.2;
	font-weight: 500;
}

.associate-card-rows .associate-card .associate-card-content li {
	display: flex;
	align-items: center;
}

.associate-card-content p {
	font-size: 16px !important;
	line-height: 1.1;
}

.associate-card-tiles .associate-card-content p {
	font-size: 13px !important;
	text-align: center !important;
	margin-top: 3px;
}

.associate-card-rows .associate-image img {
	width: 140px;
/* 	border-radius: 50em; */
}

.broker-regions {
	font-weight: 500;
	text-align: center;
	word-wrap: break-word;   /* Allows long words to break onto the next line */
  overflow-wrap: break-word; /* Ensures words wrap properly */
  word-break: normal;
}

.broker-regions .separator {
	margin: 0 .5em;
}

/* END IN USE */

.broker-admin-btn {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: semibold;
	padding: 4px 12px;
	margin: 0 8px;
	background: var(--global-palette1);
	border-radius: 3px;
	color: white !important;
	text-decoration: none;
}

.broker-admin-btn:hover {
	background: var(--global-palette2);
}


ul.contact-entries {
	list-style: none;
	padding-left: 0;
}

ul.contact-entries li {
	display: flex;
	align-items: center;
}

ul.contact-entries svg {
	width: 20px;
	margin-right: .5em;
}

ul.contact-entries a {
	text-decoration: none;
}




ul.broker-listings {
	list-style: none;
	padding: 0;
}

ul.broker-listings > li {
	margin-bottom: 2em;
}

ul.broker-listings a {
	text-decoration: none;
}

ul.broker-listings a svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

ul.broker-listings h2
,ul.broker-listings h3 {
	display: block;
}

ul.broker-listings h2 {
/* 	font-size: 1.5em; */
	margin-bottom: .3em;

}

ul.broker-listings h3 {
/* 	font-size: 1em; */
}

ul.linked-associates {
	list-style: none;
	padding: 0;
}

ul.linked-associates > li {
	margin-bottom: 1em;
}


ul.linked-associates .associate-name {
	padding-bottom: 6px;
	font-weight: 500;
}

ul.linked-associates > li > a {
	display: block;
	border-bottom: 1px solid rgba(0,0,0,.2);
}

ul.associated-listings
,ul.office-listings {
	list-style: none;
	padding: 0;
}

ul.associated-listings li
,ul.office-listings li {
/* 	border-bottom: 1px solid rgba(0,0,0,.2); */
	padding: 4px 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition-duration: 100ms;
}

ul.associated-listings li:nth-child(odd) 
,ul.office-listings li:nth-child(odd) {
	background: rgba(0,0,0,.03);
}

ul.associated-listings li:hover
,ul.office-listings li:hover {
	background: rgba(0,0,0,.7);
}

ul.associated-listings li:hover a
,ul.office-listings li:hover a {
	color: white;
}

ul.associated-listings li a {
/* 	padding-left: 1em; */
}

ul.office-listings {
	
}

ul.office-listings {
	
}



.category-list ul {
    display: grid;
    grid-template-columns: 1fr; /* Mobile default */
    gap: 3rem;
    padding: 0;
    list-style: none;
    margin: 0;
}

.category-list-item-inner {
	border-radius: 10px;
	box-shadow: 3px 3px 12px rgba(0,0,0,.3);
	background: #fafafa;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	height: 100%;
	position: relative;
	transition-duration: 1000ms
}

.category-list-item-inner:hover {
	background: #fff;
	box-shadow: 8px 8px 32px rgba(0,0,0,.3);
	transition-duration: 300ms;
}

.wrapper-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.article-count {
	text-align: center;
	text-transform: uppercase;
	font-size: .88em;
}

.category-list-item-inner .content-upper h2 {
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 8px;
	margin-top: 20px;
}

.content-upper p {
	font-size: 1em;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 0;
}

.category-list-item-image {
	border-radius: 50em;
	border: 8px solid transparent;
}

/* Tablet: 2 columns */
@media (min-width: 600px) {
    .category-list ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop: 4 columns */
@media (min-width: 1024px) {
    .category-list ul {
        grid-template-columns: repeat(4, 1fr);
    }
}


ul.broker-info-list {
	list-style: none;
	padding: 0;
	font-size: 1em;
	line-height: 1.2;
}

ul.broker-info-list li {
	margin-bottom: 10px;
}

.broker-info-list-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	margin-bottom: 4px;
}

ul.broker-info-list svg {
	width: 32px;
	height: 32px;
	fill: var(--global-palette1);
	transition-duration: 300ms;
}

ul.broker-info-list svg:not(last-child) {
	margin-right: 1em;
}

ul.broker-info-list svg:hover {
	fill: var(--global-palette2);
}

ul.broker-info-list a {
	text-decoration: none;
}