@charset "UTF-8";
/*-- Variables --*/
/* used in mobile nav submenu */
/* used in nav, splash callout bg */
/* used in nav */
/*-- End Variables --*/
/*-- Media Query Ranges--*/
/*-- End Query Ranges --*/
/*-- MIXINS --*/
/* font fix for light text on dark bg */
/*-- End Mixins --*/
/* colors (where differ between cinvanti and sustol) */
.primary-color {
  color: #283590;
}

.black {
  color: #000;
}

.secondary-color-cinvanti {
  color: #c9920e;
}

.secondary-color-sustol {
  color: #00aeee;
}

.tertiary-color-cinvanti {
  color: #7d878c;
}

.tertiary-color-sustol {
  color: #e10177;
}

.secondary-color-zynrelef {
  color: #3c1152;
}

.secondary-color-aponvie {
  color: #00afd7;
}

.nobrk {
  white-space: nowrap;
}

.relative {
  position: relative;
}

.abs {
  position: absolute;
}

.vert-center {
  /* vert center */
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.table-row {
  display: table-row;
}

@media (min-width: 768px) {
  .pull-left-sm {
    float: left;
  }

  .table-row-sm {
    display: table-row;
  }
}
.centered {
  text-align: center;
  overflow: visible;
}
.centered > div {
  float: none;
  display: inline-block;
  text-align: left;
}

@media (min-width: 768px) {
  .collapsed-col-sm-3 {
    width: 25%;
  }

  .centered-sm {
    text-align: center;
    overflow: visible;
  }
  .centered-sm > div {
    float: none;
    display: inline-block;
    text-align: left;
  }
}
.shift-left-3 {
  position: relative;
  left: 3px;
}

.shift-left-6 {
  position: relative;
  left: 6px;
}

/*
  .navbar-main colors ( and other nav styles at bottom )

  - this was the .navbar-default section from bootstrap.css
  - our version is .navbar-main

*/
.navbar {
  margin-bottom: 0;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:focus {
  background-color: transparent;
}

.navbar-main .navbar-toggle {
  color: #283590;
  margin-right: 5px;
}

.navbar-main .navbar-toggle .icon-bar {
  background-color: #283590;
}

.navbar-main .navbar-nav .open .dropdown-menu {
  /*padding: 0;*/
}
.navbar-main .navbar-nav .open .dropdown-menu > li > a {
  background-color: transparent;
  color: #fff;
}
.navbar-main .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-main .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-main .navbar-nav .open .dropdown-menu > .active > a, .navbar-main .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-main .navbar-nav .open .dropdown-menu > .active > a:focus {
  background-color: transparent;
}
.navbar-main .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-main .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-main .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-main .navbar-nav .open .dropdown-menu .navbar-main .navbar-nav > .open > a,
.navbar-main .navbar-nav .open .dropdown-menu .navbar-main .navbar-nav > .open > a:hover,
.navbar-main .navbar-nav .open .dropdown-menu .navbar-main .navbar-nav > .open > a:focus {
  background-color: transparent;
}

@media (max-width: 767px) {
  .navbar-main {
    background-color: #fff;
  }

  .navbar-main .navbar-nav .dropdown-menu {
    background-color: #5d78b8;
    padding: 0;
  }
  .navbar-main .navbar-nav .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-main .navbar-nav .dropdown-menu > li > a:hover, .navbar-main .navbar-nav .dropdown-menu > li > a:focus {
    background-color: transparent;
    border-bottom: 0;
  }
  .navbar-main .navbar-nav .dropdown-menu > .active > a, .navbar-main .navbar-nav .dropdown-menu > .active > a:hover, .navbar-main .navbar-nav .dropdown-menu > .active > a:focus {
    background-color: transparent;
    border-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-main {
    margin-bottom: 45px;
  }

  .navbar-main .navbar-nav .hover .dropdown-menu > li > a,
.navbar-main .navbar-nav .open .dropdown-menu > li > a,
.navbar-main .navbar-nav .active .dropdown-menu > li > a {
    border-bottom: 5px solid transparent;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .navbar-main .navbar-nav .hover .dropdown-menu > li > a:hover, .navbar-main .navbar-nav .hover .dropdown-menu > li > a:focus,
.navbar-main .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-main .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-main .navbar-nav .active .dropdown-menu > li > a:hover,
.navbar-main .navbar-nav .active .dropdown-menu > li > a:focus {
    border-bottom: 5px solid #0071ce;
  }
  .navbar-main .navbar-nav .hover .dropdown-menu > .active > a, .navbar-main .navbar-nav .hover .dropdown-menu > a:hover, .navbar-main .navbar-nav .hover .dropdown-menu > a:focus,
.navbar-main .navbar-nav .open .dropdown-menu > .active > a,
.navbar-main .navbar-nav .open .dropdown-menu > a:hover,
.navbar-main .navbar-nav .open .dropdown-menu > a:focus,
.navbar-main .navbar-nav .active .dropdown-menu > .active > a,
.navbar-main .navbar-nav .active .dropdown-menu > a:hover,
.navbar-main .navbar-nav .active .dropdown-menu > a:focus {
    border-bottom: 5px solid #0071ce;
  }
}
/* other nav typography and colors */
.navbar-nav {
  margin-top: 0;
  margin-bottom: 0;
}

.navbar-brand {
  height: auto;
  /*padding-top: 0;*/
  padding-bottom: 0;
}

/* nav toggle in mobile */
.navbar-toggle .icon-bar {
  height: 4px;
  border-radius: 3px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 3px;
}

/* nav close icon in mobile */
.navbar-main .navbar-toggle[aria-expanded=true]:after {
  content: "";
  background: url("../images/main-page-elements/plus-icon.png") no-repeat;
  width: 25px;
  height: 25px;
  background-size: 100% 100%;
  -webkit-transform: rotate(46deg);
  -moz-transform: rotate(46deg);
  -o-transform: rotate(46deg);
  -ms-transform: rotate(46deg);
  transform: rotate(46deg);
  position: absolute;
  left: 8px;
  top: 5px;
}
.navbar-main .navbar-toggle[aria-expanded=true] .icon-bar {
  visibility: hidden;
}

.goto {
  font-weight: bold;
  background-color: #4fba48 !important;
}

/* header logos */
@media (min-width: 768px) {
  .navbar-header {
    position: absolute;
    bottom: 8px;
  }
}
.header-links {
  padding-top: 22px;
}

/* header links */
.header-links a {
  color: #283590;
  margin: 5px;
  display: inline-block;
}
.header-links a.goto {
  color: #fff;
  padding: 3px;
}
.header-links a .print-button {
  cursor: pointer;
  /* not sure why this wasn't acting like a link */
}
.header-links a:last-of-type {
  margin-right: 0;
}

@media (max-width: 767px) {
  .header-links {
    background: #0071ce;
    padding-top: 0;
    text-align: center;
  }
  .header-links a {
    color: #fff;
    margin: 0;
  }
  .header-links .line-separator {
    border-left: 1px solid #fff;
    height: 10px;
    vertical-align: middle;
    margin-left: 3px;
    padding-right: 5px;
  }
}
/* #navbar-main-collapse */
@media (max-width: 767px) {
  #navbar-main-collapse {
    background: #283590;
  }
  #navbar-main-collapse li a {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  #navbar-main-collapse li li {
    background: #5d78b8;
  }
  #navbar-main-collapse li li a {
    color: #fff;
    font-weight: bold;
    padding-left: 35px;
  }
  #navbar-main-collapse li.divider {
    background: #fff;
    height: 2px;
    margin: 0 15px;
  }
  #navbar-main-collapse li:not(.dropdown) {
    position: relative;
  }
  #navbar-main-collapse li:not(.dropdown) > a:after {
    content: "";
    background: url(../images/main-page-elements/button-arrow.png);
    line-height: 0;
    width: 25px;
    height: 25px;
    background-size: 100% 100%;
    right: 15px;
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #navbar-main-collapse li:not(.dropdown) > a.goto:after {
    background-image: url(../images/main-page-elements/button-arrow-blue.png);
  }

  .nav > a,
.nav > a:hover,
.nav > a:focus {
    background-color: transparent;
  }
}
#navbar-main-collapse li {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
#navbar-main-collapse li li a {
  text-transform: none;
}
#navbar-main-collapse li a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  line-height: 20px;
}

@media (min-width: 768px) {
  #navbar-main-collapse {
    /* full width nav */
    /* end full width nav */
    /*.nav > li.dropdown.open .dropdown-menu a {
      padding-top: 15px;
      margin-bottom: 5px;
    }*/
  }
  #navbar-main-collapse li {
    font-size: 18px;
  }
  #navbar-main-collapse li a {
    color: #283590;
  }
  #navbar-main-collapse li.hover a, #navbar-main-collapse li.active a, #navbar-main-collapse li a:hover, #navbar-main-collapse li a[aria-expanded=true] {
    background-color: #283590;
    color: #fff;
  }
  #navbar-main-collapse .nav > li.dropdown.hover,
#navbar-main-collapse .nav > li.dropdown.open,
#navbar-main-collapse .nav > li.dropdown.active {
    position: static;
  }
  #navbar-main-collapse .nav > li.dropdown.hover .dropdown-menu,
#navbar-main-collapse .nav > li.dropdown.open .dropdown-menu,
#navbar-main-collapse .nav > li.dropdown.active .dropdown-menu {
    display: table;
    margin-left: -200vw;
    padding-left: 200vw;
    margin-right: -200vw;
    padding-right: 200vw;
  }
  #navbar-main-collapse .nav > li.dropdown.hover .dropdown-menu > li,
#navbar-main-collapse .nav > li.dropdown.open .dropdown-menu > li,
#navbar-main-collapse .nav > li.dropdown.active .dropdown-menu > li {
    display: table-cell;
  }
  #navbar-main-collapse .nav > li.dropdown.hover .dropdown-menu,
#navbar-main-collapse .nav > li.dropdown.open .dropdown-menu,
#navbar-main-collapse .nav > li.dropdown.active .dropdown-menu {
    border: 0;
    background: #283590;
  }
  #navbar-main-collapse .nav > li.dropdown.hover .dropdown-menu a,
#navbar-main-collapse .nav > li.dropdown.open .dropdown-menu a,
#navbar-main-collapse .nav > li.dropdown.active .dropdown-menu a {
    color: #fff;
    padding-top: 5px;
    margin-bottom: 5px;
  }
}
/* keep mobile subnav (but not desktop subnav) open at all times */
@media (max-width: 767px) {
  .navbar-nav .dropdown-menu {
    display: block;
  }

  .navbar-nav .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
/* page-specific exceptions */
#ISI-Wrapper {
  margin-top: 20px;
  /* typography exception */
}
#ISI-Wrapper h3 {
  color: #283590;
}
#ISI-Wrapper .ISI-Section {
  position: relative;
}
#ISI-Wrapper #ISI-toggle {
  display: none;
  background: #fff;
}
#ISI-Wrapper ul.list li,
#ISI-Wrapper .text-before-bulleted-list {
  margin-bottom: 0;
}
#ISI-Wrapper.fixed {
  position: fixed;
  bottom: 0;
  padding: 10px 0;
  border-top: 5px solid #283590;
  background: white;
  z-index: 100;
  width: 100%;
  -webkit-box-shadow: 0 5px 40px -5px #333;
  -moz-box-shadow: 0 5px 40px -5px #333;
  box-shadow: 0 5px 40px -5px #333;
  /*height: 200px;
  overflow-y: auto;*/
  /* expand close button and tray height on tap */
}
#ISI-Wrapper.fixed .ISI-scroll-wrapper {
  height: 159px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#ISI-Wrapper.fixed #ISI-toggle {
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  position: absolute;
  top: -6px;
  right: 30px;
}
#ISI-Wrapper.fixed #ISI-toggle .ISI-close {
  display: none;
}
#ISI-Wrapper.fixed #ISI-toggle .ISI-toggle-icon {
  margin-left: 20px;
}
#ISI-Wrapper.fixed.activeToggle {
  height: inherit;
  max-height: calc(100% - 154px);
}
#ISI-Wrapper.fixed.activeToggle .ISI-scroll-wrapper {
  /*height: inherit;
  max-height: calc(100% - 98px);*/
  height: 100%;
}
#ISI-Wrapper.fixed.activeToggle #ISI-toggle .ISI-close {
  display: inline;
}
#ISI-Wrapper.fixed.activeToggle #ISI-toggle .ISI-toggle-icon {
  -webkit-transform: rotate(46deg);
  -moz-transform: rotate(46deg);
  -o-transform: rotate(46deg);
  -ms-transform: rotate(46deg);
  transform: rotate(46deg);
}
#ISI-Wrapper.fixed.activeToggle #ISI-toggle .ISI-expand {
  display: none;
}

@media (max-width: 767px) {
  #ISI-Wrapper p,
#ISI-Wrapper ul.list {
    margin-bottom: 15px;
  }
  #ISI-Wrapper p.isi-subhead,
#ISI-Wrapper ul.list.isi-subhead {
    margin-bottom: 0;
  }
  #ISI-Wrapper.fixed.activeToggle {
    max-height: calc(100% - 75px);
  }
  #ISI-Wrapper.fixed .ISI-scroll-wrapper {
    height: 115px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
/* footer */
#footer {
  margin-top: 30px;
  background: #283590;
  color: #fff;
}

#footer a span {
  /*Changed this to target the spans specifically so no white spaces were underlined*/
  color: #fff;
  text-decoration: underline;
}

#footer-links {
  margin-top: 35px;
  display: block;
}
#footer-links .d-flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  #footer-links .d-flex {
    flex-direction: row;
  }
}

.footer-link {
  line-height: 1.2;
  margin-bottom: 5px;
}
@media screen and (min-width: 992px) {
  .footer-link {
    margin-bottom: 0;
    margin-right: 13px;
  }
}

.footer-link:last-child {
  margin-right: 0;
}

.signoff {
  width: 600px;
  margin-top: 13px;
  position: relative;
  left: 9px;
  /*Because logo doesn't align right*/
}

.signoff-use {
  padding-top: 25px;
}

#signoff {
  padding-top: 15px;
  text-align: right;
}

#heron-ko-logo {
  position: relative;
  top: -16px;
  left: 25px;
  height: 65px;
  width: 166px;
}

@media (max-width: 767px) {
  .signoff-use {
    text-align: center;
    padding-top: 0;
  }

  #heron-ko-logo {
    top: 0;
    left: 8px;
    margin-bottom: 30px;
  }

  .heron-ko-logo {
    text-align: center;
  }
}
.small-caps {
  font-variant: small-caps;
}

a:focus {
  outline: none;
}
a.disabled {
  opacity: 0.5;
  pointer-events: none;
}

h1, h2, h3 {
  margin-top: 0;
  font-weight: bold;
}

h1 {
  color: #283590;
  font-size: 20px;
}
h1 sup {
  font-size: 55%;
  top: -0.57em;
}
h1.largest-h1 {
  font-size: 30px;
}
h1.larger-h1 {
  font-size: 28px;
}
h1.larger-h1 sup {
  font-size: 55%;
  top: -0.57em;
}

h2 {
  color: #283590;
  font-size: 18px;
  margin-bottom: 20px;
}
h2.larger-h2, h2.largest-h2 {
  font-size: 12px;
}
h2.larger-h2-splash {
  margin-bottom: 10px;
}
h2 sup {
  font-size: 50%;
  top: -0.7em;
}

h3 {
  /* color varies; requires .secondary-color-cinvanti or .secondary-color-sustol */
  font-size: 17px;
  margin-bottom: 5px;
}
h3.splash-h3 {
  color: #283590;
}

p,
ul.list,
ul.list li {
  font-size: 15px;
  margin-bottom: 30px;
}
p a,
ul.list a,
ul.list li a {
  color: #283590;
  text-decoration: underline;
}
p a:visited, p a:hover, p a:active,
ul.list a:visited,
ul.list a:hover,
ul.list a:active,
ul.list li a:visited,
ul.list li a:hover,
ul.list li a:active {
  color: #283590;
  text-decoration: none;
}

ul.list li {
  text-indent: -11px;
  padding-left: 11px;
}
ul.list li li {
  text-indent: -14px;
  padding-left: 14px;
}

p.small-txt,
a.small-txt,
li.small-txt {
  font-size: 11px;
}

@media (min-width: 768px) {
  h1 {
    font-size: 50px;
  }
  h1.largest-h1 {
    font-size: 65px;
  }
  h1.larger-h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  h2.larger-h2, h2.largest-h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  h3.splash-h3 {
    margin-bottom: 20px;
  }

  p,
ul.list,
ul.list li {
    font-size: 18px;
    margin-bottom: 20px;
  }

  ul.list li {
    text-indent: -13px;
    padding-left: 13px;
  }
  ul.list li li {
    text-indent: -17px;
    padding-left: 17px;
  }

  p.small-txt,
a.small-txt,
li.small-txt {
    font-size: 12px;
  }
}
.text-black {
  color: #000;
}

.text-white {
  color: #fff;
}

/* random page-specific exception */
@media (max-width: 767px) {
  /* resources page tighten up space between button and paragraphy copy above */
  .resources .accordion-panel p {
    margin-bottom: 10px;
  }
}
/*-- Variables --*/
/*-- End Variables --*/
a[name] {
  position: relative;
  display: block;
  width: 1px;
  height: 1px;
  visibility: hidden;
  bottom: 20px;
}

/*--media bootstrap override--*/
.media, .media-body {
  overflow: visible;
}

/*----- [main button]  -----*/
/*----- [other types: squareish, small]-----*/
.main-button-centered-group {
  margin-bottom: 20px;
  margin-top: 10px;
  /*R6I45*/
}

/*----- [small]-----*/
.main-button-small {
  position: relative;
  max-width: 100%;
  margin-bottom: 10px;
  min-height: 30px;
  /* specific to small */
  display: inline-block;
  /* specific to small */
  padding: 5px 60px 5px 30px;
  /* specific to small */
  width: auto;
  /* specific to small */
  color: #fff !important;
  /* specific to small */
  text-decoration: none !important;
  /* specific to small */
}
.main-button-small .button-text {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
}
.main-button-small.main-button-cinvanti {
  background: #283590 url(../images/main-page-elements/button-bg-cinvanti.png) top right no-repeat;
  background-size: 100% 100%;
}
.main-button-small.main-button-sustol {
  background: #00aeee url(../images/main-page-elements/button-bg-sustol.png) top right no-repeat;
  background-size: 100% 100%;
}
.main-button-small.main-button-zynrelef {
  background: #00aeee url(../images/main-page-elements/button-bg-zynrelef.png) top right no-repeat;
  background-size: 100% 100%;
}
.main-button-small.main-button-aponvie {
  background: linear-gradient(135deg, #26bbdd 50%, #00afd7 50%);
}
.main-button-small:after {
  content: "";
  background: url(../images/main-page-elements/button-arrow.png);
  line-height: 0;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  /* specific to small */
  height: 25px;
  /* specific to small */
  background-size: 100% 100%;
  /* specific to small */
  right: 20px;
  /* specific to small */
}

@media (min-width: 768px) {
  .main-button-small {
    max-width: 250px;
  }
}
/*----- [main button]-----*/
.main-button {
  background: #283590;
  color: #fff;
  cursor: pointer;
  max-width: 100%;
  min-height: 60px;
  margin-bottom: 10px;
  position: relative;
  width: 360px;
}
.main-button a {
  display: block;
  padding: 10px 25px;
  cursor: pointer;
  text-decoration: none;
}
.main-button .button-text {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  margin-right: 80px;
  /* vert center */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.main-button .main-button-thumb {
  max-height: 80px;
  margin-right: 10px;
}
.main-button.main-button-cinvanti {
  background: #283590 url(../images/main-page-elements/button-bg-cinvanti.png) top right no-repeat;
  background-size: 100% 100%;
}
.main-button.main-button-sustol {
  background: #00aeee url(../images/main-page-elements/button-bg-sustol.png) top right no-repeat;
  background-size: 100% 100%;
}
.main-button.main-button-zynrelef {
  background: #00aeee url(../images/main-page-elements/button-bg-zynrelef.png) top right no-repeat;
  background-size: 100% 100%;
}
.main-button.main-button-aponvie {
  background: linear-gradient(171deg, #26bbdd 50%, #00afd7 50%);
}
.main-button:after {
  content: "";
  background: url(../images/main-page-elements/button-arrow.png);
  line-height: 0;
  width: 33px;
  height: 39px;
  right: 25px;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}
.main-button.main-button-small-2 {
  width: 220px;
}
.main-button.main-button-small-2:after {
  width: 25px;
  height: 25px;
  background-size: 100% 100%;
}
.main-button.main-button-squareish .main-button-thumb {
  margin-left: auto;
  margin-right: auto;
}
.main-button.main-button-squareish .media-left, .main-button.main-button-squareish .media-right {
  width: 77px;
}
.main-button.main-button-squareish:after {
  display: none;
}
.main-button.main-button-squareish.main-button-cinvanti {
  background: #283590 url(../images/main-page-elements/squareish-button-bg-cinvanti.png) top right no-repeat;
  background-size: 100% 100%;
}
.main-button.main-button-squareish.main-button-sustol {
  background: #00aeee url(../images/main-page-elements/button-bg-sustol.png) top right no-repeat;
  background-size: 100% 100%;
}

/*@media (min-width: 768px) {
  .main-button .button-text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}*/
@media (max-width: 767px) {
  .main-button {
    /* artificially padding the image to match FAQs image in button below */
  }
  .main-button .button-text {
    font-size: 15px;
    line-height: 15px;
    /*margin-bottom: 0;
    margin-right: 42px;*/
  }
  .main-button .overview-enrollment-icon-thumb {
    margin-right: 16px;
    margin-left: 6px;
  }
  .main-button.main-button-squareish .button-text {
    margin-right: 0;
  }
  .main-button.main-button-squareish a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-button.main-button-squareish .media-body {
    width: auto;
  }
}
@media (min-width: 768px) {
  .main-button.main-button-squareish {
    height: 125px;
    /* width: 188px; */
    max-width: 188px;
    min-width: 160px;
    width: 100%;
  }
  .main-button.main-button-squareish .button-text {
    text-align: center;
    position: relative;
    top: auto;
    transform: none;
    margin-right: 0;
    font-size: 14px;
    line-height: 14px;
  }
  .main-button.main-button-squareish:after {
    display: inline;
    background: url(../images/main-page-elements/white-vertical-bar-with-shadow.png);
    width: 3px;
    height: 100%;
    right: 0;
  }
  .main-button.main-button-squareish.last:after {
    display: none;
  }
  .main-button.main-button-squareish .media-left, .main-button.main-button-squareish .media-body, .main-button.main-button-squareish .media-right {
    width: 100%;
    display: table-row;
  }
}
/*----- [bulleted list]  -----*/
ul.list li,
.text-before-bulleted-list {
  margin-bottom: 10px;
}

.list-extra-bottom-space {
  margin-bottom: 20px;
}

ul.list {
  list-style: none;
  padding: 0;
}
ul.list.bullet-cinvanti li:before {
  color: #c9920e;
}
ul.list.bullet-sustol li:before {
  color: #e10177;
}
ul.list.bullet-zynrelef li:before {
  color: #3c1152;
}
ul.list.bullet-aponvie li:before {
  color: #00afd7;
}
ul.list.bullet-splash li:before {
  color: #4fba48;
}
ul.list.bullet-sustol li li:before, ul.list.bullet-cinvanti li li:before, ul.list.bullet-splash li li:before {
  color: #000;
}
ul.list li:before {
  line-height: 0;
  padding-right: 6px;
  content: "•";
}
ul.list li ul {
  list-style: none;
  padding-left: 0;
}
ul.list li ul li:before {
  content: "–";
}

/*----- [main and banner callouts]  -----*/
.main-callout,
.banner-callout {
  background: #fff;
  border-top: 4px solid #283590;
  border-bottom: 4px solid #283590;
  /* style guide padding number seem off at least for banner callout*/
  /*padding: 11px 30px;*/
  padding: 9px 30px;
}

.banner-callout {
  margin-bottom: 0;
}

.main-callout {
  margin-bottom: 20px;
  text-align: center;
  margin-top: 30px;
}

@media (min-width: 768px) {
  .main-callout,
.banner-callout {
    /* style guide padding number seem off at least for banner callout*/
    /*padding-top: 23px;
    padding-bottom: 23px;*/
    padding-top: 22px;
    padding-bottom: 22px;
    margin-bottom: 30px;
  }

  .main-callout {
    margin-top: 40px;
  }
}
/*----- [banner callout]  -----*/
.banner-callout {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-left: 0;
  /* left side has 0 padding in banner version of this callout */
}

/*----- [splash callout]  -----*/
.splash main {
  background: #0071ce;
  padding: 35px 0 30px 0;
}
.splash .hero-container {
  margin-bottom: 0;
}
.splash #footer {
  margin-top: 0;
}
.splash .refs-foots {
  display: none;
}

.splash-callout {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #0071ce;
  color: #fff;
  padding: 15px 45px;
  max-width: 100%;
  min-height: 60px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .splash-callout {
    font-size: 22px;
  }
}
/*----- [splash button]  -----*/
.splash-button-container {
  margin-bottom: 10px;
}

.splash-button {
  background: url(../images/splash-button-bg.png) no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100px;
  display: block;
  float: left;
  position: relative;
  /*  -webkit-box-shadow: 0 0 20px 1px #999;
    -moz-box-shadow: 0 0 20px 1px #999;
    box-shadow: 0 0 20px 1px #999;*/
  margin: 10px 0 10px 0;
}
.splash-button img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .splash-button {
    /* doesn't account for box shadow:
    width: 130px;
    height: 50px;
    */
    margin-left: 0;
    -webkit-box-shadow: 0 0 10px 1px #666;
    /* decreasing voff only from desktop */
    -moz-box-shadow: 0 0 10px 1px #666;
    box-shadow: 0 0 10px 1px #666;
  }
}
/*----- [footnote]  -----*/
ol.footnote {
  margin-top: 40px;
  text-indent: -6px;
}

/* override footnotes.css */
ol.footnote li:before {
  padding-right: 1px;
}

/*----- [horizontal gradient image]  -----*/
.horiz-rule {
  width: 100%;
  vertical-align: top;
  height: 10px;
  position: absolute;
  bottom: 0;
}

@media (min-width: 768px) {
  .horiz-rule {
    height: 20px;
  }
}
/*----- [top header logos]  -----*/
.heron-connect-logo,
.heron-connect-logo,
.cinvanti-logo,
.sustol-logo,
.zynrelef-logo {
  width: auto;
}

.heron-logo-large {
  height: auto;
  max-height: 50px;
  max-width: 128px;
}
@media screen and (min-width: 768px) {
  .heron-logo-large {
    max-height: 140px;
    max-width: 363px;
  }
}

.heron-connect-logo {
  height: 31px;
}

.cinvanti-logo {
  height: 22px;
  margin-top: 10px;
  /* fake centering next to heron connect logo */
}

.sustol-logo,
.zynrelef-logo,
.aponvie-logo {
  height: 35px;
}

@media (min-width: 768px) {
  .heron-connect-logo {
    height: 90px;
  }

  .cinvanti-logo {
    height: 60px;
    margin-top: 32px;
    /* fake centering next to heron connect logo */
  }

  .sustol-logo,
.zynrelef-logo,
.aponvie-logo {
    height: 91px;
  }
}
/* prevent navbar-header logos and the rest of the nav from crashing into each other */
@media (min-width: 768px) and (max-width: 991px) {
  .heron-connect-logo {
    height: 31px;
  }

  .cinvanti-logo {
    height: 22px;
    margin-top: 10px;
    /* fake centering next to heron connect logo */
  }

  .sustol-logo,
.zynrelef-logo,
.aponvie-logo {
    height: 35px;
  }
}
@media (min-width: 1200px) {
  .overview-callout {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
/* prevent navbar-header logos and the rest of the nav from crashing into each other */
@media (min-width: 992px) and (max-width: 1199px) {
  .heron-connect-logo {
    height: 51px;
  }

  .cinvanti-logo {
    height: 42px;
    margin-top: 20px;
    /* fake centering next to heron connect logo */
  }

  .sustol-logo,
.zynrelef-logo {
    height: 55px;
  }

  .aponvie-logo {
    height: 51px;
  }
}
/*----- [hero/banner]  -----*/
.hero-container {
  position: relative;
  min-height: 245px;
  /* for in between widths switched from height in art style guide to min-height */
  padding: 42px 0;
  /* R6I48: pulled this from 52 to 42*/
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .hero-container {
    min-height: 0;
    height: 105px;
    padding: 8px 0;
    margin-bottom: 20px;
  }
}
.hero-container .hero {
  position: absolute;
  height: 100%;
  /* parent is 200px; ensures button below stays below the text and image, whichever is longer */
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .hero-container .hero {
    height: 60%;
  }
}
.hero-container .index-headline {
  padding-bottom: 10px;
  /* R6I48: added 10 below here*/
}

@media screen and (min-width: 768px) {
  .aponvie-overview .hero-container .hero {
    right: -436px;
  }
}
@media screen and (min-width: 992px) {
  .aponvie-overview .hero-container .hero {
    right: -150px;
  }
}
@media screen and (min-width: 1200px) {
  .aponvie-overview .hero-container .hero {
    right: 0;
  }
}

/* large hero-container */
/* version used splash and overview pages */
.hero-container-lg {
  min-height: 470px;
  /* for in between widths switched from height in art style guide to min-height */
}

@media (max-width: 767px) {
  .hero-container-lg {
    min-height: 200px;
    height: auto;
  }
}
@media (max-width: 480px) {
  .hero-container-lg .splash-h3, .hero-container-lg h1 {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  }
}
/* icon-column-width */
.icon-media-row {
  margin-top: 0;
}
.icon-media-row .media-object {
  max-width: 100%;
  margin-bottom: 20px;
  /* same as h2 to right */
}
.icon-media-row .media-left {
  width: 65px;
  min-width: 65px;
}
.icon-media-row .media-body {
  width: auto;
}

@media (max-width: 767px) {
  .icon-media-row-no-icon .media-left {
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .icon-media-row .media-object {
    margin-bottom: 10px;
    /* same as h2 to right */
  }
  .icon-media-row .media-left {
    width: 80px;
    min-width: 80px;
  }
}
/*----- [expandable content]  -----*/
.accordion-expand-all-link {
  color: #283590;
  text-decoration: underline;
  margin-bottom: 40px;
  display: block;
}
.accordion-expand-all-link:visited, .accordion-expand-all-link:hover, .accordion-expand-all-link:active {
  color: #283590;
  text-decoration: none;
}

.accordion-button,
.accordion-panel {
  padding-left: 55px;
}

.accordion-button {
  position: relative;
  margin-bottom: 15px;
  min-height: 49px;
}
.accordion-button.accordion-button-cinvanti:before {
  background: url(../images/main-page-elements/icon-plus-cinvanti.png) no-repeat;
  background-size: auto 100%;
}
.accordion-button.accordion-button-sustol:before {
  background: url(../images/main-page-elements/icon-plus-sustol.png) no-repeat;
  background-size: auto 100%;
}
.accordion-button.accordion-button-zynrelef:before {
  background: url(../images/main-page-elements/icon-plus-zynrelef.png) no-repeat;
  background-size: auto 100%;
}
.accordion-button.accordion-button-aponvie:before {
  background: url(../images/main-page-elements/icon-plus-aponvie.svg) no-repeat;
  background-size: auto 100%;
}
.accordion-button:before {
  content: "";
  line-height: 0;
  width: 49px;
  height: 49px;
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

a[aria-expanded=true] .accordion-button-cinvanti:before {
  background-image: url(../images/main-page-elements/icon-minus-cinvanti.png);
}
a[aria-expanded=true] .accordion-button-sustol:before {
  background-image: url(../images/main-page-elements/icon-minus-sustol.png);
}
a[aria-expanded=true] .accordion-button-zynrelef:before {
  background-image: url(../images/main-page-elements/icon-minus-zynrelef.png);
}
a[aria-expanded=true] .accordion-button-aponvie:before {
  background-image: url(../images/main-page-elements/icon-minus-aponvie.svg);
}

@media (max-width: 767px) {
  .accordion-button {
    /* too small for touch devieces */
  }
  .accordion-button:before {
    width: 40px;
    height: 40px;
  }
}
.accordion-panel .media {
  margin-bottom: 15px;
}
.accordion-panel .media-object {
  background: #ccc;
  /* temporary placeholder */
  width: 140px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 11px 1px rgba(0, 0, 0, 0.35);
}
.accordion-panel .media-object-placeholder {
  height: 179px;
}

@media (max-width: 767px) {
  .accordion-panel .media-object {
    width: 90px;
  }
  .accordion-panel .media-object-placeholder {
    height: 115px;
  }
}
@media (min-width: 768px) {
  body {
    overflow-x: hidden;
    /* to keep dropdown nav in desktop in check */
  }
}
/* page-specific exceptions */
/* no top nav on Home/splash page */
.splash .header-links,
.splash .navbar-main {
  display: none;
}

/* ISI and site-map pages */
.page-ISI h1 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.page-ISI h3 {
  color: #283590;
}

.page-ISI #ISI-Wrapper {
  display: none;
}

.page-site-map {
  padding-top: 25px;
}
.page-site-map .header-links,
.page-site-map .navbar-nav,
.page-site-map .navbar-toggle {
  display: none;
  /* because the site-map isn't under a branded site like the splash page */
}

@media (max-width: 767px) {
  .page-site-map .navbar-main {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .page-site-map h1 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .page-site-map .navbar-main {
    margin-top: 40px;
  }
}