/* CSS Document for Landing Page Sliders */

/* Make sure the li.slide is positioned */
li.slide {
  position: relative;
  background-size: cover;
  background-position: center;

}

/* The diagonal dark blue overlay */
li.slide::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(14, 30, 70, 0.65),
    rgba(14, 30, 70, 0.95)
  );
  clip-path: polygon(60% 0%, 100% 0%, 100% 100%, 45% 100%);
  pointer-events: none;
}

/* Make sure .swap-message sits above the overlay */
.swap-message {
  position: relative;
  z-index: 1;
 align-items: center;
	text-align: center;
}

.swap-logo {
	width: 250px;
	margin-bottom: 15px;
}

.message-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 800;
  font-size: 3.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.1;
  margin-top: 20px;
}

.message-txt {
  font-family: 'Barlow', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
	margin-bottom: 20px;
}