/* MGL E&C — харилцагчийн лого (widgets/pagesch/wid4.php).
   Өгөгдмөлөөр хар цагаан, hover үед өнгөтэй болж, дарахад тухайн
   компанийн вэб сайт руу шилжинэ. style.css болон mobile.css-ийн
   дараа ачаалагдана. Салгах: home.php доторх <link>-ийг устгана. */

.clients-list li.client{
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.clients-list li.client > a,
.clients-list li.client > .client-nolink{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.clients-list li.client img{
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 100%;
	object-fit: contain;
}

/* Эффект асаалттай хэсэг */
.clients-list.clients-hover li.client img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .55;
	-webkit-transition: -webkit-filter .35s ease, opacity .35s ease, -webkit-transform .35s ease;
	transition: filter .35s ease, opacity .35s ease, transform .35s ease;
}

.clients-list.clients-hover li.client:hover img,
.clients-list.clients-hover li.client:focus-within img{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}

.clients-list li.client > a:focus-visible{
	outline: 2px solid #fe5925;
	outline-offset: 4px;
}

/* Хуруугаар ажилладаг төхөөрөмж дээр hover байхгүй тул шууд өнгөтэй. */
@media (hover: none){
	.clients-list.clients-hover li.client img{
		-webkit-filter: grayscale(0);
		filter: grayscale(0);
		opacity: 1;
	}
}