.planets-shortcode-wrapper {
	padding: 50px 0;
}

.planets-title {
	padding-bottom: 20px;
}

.planets-table {
	border: 1px solid #ced6e0;
}

.planets-table-header {
	display: flex;
}

.header-col {
	padding: 12px 20px;
	background-color: #969fbf;
	color: #fff;
	font-size: 16px;
	font-family: 'Khand', sans-sarif;
	text-transform: uppercase;
	letter-spacing: 0.54px;
	font-weight: 500;
}

.header-col.sign-cell {
	padding-left: 50px;
}

.planet-cell {
	width: 16%;
}

.degrees-cell {
	width: 31%;
}

.sign-cell {
	width: 20%;
}

.minutes-cell {
	width: 33%;
}

.planets-table-row {
	display: flex;
	align-items: center;
}

.planets-table-row:not(:last-child) {
	border-bottom: 1px solid #ced6e0;
}

.planets-table-col {
	padding: 10px 10px 10px 45px;
	font-size: 13px;
	color: #222537;
	font-family: 'Ubuntu', sans-sarif;
}

.planets-table-col.planet-cell,
.planets-table-col.sign-cell {
	background-position: 20px center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	white-space: nowrap;
}

.planets-table-col.sun {
	background-image: url("../../../images/celebrity/sun.svg");
}

.planets-table-col.moon {
	background-image: url("../../../images/celebrity/moon.svg");
}

.planets-table-col.mercury {
	background-image: url("../../../images/celebrity/mercury.svg");
}

.planets-table-col.venus {
	background-image: url("../../../images/celebrity/venus.svg");
}

.planets-table-col.mars {
	background-image: url("../../../images/celebrity/mars.svg");
}

.planets-table-col.jupiter {
	background-image: url("../../../images/celebrity/jupiter.svg");
}

.planets-table-col.saturn {
	background-image: url("../../../images/celebrity/saturn.svg");
}

.planets-table-col.uranus {
	background-image: url("../../../images/celebrity/uranus.svg");
}

.planets-table-col.neptune {
	background-image: url("../../../images/celebrity/neptune.svg");
}

.planets-table-col.pluto {
	background-image: url("../../../images/celebrity/pluto.svg");
}

.planets-table-col.north {
	background-image: url("../../../images/celebrity/north-node.svg");
}

.header-col .mob {
	display: none;
}

.planets-table-col.degrees-cell span,
.planets-table-col.minutes-cell span {
	position: relative;
}

.planets-table-col.degrees-cell span:after,
.planets-table-col.minutes-cell span:after {
	content: '°';
	font-size: 15px;
	position: absolute;
	top: -4px;
	right: -6px;
}

.planets-table-col.libra {
	background-image: url("../../../images/celebrity/libra.svg");
}

.planets-table-col.virgo {
	background-image: url("../../../images/celebrity/virgo.svg");
}

.planets-table-col.scorpio {
	background-image: url("../../../images/celebrity/scorpio.svg");
}

.planets-table-col.pisces {
	background-image: url("../../../images/celebrity/pisces.svg");
}

.planets-table-col.taurus {
	background-image: url("../../../images/celebrity/taurus.svg");
}

.planets-table-col.leo {
	background-image: url("../../../images/celebrity/leo.svg");
}

.planets-table-col.gemini {
	background-image: url("../../../images/celebrity/gemini.svg");
}

.planets-table-col.aquarius {
	background-image: url("../../../images/celebrity/aquarius.svg");
}

.planets-table-col.aries {
	background-image: url("../../../images/celebrity/aries.svg");
}

.planets-table-col.capricorn {
	background-image: url("../../../images/celebrity/capricorn.svg");
}

.planets-table-col.sagittarius {
	background-image: url("../../../images/celebrity/sagittarius.svg");
}

.planets-table-col.cancer {
	background-image: url("../../../images/celebrity/cancer.svg");
}

@media screen and (max-width: 575px) {
	.header-col {
		font-size: 14px;
		padding: 10px;
	}

	.planets-table-col {
		padding-left: 30px;
	}

	.planets-table-col.planet-cell,
	.planets-table-col.sign-cell {
		background-position: 10px center;
	}

	.planet-cell {
		width: 20%;
	}

	.degrees-cell {
		width: 36%;
	}

	.header-col.degrees-cell,
	.header-col.minutes-cell {
		text-align: center;
	}

	.planets-table-col.degrees-cell,
	.planets-table-col.minutes-cell {
		text-align: right;
	}

	.header-col.sign-cell {
		padding-left: 20px;
	}

	.minutes-cell {
		width: 34%;
	}

	.header-col .mob {
		display: block;
	}

	.header-col .desk {
		display: none;
	}
}