html {
  scroll-behavior: unset;
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: touch;
}

body.single-comparator {
  -webkit-overflow-scrolling: touch;
}
body.single-comparator header.container {
  text-align: center;
}
body.single-comparator .site-footer {
  margin-top: 0;
}

.header-box {
  text-align: center;
}
@media (max-width: 767px) {
  .header-box {
    margin-top: 2em;
  }
}
.header-box p {
  margin: 0;
  padding: 0;
}

.compare-quiz {
  padding: 0 0 2em 0;
  max-width: 650px;
  margin: 0 auto;
  /* quiz progress */
}
.compare-quiz .quiz-question {
  font-size: 1.3em;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  margin-bottom: 1em;
}
.compare-quiz .quiz-answer button {
  margin-bottom: 0.5em;
}
.compare-quiz .quiz-submit button {
  background: var(--color-primary);
  color: #fff;
}
.compare-quiz .quiz-submit button:disabled {
  background: var(--color-disabled);
}
.compare-quiz .quiz-progress {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  padding: 0.5em 0;
  max-width: 220px;
  margin: 0 auto;
}
.compare-quiz .quiz-progress::after {
  content: " ";
  height: 1px;
  width: 100%;
  position: absolute;
  background: var(--color-border);
  top: 50%;
  z-index: -1;
}
.compare-quiz .quiz-progress--item {
  width: 23px;
  height: 23px;
  border: 1px solid var(--color-primary);
  background: #fff;
  color: var(--color-primary);
  font-weight: var(--font-weight-bold);
  border-radius: 100%;
  text-align: center;
  font-size: 0.8em;
}
.compare-quiz .quiz-progress--item span {
  display: block;
  margin-top: 0;
}
.compare-quiz .quiz-progress--item.selected {
  background: var(--color-primary);
  color: #fff;
}
.compare-quiz .quiz-progress--item.selected span {
  display: none;
}
.compare-quiz .quiz-progress--item.selected::before {
  font-family: var(--font-icon);
  content: "\f00c";
  font-size: 0.8em;
}

.section-tabs--outer {
  position: sticky;
  top: var(--section-tabs--outer-top);
  z-index: 7;
  background: #fff;
  height: 60px;
}
.section-tabs--outer .section-tabs {
  display: flex;
  align-items: stretch;
  height: 100%;
}
.section-tabs--outer .section-tabs > div {
  border-bottom: 3px solid var(--color-border);
  flex: 1;
  text-align: center;
  padding: 1.25em 0.5em;
  font-size: 0.8em;
  font-weight: var(--font-weight-bold);
  color: var(--color-text-grey);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 389px) {
  .section-tabs--outer .section-tabs > div {
    flex: auto;
  }
}
@media (min-width: 769px) {
  .section-tabs--outer .section-tabs > div {
    padding: 1em;
    font-size: 1em;
  }
}
.section-tabs--outer .section-tabs > div.active {
  border-bottom: 3px solid var(--color-primary);
  color: var(--color-primary);
}
.section-tabs--outer .section-tabs #selected_counter {
  display: inline-block;
  font-size: 0.7em;
  width: 2em;
  height: 2em;
  padding-top: 0.2em;
  margin-left: 0.5em;
  background: var(--color-light);
  border-radius: 100%;
  color: var(--color-tertiary);
  transition: all 0.1s linear;
  position: relative;
}
.section-tabs--outer .section-tabs .tab-has-results #selected_counter {
  background: var(--color-primary);
  transition: all 0.2s linear;
  color: #fff;
}
.section-tabs--outer .section-tabs .tab-has-results:not(.active) #selected_counter::before {
  content: "";
  position: absolute;
  display: block;
  width: 220%;
  height: 220%;
  box-sizing: border-box;
  margin-left: -59%;
  margin-top: -69%;
  border-radius: 100%;
  background-color: var(--color-primary);
  animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  z-index: -1;
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

.single-comparator .archive-card {
  border-top: 1px solid var(--color-light);
}

.filterToggle {
  font-weight: var(--font-weight-bold);
  cursor: pointer;
}
.filterToggle i {
  margin-right: 0.5em;
}

.container-filters .filterToggle {
  margin: 0 auto;
  color: var(--color-secondary);
  position: sticky;
  top: var(--filterToggle-top);
  z-index: 6;
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 0.5em 1em 0.5em 1em;
  border-bottom: 1px solid var(--color-border);
  height: 60px;
}
.container-filters .filterToggle img,
.container-filters .filterToggle svg {
  margin-right: 0.4em;
  width: 15px;
  height: 15px;
  position: relative;
  top: 0.16em;
}
.container-filters .filterToggle img path,
.container-filters .filterToggle svg path {
  fill: var(--color-secondary);
}
.container-filters .facetwp-submit {
  display: none;
}
.container-filters .card-filters--outer {
  position: relative;
}
@media (max-width: 1023px) {
  .container-filters .card-filters--outer {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  }
}
.container-filters .card-filters--outer h6,
.container-filters .card-filters--outer h4 {
  margin: 0;
}
@media (max-width: 1023px) {
  .container-filters .card-filters--outer h6,
  .container-filters .card-filters--outer h4 {
    color: #fff;
  }
}
.container-filters .card-filters--outer h6 {
  margin: 0.4em 0;
}
.container-filters #sticky-filters .container {
  padding: 0;
}
.container-filters #sticky-filters .facetwp-facet {
  margin-bottom: 0;
}
.container-filters #sticky-filters .facetwp-type-search {
  margin-top: 0.8em;
}
.container-filters #sticky-filters .facetwp-type-search .facetwp-input-wrap {
  display: block;
}
.container-filters #sticky-filters .facetwp-type-search .facetwp-input-wrap input.facetwp-search {
  width: 100%;
  padding-left: 48px;
}
.container-filters #sticky-filters .facetwp-type-search .facetwp-input-wrap .facetwp-icon {
  left: 0;
  right: auto;
  padding: 0 0.5em;
  display: flex;
  align-items: center;
}
.container-filters #sticky-filters .card-filters .card-specs--title {
  display: flex;
  align-items: center;
}
.container-filters #sticky-filters .card-filters .card-specs--title svg {
  margin-left: 0.35em;
}
.container-filters #sticky-filters .card-filters > div:not(.card-filters--bottom) .fs-dropdown input {
  border: unset;
  padding: unset;
  background: unset;
}
.container-filters #sticky-filters .card-filters > div:not(.card-filters--bottom) .card-filter--item {
  position: relative;
  margin: 0.6em 0;
}
@media (max-width: 1023px) {
  .container-filters #sticky-filters .card-filters > div:not(.card-filters--bottom) .card-filter--item .card-specs--title {
    margin-bottom: 0.5em;
  }
}
.container-filters #sticky-filters .card-filters > div:not(.card-filters--bottom) .card-filter--item::after {
  font-family: var(--font-icon);
  content: "\f078";
  position: absolute;
  right: 0.8em;
  font-size: 0.65em;
  color: var(--color-secondary);
  font-weight: var(--font-icon-bold);
  bottom: 12px;
}
.container-filters #sticky-filters .card-filters > div:not(.card-filters--bottom) .card-filter--item select,
.container-filters #sticky-filters .card-filters > div:not(.card-filters--bottom) .card-filter--item .fs-label-wrap {
  -webkit-appearance: none;
}
.container-filters .card-filters--bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column: span 3;
  align-items: center;
  padding: 0;
}
@media (min-width: 1025px) {
  .container-filters .card-filters--bottom {
    padding-bottom: 1em;
  }
}
.container-filters .card-filters--bottom .card-filter--item {
  grid-gap: 0;
  display: flex;
  align-items: center;
}
.container-filters .card-filters--bottom .card-filter--item .card-specs--title {
  margin-left: 0.7em;
}
.container-filters .card-filters--bottom .card-filter--item input[type=checkbox] {
  -webkit-appearance: none;
  border-radius: 3px;
  width: 18px;
  height: 18px;
  position: relative;
  cursor: pointer;
  border: 1px solid #fff;
}
@media (min-width: 1025px) {
  .container-filters .card-filters--bottom .card-filter--item input[type=checkbox] {
    border: 1px solid var(--color-text);
  }
}
.container-filters .card-filters--bottom .card-filter--item input[type=checkbox]:checked {
  border: 1px solid var(--color-primary);
}
.container-filters .card-filters--bottom .card-filter--item input[type=checkbox]:checked::after {
  font-family: var(--font-icon);
  content: "\f00c";
  font-weight: var(--font-icon-bold);
  color: var(--color-primary);
  position: absolute;
  top: -0.15em;
  left: 0.15em;
  font-size: 0.85em;
}
.container-filters .card-filters--bottom .reset-filters {
  text-align: right;
  margin: 0;
  grid-column: unset;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.container-filters .card-filters--bottom .reset-filters .card-specs--title {
  margin-right: 0.7em;
  cursor: pointer;
}

.archive-card--output .no-results {
  grid-column: span 4;
  text-align: center;
  padding-bottom: 2em;
}
.archive-card--output .no-results label {
  text-align: center;
}

.calc-the-rewards {
  display: none;
}

.archive-card--output,
.archive-chequing--output,
.archive-savings--output {
  padding: 0 0 2em 0;
  background: var(--color-light-bg);
}

.mc-sort-by {
  text-align: center;
  padding: 1em 0;
}
.mc-sort-by h6 {
  margin: 0 0 0.5em 0;
  text-align: center;
}
.mc-sort-by .facetwp-sort {
  position: relative;
  display: grid;
  align-items: center;
  max-width: 300px;
  margin: 0 auto;
}
.mc-sort-by .facetwp-sort select {
  width: 100%;
  padding: var(--input-padding);
  color: var(--color-text);
  font-weight: var(--font-weight-regular);
  line-height: var(--body-line-height);
  background: var(--input-background-color);
  -webkit-appearance: none;
  outline: none;
  border-radius: var(--input-border-radius);
  font-size: 0.9em;
  border: 1px solid var(--color-border);
  background: #fff;
}
.mc-sort-by .facetwp-sort select::placeholder {
  color: var(--color-text-grey);
  font-weight: var(--font-weight-regular);
  line-height: var(--body-line-height);
}
.mc-sort-by .facetwp-sort::after {
  font-family: var(--font-icon);
  content: "\f078";
  position: absolute;
  right: 0.8em;
  font-size: 0.65em;
  color: var(--color-secondary);
  font-weight: var(--font-icon-bold);
}

body .archive-card .mc-card-total > div {
  text-align: center;
  margin-bottom: 1em;
}

body .card .card-btns .compare a {
  cursor: pointer;
  border: 1px solid var(--color-light);
  padding: 0.5em 1.5em;
  border-radius: 10em;
  display: block;
  font-size: 0.85em;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  color: var(--color-primary);
  text-align: center;
}
body .card .card-btns .compare a::before {
  content: "\f055";
  font-family: var(--font-icon);
  margin-right: 0.5em;
}

body .card .card-btns .compare-remove a {
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: #fff;
}
body .card .card-btns .compare-remove a::before {
  content: "\f057";
}

:root {
  --thead-bg: #f7f9fb;
  --thead-color: hsl(210, 5%, 40%);
  --time-color: hsl(210, 5%, 70%);
  --sticky-height: 4em;
}

.wrapper {
  padding: 15px;
  margin: 10em auto 30em;
  max-width: 1080px;
}

.compare-table {
  position: relative;
  border: solid var(--color-border);
  border-width: 0 1px 0 0;
  overscroll-behavior: contain;
  text-align: center;
  font-size: 0.8em;
}
.compare-table .headers {
  top: var(--compare-table-headers);
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
}
@media (min-width: 769px) {
  .compare-table .headers {
    top: var(--compare-table-headers-tablet);
  }
}
@media (min-width: 1025px) {
  .compare-table .headers {
    top: var(--compare-table-headers-desktop);
  }
}
@media (min-width: 1251px) {
  .compare-table .headers {
    top: var(--compare-table-headers-desktop-lg);
  }
}
.compare-table .sticky-header {
  height: 8.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 7;
  position: sticky;
  top: 0;
  font-weight: 700;
  overflow: hidden;
}
.compare-table .sticky-header span {
  opacity: 0;
  transform: translateY(-100%);
  transition: 0.4s;
}
.compare-table .reveal .sticky-header span {
  opacity: 1;
  transform: none;
}
.compare-table .headers .scroller .track:first-child {
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.05);
  z-index: 6;
}
.compare-table .tracks,
.compare-table .scroller {
  display: flex;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.compare-table .scroller {
  flex: 1;
}
.compare-table .tracks {
  overflow: auto;
}
.compare-table .tracks::-webkit-scrollbar,
.compare-table .scroller::-webkit-scrollbar {
  display: none;
}
.compare-table .track {
  flex: 1 0 20%;
}
.compare-table .track + .track {
  margin-left: -1px;
}
.compare-table .time {
  flex: 0 0 20%;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  text-align: right;
}
.compare-table .headers .time {
  z-index: 5;
  background: #fff;
}
.compare-table .tracks .time {
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.05);
  z-index: 1;
}
.compare-table .time .heading {
  justify-content: flex-end;
  font-weight: 500;
  display: grid;
  padding: 1em;
}
.compare-table .heading {
  justify-content: center;
  align-items: center;
  top: 0;
  border: solid var(--color-border);
  border-width: 1px;
  border-top: 0;
  z-index: 1;
  background: #fff;
  font-weight: var(--font-weight-bold);
}
.compare-table .track.time {
  max-width: 230px;
}
.compare-table .entry {
  border: 1px solid var(--color-border);
  border-top: 0;
  height: 5em;
  padding: 1em;
  display: grid;
  flex-direction: column;
  text-align: center;
  align-content: center;
  line-height: 1.4;
}
.compare-table .entry-bigger {
  height: 8em;
}
.compare-table .track:last-of-type > div {
  border-right: 0;
}
.compare-table .time .entry,
.compare-table .time .heading {
  position: relative;
  background: #fff;
  border-color: transparent var(--color-border) var(--color-border) transparent;
  border-color: transparent var(--color-border) transparent transparent;
  width: var(--right-col-width);
}
.compare-table .time .entry::after,
.compare-table .time .heading::after {
  content: " ";
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 50%;
  height: 1px;
  z-index: 3;
  background: linear-gradient(to left, var(--color-border), #fff);
}
.compare-table .fa-check {
  width: auto;
}
.compare-table .fa-times {
  width: auto;
}
.compare-table .compare-remove {
  margin: -0.5em -0.5em 0.5em auto;
  width: 1.6em;
  height: 1.6em;
  border-radius: 100%;
  background: var(--color-light);
  transition: background 0.2s linear;
  display: block !important;
  cursor: pointer;
}
.compare-table .compare-remove::before {
  content: "\f00d";
  font-family: var(--font-icon);
  color: var(--color-text-grey);
  position: relative;
  top: 0.2em;
  font-weight: var(--font-weight-regular);
}
.compare-table .compare-remove a {
  display: none;
}
.compare-table .compare-remove:hover {
  background: #ececec;
}
.compare-table .heading {
  padding: 1em;
  line-height: 1.25;
  height: 100%;
}
.compare-table .heading .card--title {
  font-size: 1em;
  min-height: 80px;
  padding-bottom: 0.5em;
  display: block;
}
.compare-table .heading .card-image {
  height: 120px;
}
.compare-table .heading .card-image img {
  height: 100%;
  object-fit: contain;
}
.compare-table .heading img {
  max-width: 160px;
  width: 100%;
}
.compare-table .card-btns,
.compare-table .btn {
  display: block;
  max-width: 160px;
  margin: 0 auto;
  font-size: 0.6rem;
}
.compare-table .card-btns {
  margin-top: 0.5em;
}
.compare-table .card-btns a {
  margin-bottom: 0.3em;
  width: 100%;
}

/* bottom subscribe button */
.compare-table .tracks .track > div:last-child {
  padding: 1em 1em 1.6em 1em;
  border-right: 1px solid #ebebeb;
}

/* other rows */
.mobile-heading,
.mobile-heading-row {
  display: none;
}

.compare-table p {
  margin: 0;
}

.compare-table .card--value_num {
  font-size: 1.5em;
  font-weight: var(--font-weight-bold);
}

/* Left sticky column */
.compare-table .row-heading,
.compare-table .time .heading,
.time .heading {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-family: var(--font-stack-heading);
  font-weight: var(--font-weight-heading);
  line-height: var(--heading-line-height);
  border-bottom: none;
}

.compare-table .row-sub-heading {
  font-weight: var(--font-weight-regular);
  letter-spacing: 0;
  font-size: 0.95em;
  text-align: right;
}

/* Section row */
body .compare-table .time .section-row {
  background: var(--color-light);
  background: linear-gradient(275deg, var(--color-light), #fff);
  border-right: 1px solid var(--color-border);
}

body .compare-table .section-row {
  background: var(--color-light);
  border: 0;
}

body .site-main .sub-heading {
  text-transform: none;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0;
  font-size: 0.95em;
}

.compare-add-another {
  min-height: 80px;
  color: var(--color-text-grey);
  font-weight: var(--font-weight-regular);
  font-size: 1em;
  padding: 0 0 0.5em 0;
  max-width: 200px;
  margin: 1.5em auto 0 auto;
  cursor: pointer;
}

.compare-img-add-another img {
  border: 1px solid var(--color-text-grey);
  border-radius: 6px;
  cursor: pointer;
  margin-bottom: 4em;
  transition: opacity 0.1s linear;
  opacity: 0.5;
}
.compare-img-add-another img:hover {
  opacity: 0.7;
}

/* column widths */
.table-scroll th,
.table-scroll td,
.clone td,
.clone th {
  width: 130px;
}

.table-scroll th {
  width: 100px;
}

.container-filters .filterStickyToggle {
  display: none;
}

/*# sourceMappingURL=card-compare.css.map */