/* Controls Row */

.connect-controls .radio-container {
	background: #EEEEF1;
	padding: 0.4375rem 0.5rem;
	gap: 0.75rem;
}
.connect-controls .btn {
	border: 0;
}
#county-selector,
.connect-search-group input {
	padding-top: 0.8125rem;
	padding-bottom: 0.8125rem;
}
.connect-search-group {
	max-width: 12rem;
}
.connect-controls .btn-label,
.connect-controls select,
.connect-controls input {
	font-size: .8rem;
}
.connect-search-group {
	max-width: 10rem;
}

/* Contact Grids */

.people-grid,
.orgs-grid {
	display: none;
}

.connect-grid > .txt-hidden,
.county-map-results > .txt-hidden,
.nearby-map-results > .txt-hidden,
.connect-grid > .county-hidden {
	display: none !important;
}
.person-photo-placeholder,
.org-photo-placeholder {
	width: 140px;
	height: 140px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23f4f4f4" class="bi bi-person-fill" viewBox="0 0 16 16"><path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/></svg>') no-repeat center center;
	background-size: cover;
	background-color: #fefefe;
}
.org-photo-placeholder {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23f4f4f4" class="bi bi-people-fill" viewBox="0 0 16 16"><path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/></svg>') no-repeat center center;
	background-size: 90%;
}
.profile-photo-80 {
	width: 80px;
	height: 80px;
}
.map-list-item .name-link {
	font-size: 1.5rem;
}
.map-list-item .org-name {
	font-size: 1.8rem;
}
.txt-hidden {
	display: none;
}

.person a p,
.org a p {
	width: 140px;
}
.person a,
.org a,
.person .pronouns {
	color: #2E2E36;
}
.person .pronouns {
	background: #f0f0f0;
	font-weight: normal;
	margin-top: .3rem;
	padding-top: 0.38rem;
}
@media (max-width: 992px) {
	.person p {
		font-size: .9rem;
		line-height: .9;
	}
}


/* Contact Details */

.entity-modal.person {
	max-width: 800px;
}
.entity-modal.org {
	max-width: 1100px;
}
.entity-modal p {
	font-size: 1.2rem;
}
.entity-modal.person .pronouns.badge {
	font-size: 1rem;
}
.entity-modal .entity-name {
	font-size: 2rem;
	margin-bottom: 1em;
}
.org-container h3 {
	font-size: 1.5rem;
}
.profile-pic {
	margin-bottom: 2em;
}
.contact-container p {
	font-size: 1.2rem;
}
.contact-info.table th {
	text-align: right;
	width: 1px;
	white-space: nowrap;
}
.contact-info.table th,
.contact-info.table td {
	border-width: 0;
}


/* Org Members Table */

table.org-members {
	max-width: 100%;
}

table.org-members td {
	vertical-align: middle;
}

table.org-members p {
	margin-bottom: .5em;
}

.break-all {
	word-wrap: break-word;
	word-break: break-all;
}

table.org-members td.profile-pic-col {
	vertical-align: top;
}

img.profile-pic,
.profile-pic-col img {
	min-width: 50px;
	margin-left: auto;
	margin-right: auto;
}

/* State Map */
.state-map-container .state-map {
	top: 20px;
}
.state-map-container .map-tooltip {
	position: absolute;
	color: #FFF;
	background-color: #444;
	visibility: hidden;
	font-size: 1.2rem;
}

.state-map-container .map-tooltip.active {
	visibility: visible;
}

.state-map-container path {
	fill: #FFF;
	stroke: #000;
}

.state-map-container path.active {
	fill: #DDD;
}


/* Super-small devices */
@media (max-width: 281px) {

}

/* Tricky width  */
@media (min-width: 376px) and (max-width: 576px) {

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.connect-controls .btn-label,
	.connect-controls select,
	.connect-controls input {
		font-size: 1rem;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.connect-search-group {
		max-width: 16rem;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    
}