.a-text-highlight--teal {
  color: #009ab1 !important;
}
.t-accent-solid--blue {
  background-color: #1A61BD;
}
.aff-hero__slim .hero-wrapper--viewport-height .hero {
  min-height: 50vh;
  height: 500px;
}
.aff-page > .o-modal-regionmodal {
  max-width: 500px;
}
@media screen and (min-width: 100em) {
  .aff-page .hero-wrapper--viewport-height .hero {
      min-height: 50vh;
  }
  .aff-hero__slim .hero-wrapper--viewport-height .hero {
    min-height: 20vh;
  }
}
@media screen and (min-width: 110em) {
  .aff-page .hero-wrapper--viewport-height .hero__content-wrapper {
    height: 55vh;
  }
  .aff-hero__slim .hero-wrapper--viewport-height .hero__content-wrapper {
    height: 25vh;
  }
}
@media screen and (min-width: 60em) {
  .aff-hero__slim .hero-wrapper--viewport-height .hero {
    min-height: 30vh;
  }
  .aff-hero__slim .hero-wrapper--viewport-height .hero__content-wrapper {
    height: 25vh;
  }
}

@media screen and (min-width: 48em) {
  .aff-hero__slim .hero-wrapper--viewport-height .hero {
    min-height: 35vh;
  }
  .aff-hero__slim .hero-wrapper--viewport-height .hero__content-wrapper {
    height: 30vh;
  }
}

/* Adding 'display: block' here overrides typical Aviva.ca/uk design pattern */
.aff-page .o-masthead__primary-nav {
  display: block;
  float: right;
}

/* Sticky divs below masthead */
.aff-head-fixtures {
  position: relative;
}
.aff-head-fixture {
  padding: 0 1em;
  background-color: #001E60;
  color: white;
  font-size: 0.9em;
}
.aff-head-fixture a, .aff-head-fixture a:visited {
  color: white;
  border-bottom: none;
}
.aff-head-fixture a:hover, .aff-head-fixture a:focus {
  border-bottom: 1px solid #ccc;
}
.aff-head--left, .aff-head--right {
  position: absolute;
  z-index: 999;
}

.aff-head--left {
  left: 0;
}

.aff-head--right {
  right: 0;
}

/* Richtext component styles */

.aff-page .aff-main-content .richtext-block {
  margin: 0 auto;
}
.richtext-block__small-width,
.richtext-block__medium-width,
.richtext-block__standard-width {
  margin: 0 auto;
}

.richtext-block__small-width.richtext-block__align-left,
.richtext-block__medium-width.richtext-block__align-left,
.richtext-block__standard-width.richtext-block__align-left {
  margin: 0 0;
}
.richtext-block__max-width {
  max-width: 100%;
} 

.richtext-block__standard-width {
  max-width: 57.5em;
} 
.richtext-block__medium-width {
  max-width: 38.563em;
}
.richtext-block__small-width {
  max-width: 30em;
}

.small-text {
  font-size: 0.75em;
}

/* Page Title */
.aff-page .contentsection .a-heading.a-heading--0 {
  margin-top: 0;
}
.aff-page .l-content-container .pagetitle {
  margin-top: 20px;
}
.aff-page .pagetitle .l-content-container {
  margin-top: 0;
}

@media (min-width: 60em) {
  .aff-page .a-heading.a-heading--0 {
    font-size: 6em;
  }
  .aff-page .a-heading.a-heading--1 {
    font-size: 2.5em;
  }  
  .aff-page .a-heading.a-heading--2 {
    font-size: 2em;
  }
}
.aff-page .a-heading.a-heading--3.light-blue-text.small-caps {
  font-size: 2.2em;
  text-transform: uppercase;
  color: #004FB6;
}


/* SVG maple leaf */
.t-accent-light.t-accent-light--white .maple-leaf-fill {
  fill: #ff0000;
}

.t-accent-dark .maple-leaf-fill {
  fill: #fff;
}

.l-section .l-content-container .l-section__description+div, .l-section .l-content-container>div+div.the-problem-section {
  margin-top: 0;
}

@media (min-width: 60em) {
  .the-problem--items {
    max-width: 50em;
  }
}

.the-problem--heading-box {
  background-color: #4298AE;
  padding: 12px 24px;
  position: relative;
  display: inline-block;
  text-align: center;
  width: 325px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
}

.the-problem--background {
  background-image: none;
  background-repeat-x: no-repeat;
  background-repeat: repeat-y;
  background-color: transparent;
  padding-top: 60px;
  padding-bottom: 60px; 
}

.the-problem--item__index {
  font-size: 2em;
  z-index: 2;
}

.accent--dark-green .the-problem--item__index,
.accent--medium-green .the-problem--item__index,
.accent--light-green .the-problem--item__index {
  color: white;
}

.the-problem--item__title {
  display: flex;
  align-items: center;
  padding: 12px;
  height: 70px;
}

@media (min-width: 575px) {
  .the-problem-section {
    padding-left: 100px;
  }
  .the-problem--item__body {
    padding-left: 24px;
    margin-left: 124px;
  }
  .the-problem--heading-box {
    left: -100px;
    transform: translateX(0);
  }
  .the-problem--background {
    background-image: url('/content/dam/aviva-public/ca/aviva-fight-fraud/static/road.png');
  }
  .the-problem--item__index {
    min-height: 120px;
    font-size: 4em;
    background-image: url('/content/dam/aviva-public/ca/aviva-fight-fraud/static/location-pin.svg');
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
    width: 124px;
    background-position-x: center;
  }
  .accent--dark-green .the-problem--item__index {
    color: #0E573F;
  }
  .accent--medium-green .the-problem--item__index {
    color: #458B2B;
  }
  .accent--light-green .the-problem--item__index {
    color: #59B337;
  }
  .the-problem--item__title {
    height: 70px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

.the-problem--heading-box .inline-svg {
  background-color: #4298AE;
  position: relative;
  display: inline-block;
  padding: 0 8px;
}

.the-problem--heading-box .the-problem--heading.a-heading.a-heading--3 {
  font-size: 1.75em;
  padding-top: 32px;
  border: 1px white solid;
  margin-top: -16px;
  padding-bottom: 32px;
}

.the-problem--heading-box:after, .the-problem--heading-box:before {
  content: '';
  z-index: 0;
  display: block;
  width: 12px;
  height: 46px;
  position: absolute;
  bottom: -46px;
  background-color: #ccc;
}

.the-problem--heading-box:after {
  right: 24px;
}
.the-problem--items {
  margin-top: 46px;
}

.the-problem--item__heading {
  min-height: 120px;
  display: flex;
  align-items: center;
}

.accent--dark-green .the-problem--item__title, .accent--medium-green .the-problem--item__title, .accent--light-green .the-problem--item__title {
  color: white;
}

.accent--dark-green .the-problem--item__title {
  background-color: #0E573F;
  box-shadow: -60px 0px 0px #0E573F;
}

.accent--medium-green .the-problem--item__title {
  background-color: #458B2B;
  box-shadow: -60px 0px 0px #458B2B;
}

.accent--light-green .the-problem--item__title {
  background-color: #59B337;
  box-shadow: -60px 0px 0px #59B337;
}

.the-problem--item {
  margin-bottom: 50px;
}



.aff-page .infographic-img {
  width: 90px;
  height: 60px;
  display: inline-block;
}

.aff-page .infographic-img img {
  max-height: 100%;
}

.l-columns>.l-columns__column.tile--column {
  padding: 60px;
  padding-bottom: 60px;
}

.tile--column.tile--white-bg {
  background-color: #fff;
}

.tile--column.tile--blue-bg {
  background-color: #1A61BD;
}

.tile--column.tile--blue-bg .a-heading.a-heading--0 {
 color: #FFD900;
}

.aff-page .l-columns.l-columns--2-large.tiles-2up {
  margin-bottom: 0;
}

.aff-page .l-columns.l-columns--2-large.tiles-2up .l-columns__column {
  width: 100%;
  margin: 0;
}

@media (min-width: 60em) {
  .aff-page .l-columns.l-columns--2-large.tiles-2up .l-columns__column {
   width: 50%;
  }
}

.tile--flex {
  text-align: center;
}

.tile--flex .a-heading.a-heading--0, 
.tile--flex .a-heading.a-heading--1, 
.tile--flex .a-heading.a-heading--2, 
.tile--flex .a-heading.a-heading--3,
.tile--flex .a-heading.a-heading--4 {
  margin-top: 0;
  margin-bottom: 0;
}

.aff-page .tilesection {
  margin-top: 30px;
}
.the-problem-contentsection>.l-section>.l-content-container {
  margin-top: 0;
  margin-bottom: 0;
}

.icon-textblock.richtext-super.parbase {
  width: 100%;
  max-width: 100%;
}

.icon-and-text {
  display: flex;
  align-items: flex-start;
}

.icon-and-text .icon {
  margin-right: 30px;
  flex-basis: 8%;
}

.icon-and-text .text {
  flex-basis: 92%;
}

.icon-and-text .a-heading.a-heading--0, 
.icon-and-text .a-heading.a-heading--1, 
.icon-and-text .a-heading.a-heading--2, 
.icon-and-text .a-heading.a-heading--3,
.icon-and-text .a-heading.a-heading--4 {
  margin-top: 0;
  margin-bottom: 0;
}


.number-and-text {
  display: flex;
}
.number-and-text .number {
  font-size: 3em;
  border: 1px solid black;
  border-radius: 50%;
  margin-right: 30px;
  display: flex;
  width: 72px;
  height: 72px;
  padding: 24px;
  align-content: center;
  align-items: center;
}

.number-and-text .a-heading.a-heading--0, 
.number-and-text .a-heading.a-heading--1, 
.number-and-text .a-heading.a-heading--2, 
.number-and-text .a-heading.a-heading--3,
.number-and-text .a-heading.a-heading--4 {
  margin-top: 0;
  margin-bottom: 0;
}

.aff-page .m-card--editorial-icon .a-heading.a-heading--2 {
  font-size: 1.5em;
}

.m-card--horizontal-icon {
  display: flex;
  flex-direction: row;
}
.m-card--horizontal-icon .m-card-image {
  flex-basis: 20%;
}

.m-card--horizontal-icon .m-card-content {
  flex-basis: 80%;
}

.m-card--horizontal-icon .m-card-image__img img {
  max-width: 150px;
}

.a-button.a-button--blue.l-section__cta {
  background-color: #004FB6;
  color: #fff;
}

.a-button.a-button--blue.l-section__cta:hover {
  background-color: #FFD900;
  color: #004FB6;
}


.a-button.a-button--outline.l-section__cta.l-section__icon-btn {
  background-color: transparent;
  color: #004FB6;
  border: 1px solid #004FB6;
}

.a-button.a-button--outline.l-section__cta.l-section__icon-btn:hover {
  background-color: #004FB6;
  color: #fff;
}

.a-button.l-section__cta.l-section__cta.l-section__icon-btn:after {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  margin-left: 8px;
  width: 22px;
  height: 22px;
  transition: all 0.18s ease-in-out;
}

.a-button.l-section__cta.l-section__icon-btn {
  display: inline-flex;
  align-items: center;
}

.a-button.a-button--modal.l-section__cta:after {
  background-image: url("/content/dam/aviva-public/ca/aviva-fight-fraud/icons/plus-icon-white.svg");
}

.a-button.a-button--modal.l-section__cta:hover:after {
  background-image: url("/content/dam/aviva-public/ca/aviva-fight-fraud/icons/plus-icon-blue.svg");
}
.a-button.a-button--video-custom.l-section__cta:hover:after {
  background-image: url("/content/dam/aviva-public/ca/aviva-fight-fraud/icons/play-icon-white.svg");
}

.a-button.a-button--video-custom.l-section__cta:after {
  background-image: url("/content/dam/aviva-public/ca/aviva-fight-fraud/icons/play-icon-blue.svg");
}


/* MODAL content styling */


.light-blue-text {
  color: #004FB6;
}
.dark-blue-text {
  color: #001E60;
}

.modal-content__flex-content {
  padding-top: 0;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.modal-content__number-text-pair {
  flex-basis: 25%;
  padding: 12px;
}
.modal-content__graph-img {
  flex-basis: 75%;
}

.aff-page .o-modal  h3.modal-content__subheading {
  text-transform: uppercase;
  color: #004FB6;
  font-size: 1.2em;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-top: 12px;
}
h3.modal-content__subheading, h3.content__subheading, 
.t-accent-light  h3.modal-content__subheading, .t-accent-light  h3.content__subheading {
  text-transform: uppercase;
  color: #004FB6;
  font-size: 1.2em;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-top: 12px;
}
/* 
.heading--number {}
.aff-page .o-modal .a-heading.a-heading--2 {} */

.modal-content__heading-number {
  display: block;
  color: #001E60;
  font-weight: 800;
  font-size: 1.6em;
}
.dark-blue-text.modal-content__heading-number.negative-number {
  color: #BD2624;
}

.modal-content__number-text-pair {
  text-align: center;
}
.modal-content__heading-text {
  display: block;
  color: #001E60;
  font-weight: 300;
  font-size: 1.8em;
  font-family: source_sans_prolight,-apple-system,blinkmacsystemfont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,arial,helvetica,sans-serif; 
}

.aff-page .o-modal .a-heading.a-heading--2 {
  margin-top: 23px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 2.6em;
}
.aff-page .o-modal .a-heading.a-heading--2.light-blue-text, .aff-page .light-blue-text.heading.heading--2 {
  color: #004FB6;
}

.aff-page .o-modal .l-section .l-content-container {
  margin-bottom: 0px;
  margin-top: 0px;
}

@media (min-width: 35em) {
  .aff-page .o-modal {
      max-width: 46em;
  }
  .aff-page > .o-modal-regionmodal {
    max-width: 500px;
  }
}

.insurance-breakdown-container .modal-content.modal-content__flex-content .modal-content__number-text-pair {
  position: relative;
}
.insurance-breakdown-container .modal-content.modal-content__flex-content .modal-content__number-text-pair::after {
  content: '';
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: -12px;
  background-image: url('/content/dam/aviva-public/ca/aviva-fight-fraud/icons/plus.png');
}

.aff-page .l-section .l-content-container .l-section__description+.l-columns, .l-section .l-content-container>div+.l-columns {
  margin-top: -60px;
}

.aff-page .t-accent-dark--light-blue .m-card.icon-card {
  background-color: rgba(0,30,96,.25);
}
.aff-page .m-card.icon-card .icon-card__icon-svg {
  width: 100%;
}

.modal-content__flex-content .modal-content__number-text-pair {
  align-self: flex-start;
}


.modal-content__flex-content .modal-content__icon-img {
  align-self: center;
}

.aff-page .o-modal .a-heading.a-heading--0, 
.aff-page .o-modal .a-heading.a-heading--1, 
.aff-page .o-modal .a-heading.a-heading--2, 
.aff-page .o-modal .a-heading.a-heading--3,
.aff-page .o-modal .a-heading.a-heading--4 {
  margin-top: 0;
  margin-bottom: 0;
}

/* .aff-page .o-modal .l-section .l-content-container {} */

.a-list-plain.flex-column {
  column-count: 2;
  column-gap: 2em;
  column-width: 15em;
}
.a-list-plain.flex-column li {
  flex-basis: 25%;
  margin-top: .625em;
}
.a-list-plain.flex-column>li:first-child {
  margin-top: 0;
}
.a-list-plain.flex-column>li:last-child {
  margin-bottom: .625em;
}

.a-list-plain.flex-column.flex-column--4 {
  column-count: 4;
}

.a-list-plain.flex-column.flex-column--3 {
  column-count: 3;
}

.a-list-plain.flex-column.flex-column--2 {
  column-count: 2;
}

.share-buttons--container {
  position: relative;
}

.share-buttons--floating {
 position: absolute;
 right: 0;
 line-height: 0;
 top: -2.5em; 
}

.share-buttons--button {
  float: left;
  margin-left: 12px;
}

.microsite-masthead .dropbtn-microsite {
  display: block;
  border-bottom: none;
  cursor: pointer;
}

.microsite-masthead .dropbtn-container {
  display: none;
}
.microsite-masthead .navbar {
  flex-direction: row; 
  box-sizing: border-box; 
  display: flex; 
  max-height: 100%; 
  place-content: center space-between; 
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
}

.dropdown-content {
  overflow: visible;
  transition: .3s height ease-in-out;
}

@keyframes showMenu {
  0% {max-height: 0}
  99% {max-height: 400px}
  100% {height: auto}
}
@keyframes hideMenu {
  0% {max-height: 400px; height: auto;}
  99% {max-height: 0; height: auto;}
  100% {display: none; height: 0;}
}

@media (max-width: 60em) {
  .microsite-masthead .o-masthead {
    overflow: visible;
  }
  .dropdown-content {
    overflow: hidden;
  }
  .microsite-masthead .navbar-links_container.dropdown-content {
    padding: 0px;
    height: 0px; }
  .microsite-masthead .navbar-links_container.dropdown-content:not(.show) {
    animation: hideMenu 0.3s ease-in-out 1;
    animation-fill-mode: forwards;
  }
  .microsite-masthead .navbar-links_container.dropdown-content.show {
    animation: showMenu 0.3s ease-in-out 1;
    animation-fill-mode: forwards;
    height: auto; 
  }

  ul.navbar-links_list {
    padding: 0;
    margin: 0;
  }
  .dropdown-content.show {
    padding: 30px;
    /* transition: .3s height ease-in-out; */
  }
  .microsite-masthead .dropbtn-container {
    display: block;
    position: absolute;
    top: 1em;
    right: 1.25em;
  }
  .microsite-masthead .dropbtn-microsite {
    display: inline;
  }

  .microsite-masthead .navbar-links_list{
    display: block;
    padding: 1em 0;
  }
  .microsite-masthead .navbar-links_list .navbar-link{
    display: block;
  }
  .microsite-masthead li.navbar-link {
    margin-bottom: 20px;
  }
  .microsite-masthead li.navbar-link a {
    color: #004fb6;
  }
  .microsite-masthead li.navbar-link a:hover {
    color: #004fb6;
  }

  .microsite-masthead .navbar-links_list li {
    margin-left: 0;
    padding-left: 0;
  }
  .microsite-masthead .dropdown-content {
    /* position: absolute;
    top: 60px;
    left: 1em; */
    width: 100%;
    z-index: 9;
    background: transparent;
  }
  .navbar-links_container .navbar-links_list li {
    float: none;
  }
  .navbar-links_container .navbar-links_list li a{
    display: inline;
    padding-bottom: 0.25em;
  }
  .microsite-masthead .masthead-logo__link {
    flex: 1;
    text-align: center;
  }
}
@media (max-width: 35em) {
/* consider using for microsite menu left alignment on small/mobile */
}
@media (min-width: 60em) {
  .js.flexbox .m-country-selection-list {
    column-count: 3;
  }
}
/* end of masthead styles */