/* open terminal */
/* cd css */
/* sass --watch app.scss:app.css --style expanded */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

a.new-window:after {
  font-family: "visa-icon";
  content: "\e852";
  padding-left: 2px;
}
a.vs-btn {
  width: auto !important;
}
a.blue-link {
  color: #1434CB;
  text-decoration: underline;
}

img.full-width {
  width: 100%;
}

a.round-button {
  border-radius: 2rem;
  width: 100% !important;
}
@media (min-width: 767px) {
  a.round-button {
    width: auto !important;
  }
}
a.white-link {
  text-decoration: underline !important;
  color: white !important;
}

h1,
h2 {
  font-family: "visa-font-latin-semi-bold", Tahoma;
}

p,
ul,
ol {
  font-family: "visa-font-latin-light", Tahoma;
}

.color-white {
  color: white;
}

p[role=alert] {
  background-color: white;
}
p[role=alert]::before {
  color: #d50000;
}
p[role=alert] span {
  color: #d50000;
}
p span.italics {
  font-style: italic;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.row.marquee {
  background-image: url(../images/desktop-header.jpg);
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
  color: white;
  align-items: center;
  min-height: 700px;
}
@media (min-width: 1200px) {
  .row.marquee {
    min-height: 800px;
  }
}
.row.jump-nav {
  display: flex;
  align-content: center;
  border-bottom: 1px solid #DEDEDE;
}
.row.jump-nav ul {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  list-style-type: none;
}
.row.jump-nav ul li a {
  color: #2C2C2C;
}
.row.snowflake {
  background-image: url(../images/snowflake-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}
.row.prizes {
  background-color: #1434CB;
  color: white;
  align-items: center;
}
.row.form {
  background-image: url(../images/form-bg.png);
  background-size: cover;
  color: white;
}
.row.form .vs-label,
.row.form .vs-card-legend,
.row.form .vs-checkbox-section {
  margin-bottom: 2px !important;
}
.row.form .vs-label span,
.row.form .vs-card-legend span,
.row.form .vs-checkbox-section span {
  color: white;
}
.row.form .vs-label strong.required,
.row.form .vs-card-legend strong.required,
.row.form .vs-checkbox-section strong.required {
  color: white;
}
.row.form .vs-card-field {
  margin-top: 0;
}
.row.form p[role=alert],
.row.form a.error-link {
  color: white !important;
  margin-bottom: 15px;
  font-size: 14px;
}
.row.faqs {
  background-image: url(../images/snowflakes-large.png);
  background-size: cover;
  background-position: bottom;
}
.row.sub-page-prizes img {
  border-radius: 30px;
}

dt.vs-accordion-item {
  background-image: linear-gradient(to top, #f4f5f7, #f7f7f9, #fafafb, #fcfcfd, #ffffff);
}

.vs-accordion-item {
  border-bottom: none !important;
  border-radius: 0 0 12px 12px;
}
.vs-accordion-item:focus {
  border: none !important;
}
.vs-accordion-item button {
  background-color: #1434CB;
  border-radius: 12px;
  color: white;
  font-family: "visa-font-latin-semi-bold", Tahoma;
  padding: 22px 20px !important;
}
.vs-accordion-item button::before {
  content: none !important;
}
.vs-accordion-item button:hover, .vs-accordion-item button:focus {
  background-color: #1434CB;
  color: white;
  border: none !important;
}

.vs-accordion-content.vs-text {
  background-color: #f4f5f7;
  border-radius: 0 0 12px 12pxs;
  padding: 30px 20px 20px 20px;
}

/* Desktop hero background */
.hero-bg {
  /* base color/gradient behind the PNG/JPG */
  background-color: #1434CB;
  background-image: url("../images/desktop-header-3.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  min-height: clamp(420px, 65vh, 720px);
  overflow: hidden;
  align-content: center;
}
@media (min-width: 1200px) {
  .hero-bg {
    min-height: 600px;
  }
}
@media (min-width: 2200px) {
  .hero-bg {
    min-height: 1000px;
  }
}

@media (max-width: 1300px) {
  .hero-bg {
    background-image: none;
    min-height: auto;
  }
  .mobile-header-image {
    display: block;
  }
  .mobile-header-text {
    width: 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.hero-bg h1,
.hero-bg p,
.hero-bg .btn {
  color: #fff;
}

.mobile-header {
  display: none;
}
@media (max-width: 1300px) {
  .mobile-header {
    display: block;
  }
}

#submitBtn {
  width: auto;
  background-color: #FCC015;
  color: #000;
}
#submitBtn::after {
  content: ">";
  padding-left: 10px;
}

#opt-out .vs-input {
  background-color: #1434CB;
  color: white;
}

#errorFormMessage {
  background-color: white;
  padding: 20px 0;
}
#errorFormMessage ul {
  margin-bottom: 0;
}
#errorFormMessage ul li a {
  color: #d50000 !important;
}

.vs-form-group .vs-checkbox:checked::after {
  background-color: white;
  left: 0px;
}

.vs-main-form.unenroll #errorFormMessage {
  background-color: #ffb6c1;
  padding: 20px 0;
}
.vs-main-form.unenroll #errorFormMessage ul {
  margin-bottom: 0;
}
.vs-main-form.unenroll #errorFormMessage ul li a {
  color: #d50000 !important;
}
.vs-main-form.unenroll p[role=alert] {
  background-color: #ffb6c1;
}

.image-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0px;
}
.image-strip .image-strip-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .image-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .image-strip {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*# sourceMappingURL=app.css.map */