/* Ellie added this */
.homepage {
  background-color: #f7f9fa;
}
.homepage .hero {
color: #fefefe;
font-size: 2.2rem;
    width: 100%;
    /* max-width: 80rem; */
    margin: 0 auto !important;
    padding: 5rem 0 4rem !important;
}
.hero .container h1 {
      max-width: 560px;
      margin: 0 !important;
      font-family: Merriweather;
      font-size: 2.25rem;
      font-weight: 700;
      line-height: 1.3;
      letter-spacing: -0.01em;
      color: #202124;
}
.subheading {
      color: #696F77;
      font-size: 1.5rem;
      line-height: 1.4;
}

@media only screen and (max-width: 1280px) {
  .subheading {
      max-width: 75%;
  }
}

@media screen and (max-width: 680px) {
  .homepage .hero {
    font-size: 1.2rem;
    padding: 3rem 1rem;
  }

  .hero .container h1 {
    margin-bottom: 0.25rem !important;
    font-size: 1.75rem;
    line-height: 1.25;
  }

  .subheading {
    max-width: 100%;
    font-size: 1.25rem;
    line-height: 1.25;
  }
}

.alert-right {
	display: block;
	position: absolute;
	top: 195px;
	right: 0;
	padding: 1.25rem 5rem 1.25rem 1.5rem;
	border-top: 5px solid #6697c7;
	border-radius: 3px 0 0 3px;
	background-color: #0455a4;
	color: #f1f3f4;
	text-decoration: none;
	transition: border-top-color .3s ease, background-color .3s ease, color .3s ease;
}

.alert-right {
      top: 0;
      right: calc(50% - 50vw);
      padding: 1.5rem 5rem 1.5rem 1.5rem;
      text-decoration: none !important;
      z-index: 10;
}
.alert-right:hover {
	border-top-color: #6f7d91;
	background-color: #13294B;
	color: #fff;
	text-decoration: none;
}
.alert-right-heading {
	margin: 0 0 0.25rem 0;
	font-size: 1.15rem;
	opacity: 0.8;
}
.alert-right-heading {
      display: block;
      color: #f1f3f4;
      font-weight: 400;
     line-height: 1.15;
} 

.alert-right > [class*="bi-"] {
      left: auto;
      line-height: 1;
      right: 2rem;
      top: calc(50% - 1rem);
      font-size: 2rem;
}

@media screen and (max-width: 1000px) {
    .alert-right {
      position: relative;
      left: 0;
      border-radius: 3px;
    }
  .subheading {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 1000px) {
    .alert-right {
      width: 100%;
    }
}

.pos-relative {
      position: relative;
}

.top-footer {
      margin-top: 0;
      padding:  1rem 0;
      background-color: #4e5e78;
}

.disclaimer {
      width: 58%;
      margin: 0 auto;
      padding: 1rem;
      background: inherit;
      color: #fff;
      font-size: 0.8rem;
      font-style: italic;
}

@media screen and (max-width: 680px) {
  .disclaimer {
    width: 100%;
  }
}

.cards .col-sm {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 80%;
      flex: 0 1 80%;
}

@media screen and (max-width: 1000px) {
.cards .col-sm {
      -ms-flex: 0 1 100%;
      flex: 0 1 100%;
}
}

@media screen and (max-width: 760px) {
.cards .card {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
        flex-direction: column !important;
}
}

.cards .col-sm + .col-sm {
  margin-top: 4rem;
}

.cards .card {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
     -ms-flex-direction: row;
      flex-direction: row;
      height: 100%;
      border: 1px solid #f2ecec;
      border-radius: 0;
      background: none;
}

.card-body {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: auto 1fr auto;
      grid-template-columns: auto 1fr auto;
      grid-template-areas: "title" "description" "button";
      -ms-flex-line-pack: start;
      align-content: start;
      padding: 3rem;
      /*      
        border: 1px solid #cacaca;
        border-radius: 5px;
      */
      background-color: #fff;
      color: rgb(32, 33, 36) !important;
}

.card h2 {
      color:  inherit;
      font-family: inherit;
      font-size: 1.375rem;
      font-weight: 700;
}

.card-img {
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      display: block;
      width: auto;
      /* max-width: 100%; */
      height: 100%;
      object-fit: cover;
      overflow: hidden;
      border-radius: 0;
}

.card-title {
      grid-area: title;
}

.card-text {
      grid-area: description;
}

.card-body .mt-5 {
      margin-top: 2rem !important;
}

.card-body p:last-child {
      grid-area: button;
      text-align: left !important;
}

.card-body p .btn {
      position: relative;
      padding-right: 2rem;
      background-color: #0455a4;
      border: none;
      font-size: 1.15rem !important;
      font-weight: 400;
}

.card-body p .btn:hover {
      background-color: #13294B;
      color: #fff;
      text-decoration: none;
}

@media screen and (max-width: 680px) {
  .card-body {
    padding: 1rem 2rem 2rem 2rem;
  }

  .card-img  {
    flex-basis: auto;
    height: auto;
    width: auto;
  }
}

.alert-right-heading::after {
content:"\F280";
font-family: bootstrap-icons;
display: block;
  margin-top: 1px;
  float: right;
}
.homepage .card a.btn::after {
content:"\F280";
font-family: bootstrap-icons;
display: block;
  margin-top: 1px;
  float: right;
}
.homepage.cards .card a.btn {
  position: absolute;
  top: calc(50% - 0.75rem);
  right: 0;
  left: auto;
  font-size: 1.5rem;
  line-height: 1;
  color: #fff;
  opacity: 0.5;
}
.bg-periwinkle {
	background-color: #4f6898 !important;
color: #fff;
}
.bg-teal {
	background-color: #0d605e !important;
color: #fff;
}
.bg-periwinkle:hover, .bg-periwinkle:focus, .bg-periwinkle:active,
.bg-teal:hover, .bg-teal:focus, .bg-teal:active {
	background-color: #052927 !important;
color: #fff;
}
.il-footer-navigation {
	grid-template-columns: unset;
	font: 14px var(--il-source-sans);
	font-style: italic;
}
h2.title { 
     font-weight: normal;
}


.merchant-listings hr {
    border-top: 1px solid rgba(72, 88, 115, 0.25);
}
.merchant-listing .title {
      margin-bottom: 0;
}
.merchant-listing .discount {
color: #1F4096;
font-weight: 600;
font-style: italic;
}
.merchant-listing .details {
margin-top: 1em;
}