/*
 * Main site additions to style-india.css (which the forum and the Service Panel share,
 * so it is left alone).
 */

/* Image popup (js/site.js) */
.site-lightbox .modal-content {
	background: #000;
	border: 0;
}
.site-lightbox img {
	cursor: zoom-out;
}
.site-lightbox .btn-close {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 8px;
}
.site-lightbox-caption {
	padding: 6px 10px;
	text-align: center;
	color: #ccc;
}

/* Old news and events articles are fixed-width tables (often 500-700px): on phones they scroll
   inside the article instead of widening the page. Only there: a scroll container also scrolls
   the -0.75rem margins of a Bootstrap .row */
.article-legacy {
	overflow-x: auto;
}

/* Share buttons */
.share-icon {
	height: 32px;
	width: 32px;
	padding: 1px;
}

/* Home page */
.home-shortcuts img.glow:not(.img-fluid) {
	height: 55px;
}
.home-avatar {
	height: 100px;
}

/* Failed login */
.login-input input.login-failed {
	border: #FF0000 2px solid;
}
.shake {
	animation: site-shake 0.5s;
}
@keyframes site-shake {
	0%, 100% { transform: translateX(0); }
	20%, 60% { transform: translateX(-10px); }
	40%, 80% { transform: translateX(10px); }
}