/*-----------------------------------------------------------*\
	
	PAYMENT METHODS BANNER
	#payment-methods-banner
  	Location: /Shared/_PaymentMethodsBanner.cshtml
	
	Displays logos of allowed payment methods.

	BLOCK:			payment-methods-banner
	ELEMENT:		payment-methods-banner__item
	MODIFIER:		payment-methods-banner__item--mercado-pago
							payment-methods-banner__item--visa
							payment-methods-banner__item--oca
							payment-methods-banner__item--scotia
							payment-methods-banner__item--master
							payment-methods-banner__item--diners
							payment-methods-banner__item--lider
							payment-methods-banner__item--itau
							payment-methods-banner__item--creditel
							payment-methods-banner__item--abitab
							payment-methods-banner__item--red-pagos

\*-----------------------------------------------------------*/


.payment-methods-banner {
	display: grid;
	gap: .25rem;
	margin:0px;	
}


.payment-methods-banner__main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;	

	max-width: 1000px;
	margin: 8px auto 20px;
	gap:0.3rem;
	
}

.payment-methods-banner__item { 
	width: auto;
	margin: .25rem .25rem;
}

@media (min-width:40rem) {

	.payment-methods-banner__main {	
		gap: .8 rem;		
	}
}


.payment-methods-banner__item--visa { height: 13px; }

.payment-methods-banner__item--oca { height: 10px; }

.payment-methods-banner__item--scotia {	height: 10px; }

.payment-methods-banner__item--santander {	height: 13px; }

.payment-methods-banner__item--master { height: 18px; }

.payment-methods-banner__item--ebrou { height: 14px; }

.payment-methods-banner__item--bbva  { height: 12px; }

.payment-methods-banner__item--lider { height: 12px; }

.payment-methods-banner__item--itau { height: 18px; }

.payment-methods-banner__item--creditel { height: 13px; }

.payment-methods-banner__item--abitab { height: 12px; }

.payment-methods-banner__item--red-pagos { height: 12px; } 

.payment-methods-banner__item--creditos-directos { height: 20px; }

.payment-methods-banner__item--pass-card { height: 13px;}

.payment-methods-banner__item--cabal { height: 13px;}

.payment-methods-banner__item--anda {height: 20px;}

.payment-methods-banner__item--mercado-pago {height: 16px;}