.directory-flex-parent {
	column-gap:40px;
	align-items:flex-start;
}

.directory-grid-column {
	flex-grow:1;
}

.directory-grid-column .pagination {
	margin-top:40px;
}

.directory-grid {
	display:grid;
/*	grid-template-columns: repeat(2, 1fr);*/
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap:10px;
}

.directory-grid .item {
	border-radius:12px;
	border: 2px solid var(--color-tan);
	padding:16px;
	overflow:hidden;
	min-height:325px;
/*	aspect-ratio: 1 / 1.2;*/
}

.directory-grid .item:not(.free-1):hover .title {
	text-decoration:underline;
}

.directory-grid .item .image {
	display:block;
	aspect-ratio: 1 / 0.567;
	border-radius:8px;
	overflow:hidden;
}

.directory-grid .item .tags {
	margin:22px 0 18px;
	overflow:hidden;
	max-height:82px;
}

.directory-grid .item p {
	line-height:1.5;
	margin-top:5px;
}

.directory-grid .item p.contact-details {
	word-wrap: break-word;
}

@media(min-width:640px) {
	.directory-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media(min-width:1200px) {
	.directory-grid {
/*		grid-template-columns: repeat(3, 1fr);*/
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.sort-select {
	width:220px;
}

.directory-banner {
	display:grid;
	gap:8px;
}

.directory-banner.count-1 {
	grid-template-columns: repeat(1, 1fr);
}

.directory-banner.count-2 {
	grid-template-columns: repeat(2, 1fr);
}

.directory-banner.count-3 {
	grid-template-columns: repeat(3, 1fr);
}

.directory-banner.count-4 {
	grid-template-columns: repeat(4, 1fr);
}

.directory-banner.count-1 .image {
	background:var(--color-tan);
	aspect-ratio: 1 / 0.3726;
}

.directory-banner.count-2 .image {
	background:var(--color-tan);
	aspect-ratio: 1 / 0.75;
}

.directory-banner.count-3 .image {
	background:var(--color-tan);
	aspect-ratio: 1 / 1.133;
}

.directory-banner.count-4 .image {
	background:var(--color-tan);
	aspect-ratio: 1 / 1.52;
}

.directory.detail .map-column {
	flex:0 0 42%;
}

.directory.detail .map-column .logo {
	padding:20px;
	max-width:640px;
}

.directory.detail .map-column .logo img {
	display:block;
	margin:0 auto;
	max-width:100%;
	max-height:200px;
}

.directory.detail .description-container {
	column-gap:115px;
}

.directory.detail .location-map {
	aspect-ratio: 1 / 1;
}

.directory.detail .description h1,
.directory.detail .description h2,
.directory.detail .description h3,
.directory.detail .description h4,
.directory.detail .description h5,
.directory.detail .description h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
	margin-bottom:20px;
}

.directory-grid .item.sponsored-1 .logo {
	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
}

.directory-grid .item.sponsored-1 .logo-link {
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.directory-grid .item.sponsored-1 .sponsor-badge {
	font-size:13px;
	line-height:1;
	position:absolute;
	top:12px;
	left:15px;
	color:var(--color-cream);
	background:rgba(0,0,0,0.5);
	padding:2px 3px;
	font-weight:700;
}

.directory-grid .item {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

ul.pagination {
	justify-content:center;
}

.description-column {
	max-width:640px;
	flex-grow:1;
}

.logo-column {
	flex:0 0 206px;
	max-width:206px;
}

.logo-column .logo {
	padding:25px;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:206px;
}


@media(max-width:767px) {
	
	
}

@media(max-width:640px) {
	
	.directory-banner.count-4 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.directory-banner.count-1 .image,
	.directory-banner.count-4 .image {
		aspect-ratio: 1 / 0.75;
	}
	
	.directory-banner.count-2 .image {
		aspect-ratio: 1 / 1.5;
	}
	
	.directory-banner.count-3 .image {
		aspect-ratio: 1 / 2;
	}
}

.info-window-details {
	padding:32px 20px 20px;
	line-height:1.5;
	max-width:300px;
	font-family: "Inter", sans-serif;
}

.info-window-details .title {
	font-size:18px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

.info-window-details .address {
	font-size:16px;
	font-weight:700;
}

.info-window-details .phone {
	font-size:14px;
	color:#606060;
}

.info-window-details .buttons {
	margin-top:20px;
}

.social-links {
	font-size:22px;
}

/*.info-window-details .btn {
	width:100%;
	color:#fff;
	background:var(--color-black-off);
	margin-top:20px;
	text-align:center;
}*/
