.banana-trips-viewall:hover {
	background: #333333;
	color: #FFFFFF;
}
.banana-trip-card:hover {
	transform: translateY(-7px);
	box-shadow: 0 20px 52px rgba(60,60,60,0.14), 0 4px 8px rgba(60,60,60,0.06);
}
.banana-trip-cta:hover {
	background: #F5C83A;
}
@media (max-width: 1024px) {
	.banana-trips-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 700px) {
	.banana-section-pad {
		padding: 56px 0 !important;
	}
	/* El div trae justify-content:space-between sin wrap inline; a este ancho el titulo
	   y el boton "Ver Todos" no entran en una sola fila, asi que se hace wrap. */
	.banana-section-header {
		flex-wrap: wrap;
	}
	.banana-trips-viewall {
		margin-top: 8px;
	}
	.banana-trips-grid {
		grid-template-columns: 1fr !important;
	}
	.banana-trip-card--featured {
		flex-direction: column;
	}
	.banana-trip-card--featured-body {
		padding: 24px 28px 28px !important;
	}
	.banana-trip-card--featured-title {
		font-size: 20px !important;
		margin-bottom: 8px !important;
	}
	.banana-trip-card--featured-desc {
		font-size: 13px !important;
		margin-bottom: 6px !important;
		max-width: none !important;
	}
	.banana-trip-card--featured-duration {
		font-size: 11px !important;
		margin-bottom: 20px !important;
	}
	.banana-trip-card--featured-cta {
		padding: 12px 26px !important;
	}
}