Template:Main page/navigation/styles.css

#home-nav {
	margin-top: 1rem;
}

#home-nav .home-card__background:after {
	position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: linear-gradient(to right,#000,transparent);
    content: "";
}

#home-nav .home-card__foreground {
	pointer-events: none;
	height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-weight: 500;
}

.wrap-text-right {
	padding: 0 1em 0 0.67rem !important;
	word-break: break-all;
	line-height: 1em;
}
/* hide text in homenav images on mobile */
@media (max-width: 428px) {
	#home-nav .home-card__background:after           { display: none; }
	#home-nav .home-card__foreground.wrap-text-right { display: none; }
}


.image-offset15 img { object-position: 50% 15% !important; }
.image-offset25 img { object-position: 50% 25% !important; }
.image-offset35 img { object-position: 50% 35% !important; }
.image-offset40 img { object-position: 50% 40% !important; }
.image-offset45 img { object-position: 50% 45% !important; }
.image-offset60 img { object-position: 50% 60% !important; }
.image-offset75 img { object-position: 50% 75% !important; }
.image-offset85 img { object-position: 50% 85% !important; }