.galaxy-directory-page {
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
	box-sizing: content-box;
}
.ecard-grid-container {
	display: grid;
	grid-template-columns:  repeat(auto-fill, minmax(400px, 1fr));
	gap: 10px;
	justify-items: stretch;
	box-sizing: content-box;
}
.ecard-grid-container-portrait {
	display: grid;
	gap: 10px;
	justify-items: stretch;
	box-sizing: content-box;
}
.ecard-card {
	position:relative;
	width:auto;
	height:200px;
	border: 1px solid #333;
	color: transparent;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px;
	cursor:pointer;
	box-shadow:3px 3px 5px grey;
}
.ecard-card:hover {
	text-decoration: none;
	transform: translateY(-2px);
	transition: transform 0.2s ease;
}
.ecard-title-bar {
	display: flex;
	flex-direction:row;
	justify-content:flex-start;
	position:absolute;
	height:35px;
	width:100%;
	top:0;
	left:0;
	gap:10px;
	text-align: left;
	line-height: normal;
}
.ecard-logo {
	display: flex;
	flex-direction:row;
	align-self: center;
	height:30px;
	width:30px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.ecard-title {
	color:#fff;
	text-shadow: 3px 3px 2px #333;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	flex-direction:row;
	align-self: center;
	line-height: normal;
}
.ecard-main-box {
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	margin: 0 auto;
}
.ecard-main-text {
	color:#fff;
	text-shadow: 1px 1px 2px #000;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 15px auto 15px auto;
	padding:10px;
	line-height: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3em; /* fallback for non-webkit browsers */
}
.ecard-main-text-portrait {
	font-size: 15px !important;
}
.ecard-cta {
	width:125px;
	text-align: center;
	color:#fff;
	border-radius:5px;
	text-shadow: 1px 1px 1px #222;
	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin: auto auto;
	padding:5px;
	line-height: normal;
}
/* Palette 1 - Charcoal (Original) */
.ecard-card.palette-1 .ecard-title-bar,
.ecard-card.palette-1 .ecard-cta { background-color: rgba(40, 40, 40, 0.9); }
.ecard-card.palette-1 .ecard-main-text { background-color: rgba(123, 122, 122, 0.5); }

/* Palette 2 - Navy Blue */
.ecard-card.palette-2 .ecard-title-bar,
.ecard-card.palette-2 .ecard-cta { background-color: rgba(25, 55, 109, 0.9); }
.ecard-card.palette-2 .ecard-main-text { background-color: rgba(135, 155, 189, 0.5); }

/* Palette 3 - Forest Green */
.ecard-card.palette-3 .ecard-title-bar,
.ecard-card.palette-3 .ecard-cta { background-color: rgba(34, 86, 54, 0.9); }
.ecard-card.palette-3 .ecard-main-text { background-color: rgba(134, 166, 144, 0.5); }

/* Palette 4 - Burgundy */
.ecard-card.palette-4 .ecard-title-bar,
.ecard-card.palette-4 .ecard-cta { background-color: rgba(112, 28, 46, 0.9); }
.ecard-card.palette-4 .ecard-main-text { background-color: rgba(182, 128, 136, 0.5); }

/* Palette 5 - Deep Purple */
.ecard-card.palette-5 .ecard-title-bar,
.ecard-card.palette-5 .ecard-cta { background-color: rgba(74, 35, 90, 0.9); }
.ecard-card.palette-5 .ecard-main-text { background-color: rgba(154, 135, 170, 0.5); }

/* Palette 6 - Teal */
.ecard-card.palette-6 .ecard-title-bar,
.ecard-card.palette-6 .ecard-cta { background-color: rgba(28, 94, 94, 0.9); }
.ecard-card.palette-6 .ecard-main-text { background-color: rgba(128, 174, 174, 0.5); }

/* Palette 7 - Chocolate Brown */
.ecard-card.palette-7 .ecard-title-bar,
.ecard-card.palette-7 .ecard-cta { background-color: rgba(101, 67, 33, 0.9); }
.ecard-card.palette-7 .ecard-main-text { background-color: rgba(171, 147, 123, 0.5); }

/* Palette 8 - Steel Blue */
.ecard-card.palette-8 .ecard-title-bar,
.ecard-card.palette-8 .ecard-cta { background-color: rgba(70, 130, 180, 0.9); }
.ecard-card.palette-8 .ecard-main-text { background-color: rgba(170, 190, 210, 0.5); }

/* Palette 9 - Crimson */
.ecard-card.palette-9 .ecard-title-bar,
.ecard-card.palette-9 .ecard-cta { background-color: rgba(162, 20, 47, 0.9); }
.ecard-card.palette-9 .ecard-main-text { background-color: rgba(202, 120, 137, 0.5); }

/* Palette 10 - Olive Green */
.ecard-card.palette-10 .ecard-title-bar,
.ecard-card.palette-10 .ecard-cta { background-color: rgba(85, 107, 47, 0.9); }
.ecard-card.palette-10 .ecard-main-text { background-color: rgba(165, 177, 147, 0.5); }

/* Palette 11 - Slate Gray */
.ecard-card.palette-11 .ecard-title-bar,
.ecard-card.palette-11 .ecard-cta { background-color: rgba(112, 128, 144, 0.9); }
.ecard-card.palette-11 .ecard-main-text { background-color: rgba(182, 188, 194, 0.5); }

/* Palette 12 - Rust Orange */
.ecard-card.palette-12 .ecard-title-bar,
.ecard-card.palette-12 .ecard-cta { background-color: rgba(183, 65, 14, 0.9); }
.ecard-card.palette-12 .ecard-main-text { background-color: rgba(213, 145, 114, 0.5); }

/* Palette 13 - Deep Emerald */
.ecard-card.palette-13 .ecard-title-bar,
.ecard-card.palette-13 .ecard-cta { background-color: rgba(0, 105, 62, 0.9); }
.ecard-card.palette-13 .ecard-main-text { background-color: rgba(100, 175, 142, 0.5); }

/* Palette 14 - Midnight Blue */
.ecard-card.palette-14 .ecard-title-bar,
.ecard-card.palette-14 .ecard-cta { background-color: rgba(25, 25, 112, 0.9); }
.ecard-card.palette-14 .ecard-main-text { background-color: rgba(125, 125, 182, 0.5); }

/* Palette 15 - Mahogany */
.ecard-card.palette-15 .ecard-title-bar,
.ecard-card.palette-15 .ecard-cta { background-color: rgba(192, 64, 0, 0.9); }
.ecard-card.palette-15 .ecard-main-text { background-color: rgba(222, 144, 100, 0.5); }

/* Palette 16 - Royal Purple */
.ecard-card.palette-16 .ecard-title-bar,
.ecard-card.palette-16 .ecard-cta { background-color: rgba(102, 51, 153, 0.9); }
.ecard-card.palette-16 .ecard-main-text { background-color: rgba(172, 151, 203, 0.5); }

/* Palette 17 - Golden Yellow */
.ecard-card.palette-17 .ecard-title-bar,
.ecard-card.palette-17 .ecard-cta { background-color: rgba(218, 165, 32, 0.9); }
.ecard-card.palette-17 .ecard-main-text { background-color: rgba(238, 205, 132, 0.5); }

/* Palette 18 - Deep Turquoise */
.ecard-card.palette-18 .ecard-title-bar,
.ecard-card.palette-18 .ecard-cta { background-color: rgba(0, 128, 128, 0.9); }
.ecard-card.palette-18 .ecard-main-text { background-color: rgba(100, 178, 178, 0.5); }

/* Palette 19 - Coral Pink */
.ecard-card.palette-19 .ecard-title-bar,
.ecard-card.palette-19 .ecard-cta { background-color: rgba(240, 128, 128, 0.9); }
.ecard-card.palette-19 .ecard-main-text { background-color: rgba(248, 178, 178, 0.5); }

/* Palette 20 - Sage Green */
.ecard-card.palette-20 .ecard-title-bar,
.ecard-card.palette-20 .ecard-cta { background-color: rgba(87, 128, 87, 0.9); }
.ecard-card.palette-20 .ecard-main-text { background-color: rgba(157, 178, 157, 0.5); }

/* Palette 21 - Indigo */
.ecard-card.palette-21 .ecard-title-bar,
.ecard-card.palette-21 .ecard-cta { background-color: rgba(75, 0, 130, 0.9); }
.ecard-card.palette-21 .ecard-main-text { background-color: rgba(155, 100, 180, 0.5); }

/* Palette 22 - Copper */
.ecard-card.palette-22 .ecard-title-bar,
.ecard-card.palette-22 .ecard-cta { background-color: rgba(184, 115, 51, 0.9); }
.ecard-card.palette-22 .ecard-main-text { background-color: rgba(214, 165, 121, 0.5); }

/* Palette 23 - Plum */
.ecard-card.palette-23 .ecard-title-bar,
.ecard-card.palette-23 .ecard-cta { background-color: rgba(142, 69, 133, 0.9); }
.ecard-card.palette-23 .ecard-main-text { background-color: rgba(192, 149, 183, 0.5); }

/* Palette 24 - Ocean Blue */
.ecard-card.palette-24 .ecard-title-bar,
.ecard-card.palette-24 .ecard-cta { background-color: rgba(0, 119, 190, 0.9); }
.ecard-card.palette-24 .ecard-main-text { background-color: rgba(100, 169, 220, 0.5); }

/* Palette 25 - Sunset Orange */
.ecard-card.palette-25 .ecard-title-bar,
.ecard-card.palette-25 .ecard-cta { background-color: rgba(255, 99, 71, 0.9); }
.ecard-card.palette-25 .ecard-main-text { background-color: rgba(255, 159, 141, 0.5); }

/* Palette 26 - Moss Green */
.ecard-card.palette-26 .ecard-title-bar,
.ecard-card.palette-26 .ecard-cta { background-color: rgba(138, 154, 91, 0.9); }
.ecard-card.palette-26 .ecard-main-text { background-color: rgba(188, 194, 151, 0.5); }

/* Palette 27 - Amethyst */
.ecard-card.palette-27 .ecard-title-bar,
.ecard-card.palette-27 .ecard-cta { background-color: rgba(153, 102, 204, 0.9); }
.ecard-card.palette-27 .ecard-main-text { background-color: rgba(203, 172, 224, 0.5); }

/* Palette 28 - Bronze */
.ecard-card.palette-28 .ecard-title-bar,
.ecard-card.palette-28 .ecard-cta { background-color: rgba(205, 127, 50, 0.9); }
.ecard-card.palette-28 .ecard-main-text { background-color: rgba(225, 177, 120, 0.5); }

/* Palette 29 - Deep Rose */
.ecard-card.palette-29 .ecard-title-bar,
.ecard-card.palette-29 .ecard-cta { background-color: rgba(199, 21, 133, 0.9); }
.ecard-card.palette-29 .ecard-main-text { background-color: rgba(219, 121, 183, 0.5); }

/* Palette 30 - Pewter */
.ecard-card.palette-30 .ecard-title-bar,
.ecard-card.palette-30 .ecard-cta { background-color: rgba(150, 150, 150, 0.9); }
.ecard-card.palette-30 .ecard-main-text { background-color: rgba(200, 200, 200, 0.5); }