@charset "UTF-8";
/* ---------- =font imports ---------- */
/*!
 * Web Fonts from Fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2017 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      Mark Simonson Studio
 * License URL: https://www.fontspring.com/licenses/mark-simonson-studio/webfont
 *
 *
 */

@font-face {
  font-family: 'Proxima Nova';
  src: url("/Styles/fonts/proximanova-regular-webfont.woff2") format("woff2"), url("/Styles/fonts/proximanova-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/Styles/fonts/proximanova-regularit-webfont.woff2") format("woff2"), url("/Styles/fonts/proximanova-regularit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/Styles/fonts/proximanova-bold-webfont.woff2") format("woff2"), url("/Styles/fonts/proximanova-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/Styles/fonts/proximanova-boldit-webfont.woff2") format("woff2"), url("/Styles/fonts/proximanova-boldit-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/Styles/fonts/proximanova-extrabold-webfont.woff2") format("woff2"), url("/Styles/fonts/proximanova-extrabold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/Styles/fonts/proximanova-extraboldit-webfont.woff2") format("woff2"), url("/Styles/fonts/proximanova-extraboldit-webfont.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/Styles/fonts/proximanova-black-webfont.woff2") format("woff2"), url("/Styles/fonts/proximanova-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/Styles/fonts/proximanova-blackit-webfont.woff2") format("woff2"), url("/Styles/fonts/proximanova-blackit-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}

/*! ---------- =reset ---------- */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ul {
  list-style: disc;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

img {
  -ms-interpolation-mode: bicubic;
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.max-height-145 {
    max-height: 145px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
 /*  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  */
  border-top: #1fa396 solid 1px;
  margin-top: 15px;
  margin-bottom: 15px;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="file"] {
  background: #eee;
  font-size: 15px;
  padding: 12px;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! ---------- =typography ---------- */
body {
  font: 20px/26px "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4f5767;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

p, ol, ul, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 26px;
}

p, ol, ul {
  orphans: 2;
  widows: 2;
}

p:last-child, ol:last-child, ul:last-child {
  margin-bottom: 0;
}

ol, ul {
  margin-left: 2em;
}

li {
  margin-bottom: 0.5em;
}

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  color: #233a69;
  font-weight: 800;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  display: inline-block;
  vertical-align: middle;
}

h1 {
  font-size: 32px;
  line-height: 39px;
}

@media (min-width: 768px) {
  h1 {
    font-size: 38px;
    line-height: 52px;
  }
}

@media (min-width: 1280px) {
  h1 {
    font-size: 50px;
  }
}

h2, h2.subheading {
  font-size: 29px;
  line-height: 39px;
}

@media (min-width: 768px) {
  h2, h2.subheading {
    font-size: 35px;
  }
}

@media (min-width: 1280px) {
  h2, h2.subheading {
    font-size: 38px;
  }
}

h3 {
  font-size: 27px;
  line-height: 39px;
}

@media (min-width: 768px) {
  h3 {
    font-size: 32px;
  }
}

h4 {
  font-size: 23px;
}

@media (min-width: 768px) {
  h4 {
    font-size: 27px;
  }
}

@media (min-width: 768px) {
  h5 {
    font-size: 23px;
  }
}

.stylized-heading__word {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 900;
  color: #0d2e72;
}

.stylized-heading__word:nth-child(2n) {
  color: #1fa396;
}
.orange .stylized-heading__word:nth-child(2n) {
    color: #DA5334;
}

.stylized-heading__word + .stylized-heading__word {
  margin-left: -0.2em;
}

.subheading {
  font-weight: 700;
  color: #0d2e72;
  font-style: italic;
  font-size: 27px;
}

h1 + .subheading, h2 + .subheading, h3 + .subheading, h4 + .subheading, h5 + .subheading, h6 + .subheading {
  margin-top: -19.5px;
  opacity: 0.9;
}

/*! ---------- =common =components ---------- */
body {
  background-color: #fff;
}

a {
  text-decoration: none;
  color: #1fa396;
  /* font-weight: 800; */
}

a:hover, a:focus {
  color: #de9907;
}

a, button {
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
  -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
}

.card {
  padding: 24px;
}

.card-background {
  background: #f0f1f5;
}

.block {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.align-left {
  text-align: left;
}

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

.align-right {
  text-align: right;
}
.columns {
    display: flex;
    flex-direction: column;
}
.flex-columns {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.flex-center {
    align-items: center;
}
.margin-middle {
    margin-left: 26px;
    margin-right: 26px;
}
.margin {
  margin-bottom: 26px;
}

.margin-large {
  margin-bottom: 52px;
}

.margin-small {
  margin-bottom: 13px;
}

.margin-top {
  margin-top: 26px;
}

.margin-top-large {
  margin-top: 52px;
}

.margin-top-small {
  margin-top: 13px;
}

.more {
  display: inline-block;
  font-weight: 700;
  color: #de9907;
}

.more .arrow {
  border-left-color: #de9907;
  font-size: 0.7em;
  margin-top: -0.65em;
}

.more-white .arrow.white-arrow {
  border-left-color: #fff;
  font-size: 0.7em;
  margin-top: 0;
}

.more:hover, .more:focus {
  color: #1fa396;
}
.more-white:hover, .more .more-white:focus {
  color: #fff;
}

.more:hover .arrow, .more:focus .arrow {
  border-left-color: #1fa396;
  -webkit-transform: translateX(4px) scaleX(1.5);
      -ms-transform: translateX(4px) scaleX(1.5);
          transform: translateX(4px) scaleX(1.5);
}


.more.news-list {
font-weight: normal;
font-size: 20px;
}

.img-left, .img-right {
  display: block;
  max-width: 40%;
  margin: 0 0 13px;
}

.board .img-left {
max-width: none;
}

.img-left img, .img-right img {
  display: block;
}

.img-left {
  float: left;
  margin-right: 13px;
}

.img-right {
  float: right;
  margin-left: 13px;
}

.lead {
  font-size: 120%;
}

.note,
.sf-fieldWrp input + p,
.sf-fieldWrp p {
  font-size: 18px;
  font-style: italic;
  opacity: 0.7;
}

pre + .note, input + .note, textarea + .note {
  margin-top: -13px;
}
.highlight {
    color: #1fa396;
  }
.highlight2 {
    color: #DA5334;
}

.warn {
  color: #d41;
}

figure {
  display: block;
  margin-bottom: 26px;
  border: 1px solid #f0f1f5;
  padding: 6.5px;
}

figcaption {
  display: block;
  padding: 6.5px 0;
  font-size: 15px;
  opacity: 0.8;
}

.arrow {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin-left: 0.75em;
  margin-right: 0.5em;
  margin-top: -0.2em;
  line-height: 1em;
  border: 0.5em solid transparent;
  border-left-color: #0d2e72;
  border-right-width: 0;
  -webkit-transform: scaleX(1.5);
      -ms-transform: scaleX(1.5);
          transform: scaleX(1.5);
  -webkit-transition: border-left-color 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
  transition: border-left-color 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out, border-left-color 0.15s ease-out, opacity 0.15s ease-out;
  transition: transform 0.15s ease-out, border-left-color 0.15s ease-out, opacity 0.15s ease-out;
  transition: transform 0.15s ease-out, border-left-color 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.arrow--highlight {
  border-left-color: #1fa396;
}

.arrow--action {
  border-left-color: #f27731;
}

.arrow--warn {
  border-left-color: #d41;
}

.arrow--light {
  border-left-color: #afb0b3;
}

.arrow--inverse {
  border-left-color: #fff;
}

.arrow--down, .accordion__label.is-active .arrow, .in-this-section__toggle.is-active .arrow {
  -webkit-transform: rotate(90deg) scaleX(1.5);
      -ms-transform: rotate(90deg) scaleX(1.5);
          transform: rotate(90deg) scaleX(1.5);
}

.arrow--up {
  -webkit-transform: rotate(-90deg) scaleX(1.5);
      -ms-transform: rotate(-90deg) scaleX(1.5);
          transform: rotate(-90deg) scaleX(1.5);
}

.arrow--left {
  -webkit-transform: scaleX(-1.5);
      -ms-transform: scaleX(-1.5);
          transform: scaleX(-1.5);
}

.button {
  display: inline-block;
  vertical-align: middle;
  padding: 9.75px 39px;
  border-radius: 26px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: #fff !important;
  text-decoration: none !important;
  background: #0d2e72;
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
  -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out, -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
}

.button:hover, .button:focus {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  background-color: #103789;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.button:active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.button--large {
  display: block;
  width: auto;
  max-width: 100%;
  padding: 13px 39px;
}

.button--large + .button--large {
  margin-left: 0;
  margin-top: 13px;
}

.button--small {
  padding: 0 26px;
  font-size: 15px;
}
.button--orange {
    background-color: #DA5334;
}

.button--orange:hover, 
.button--orange:focus {
    background-color: #e06e54;
}

.button--highlight {
  background-color: #1fa396;
}

.button--highlight:hover, .button--highlight:focus {
  background-color: #23b8aa;
}

.button--action {
  background-color: #f27731;
}

.button--action:hover, .button--action:focus {
  background-color: #f48749;
}

.button--warn {
  background-color: #d41;
}

.button--warn:hover, .button--warn:focus {
  background-color: #d41;
}

.button--cancel {
  font-size: 18px;
  font-weight: 400;
  color: #4f5767 !important;
  border: 1px solid #afb0b3;
  background: #fff;
}

.button--cancel:hover, .button--cancel:focus {
  color: #0d2e72 !important;
  border-color: #0d2e72;
  background: #fff;
}
.standard .button--cta,
.button--cta {
  padding: 13px 39px;
  border: 6px solid rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  background-clip: padding-box;
  color: #fff !important;
  background-color: #0d2e72;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.standard .button--cta,
.button--cta:hover, .button--cta:focus {
  background-color: #0d2e72;
}
.teal .button--cta,
.button--cta.button--highlight {
  background-color: #1fa396;
}
.teal .button--cta,
.button--cta.button--highlight:hover, .button--cta.button--highlight:focus {
  background-color: #1fa396;
}
.orange .button--cta,
.button--cta.button--action {
  background-color: #f27731;
}
.orange .button--cta,
.button--cta.button--action:hover, .button--cta.button--action:focus {
  background-color: #f27731;
}

.dark .button--cta {
  background-color: #DA5334 !important;
}
.dark .button--cta,
.button--cta.button--action:hover, .button--cta.button--action:focus {
  background-color: #e06354;
}












.pull-quote {
  padding: 26px 0;
  margin: 26px 0;
  border: solid #1c6b63;
  border-width: 2px 0;
  font-size: 23px;
  line-height: 39px;
  font-weight: 300;
}

.pull-quote__attribution {
  display: block;
  font-size: 18px;
  line-height: 26px;
  opacity: 0.8;
}

.pull-quote__attribution::before {
  content: '– ';
}

p + .pull-quote__attribution {
  margin-top: -19.5px;
}

@media (min-width: 470px) {
  .pull-quote--left, .pull-quote--right {
    max-width: 40%;
    margin-top: 0;
  }
  .pull-quote--left {
    float: left;
    margin-right: 26px;
    padding: 0 26px 0 0;
    border-width: 0 2px 0 0;
  }
  .pull-quote--right {
    float: right;
    margin-left: 26px;
  }
}

.content-box {
  padding: 26px;
  background: #f0f1f5;
}

.content-box--emphasize {
  border: 1px solid rgba(35, 58, 105, 0.6);
}

.content-box--callout {
  border: 2px solid #233a69;
  background: #fff;
}

.content-box--callout h1, .content-box--callout h2, .content-box--callout h3, .content-box--callout h4, .content-box--callout h5, .content-box--callout h6 {
  color: #0d2e72;
}

.content-box--highlight {
  border: 2px solid #1c6b63;
  background: #fff;
  margin-top: 45px;
}

.content-box--highlight h1, .content-box--highlight h2, .content-box--highlight h3, .content-box--highlight h4, .content-box--highlight h5, .content-box--highlight h6 {
  color: #1fa396;
}

.content-box--action {
  border: 2px solid #c15111;
  background: #fff;
}

.content-box--action h1, .content-box--action h2, .content-box--action h3, .content-box--action h4, .content-box--action h5, .content-box--action h6 {
  color: #f27731;
}

.content-box--card {
  border: 1px solid #afb0b3;
  border-radius: 26px;
  padding: 24px;
  transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
}

.content-box--card:hover,
.content-box--card:focus {
  border-color: #0d2e72;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .content-box {
    padding: 39px;
  }
}

.quicklink {
  display: block;
  padding: 13px;
  text-align: center;
  color: #fff;
  background-color: #0d2e72;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.quicklink:hover, .quicklink:focus {
  color: #fff;
  background-color: #DA5334;
}

.quicklink__icon img {
  display: block;
  max-width: 50px;
  max-height: 50px;
}

.quicklink__text {
  font-size: 23px;
  font-weight: 400;
}

@media (max-width: 959px) {
  .quicklink {
    padding: 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #fff;
  }
  .quicklink__icon, .quicklink__text {
    display: inline-block;
    vertical-align: middle;
  }
  .quicklink__icon {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    padding: 9.75px 39px 9.75px 26px;
    margin: 0 19.5px 0 0;
    border-radius: 0 34.75px 34.75px 0;
    background: #0d2e72;
    -webkit-transition: background-color 0.15s ease-out;
    -o-transition: background-color 0.15s ease-out;
    transition: background-color 0.15s ease-out;
  }
  .quicklink__text {
    color: #0d2e72;
    font-weight: 700;
  }
  .quicklink:hover .quicklink__icon, .quicklink:focus .quicklink__icon {
    background: #c15111;
  }
  .quicklink:hover .quicklink__text, .quicklink:focus .quicklink__text {
    color: #fff;
  }
  .hide-on-mobile {
    display: none;
  }
}

@media (min-width: 960px) {
  .quicklink {
    max-width: 169px;
    padding: 39px 13px 52px;
    margin: 0 auto;
    border-radius: 0 0 84.5px 84.5px;
  }
  .quicklink__icon {
    margin-bottom: 26px;
  }
  .hide-on-desktop {
    display: none;
  }
}

@media (min-width: 960px) and (max-width: 1079px) {
  .quicklink__text {
    font-size: 18px;
  }
}

.item-list {
  list-style: none;
  margin: 0 0 52px;
}

.item-list:last-child {
  margin-bottom: 0;
}

.item-list + .button {
  margin-top: -26px;
}

.item-list__item + .item-list__item {
  margin-top: 26px;
  padding-top: 26px;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.item-list__date {
  display: block;
  width: 65px;
  float: left;
  padding: 13px 0 19.5px;
  margin-right: 19.5px;
  border-radius: 0 0 32.5px 32.5px;
  text-align: center;
  background: #f0f1f5;
}

.item-list__date__month, .item-list__date__day {
  display: block;
}

.item-list__date__day {
  color: #de9907;
  font-weight: 700;
  font-size: 23px;
}

.item-list__date ~ .item-list__title, .item-list__date ~ .item-list__description, .item-list__date ~ .item-list__action {
  margin-left: 84.5px;
}

.item-list__title {
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
  margin: 0;
}

.item-list__description {
  margin: 6.5px 0 0;
  font-size: 18px;
  opacity: 0.8;
}

.item-list__action {
  margin: 6.5px 0 0;
}

.toggle-indicator {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 26px;
  position: relative;
}

.toggle-indicator:first-child {
  margin-right: 13px;
}

.toggle-indicator:last-child {
  margin-left: 13px;
}

.toggle-indicator__piece {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2px;
  -webkit-transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, -webkit-transform 0.25s ease-out;
  transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, -webkit-transform 0.25s ease-out;
  -o-transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out;
  transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out;
  transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.toggle-indicator__piece::before {
  content: '';
  display: block;
  width: 24px;
  height: 4px;
  background: #1d1e1e;
  -webkit-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.toggle-indicator__piece--1 {
  margin-top: -8px;
}

.toggle-indicator__piece--3 {
  margin-top: 4px;
}

.is-active .toggle-indicator__piece {
  -webkit-transition: opacity 0.2s ease-out, margin 0.2s ease-out, -webkit-transform 0.25s ease-out 0.3s;
  transition: opacity 0.2s ease-out, margin 0.2s ease-out, -webkit-transform 0.25s ease-out 0.3s;
  -o-transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s;
  transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s;
  transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s, -webkit-transform 0.25s ease-out 0.3s;
}

.is-active .toggle-indicator__piece::before {
  background: #1fa396;
}

.is-active .toggle-indicator__piece--2 {
  opacity: 0;
}

.is-active .toggle-indicator__piece--1, .is-active .toggle-indicator__piece--3 {
  margin-top: -2px;
}

.is-active .toggle-indicator__piece--1 {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.is-active .toggle-indicator__piece--3 {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.js .toggle-target:not(.is-active) {
  display: none;
}

@media (max-width: 469px) {
  .min-s {
    display: none !important;
  }
}

@media (min-width: 470px) {
  .max-s {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .min-m {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .max-m {
    display: none !important;
  }
}

@media (max-width: 959px) {
  .min-l {
    display: none !important;
  }
}

@media (min-width: 960px) {
  .max-l {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  .min-w {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .max-w {
    display: none !important;
  }
}

.group:after, .item-list__item:after, .side-label:after, .page-header:after, .header-nav ul:after, .page-footer:after, .interior-layout:after {
  content: "";
  display: table;
  clear: both;
}

/* ---------- =announcement bar ---------- */

.announcement-bar {
  background: #f27631; /*orange*/
  color: #fff;
  padding: 18px 24px;
  position: relative;
  top: 0;
  transition: 0.15s all ease-in;
  width: 100%;
}
.announcement-bar__teal {
  background: #1fa396;
}
.announcement-bar__blue {
  background: #0d2e72;
}
.announcement-bar__white {
  background: #fff;
  border-bottom: 1px solid #afb0b3;
  color: #4f5767;
}

.announcement-bar .button {
  margin-left: 12px;
}
.announcement-bar h1, 
.announcement-bar h2, 
.announcement-bar h3, 
.announcement-bar h4, 
.announcement-bar h5, 
.announcement-bar h6, 
.announcement-bar p, 
.announcement-bar a {
  color: #FFF;
  /*margin-bottom: 0;*/
}
.announcement-bar__white h1, 
.announcement-bar__white h2, 
.announcement-bar__white h3, 
.announcement-bar__white h4, 
.announcement-bar__white h5, 
.announcement-bar__white h6, 
.announcement-bar__white a {
  color: #0d2e72;
}
.announcement-bar__white p {
  color: #4f5767;
}
.announcement-bar__white a {
  color: #1fa396;
}


/*! ---------- =grids ---------- */
.grid {
  width: auto !important;
  display: block;
  padding: 0;
  margin-right: -26px;
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
  text-align: center;
}

.grid--compact {
  margin-right: -13px;
}

.grid__unit {
  display: inline-block;
  width: 100%;
  padding: 0 26px 52px 0;
  margin: 0;
  vertical-align: top;
  letter-spacing: normal;
  text-rendering: auto;
  text-align: left;
}

.home-content > .grid__unit {
  display: inline-block;
  width: 100% !important;
  padding: 0 26px 52px 0;
  margin: 0;
  vertical-align: top;
  letter-spacing: normal;
  text-rendering: auto;
  text-align: left;
}

.grid--compact > .grid__unit {
  padding: 0 13px 13px 0;
}

.grid__unit .grid__unit:last-child {
  padding-bottom: 0;
}

.grid__unit--1-2 {
  width: 50%;
}

.grid__unit--1-3 {
  width: 33.33%;
}

.grid__unit--2-3 {
  width: 66.66%;
}

.grid__unit--1-4 {
  width: 25%;
}

.grid__unit--3-4 {
  width: 75%;
}

.grid__unit--1-5 {
  width: 20%;
}

.grid__unit--2-5 {
  width: 40%;
}

.grid__unit--3-5 {
  width: 60%;
}

.grid__unit--4-5 {
  width: 80%;
}

.grid__unit--1-6 {
  width: 16.66%;
}

.grid__unit--5-6 {
  width: 83.3%;
}

.grid__unit--1-8 {
  width: 12.5%;
}

.grid__unit--3-8 {
  width: 37.5%;
}

.grid__unit--5-8 {
  width: 62.5%;
}

.grid__unit--7-8 {
  width: 87.5%;
}

.grid__unit--1-9 {
  width: 11.11%;
}

.grid__unit--2-9 {
  width: 22.22%;
}

.grid__unit--4-9 {
  width: 44.44%;
}

.grid__unit--5-9 {
  width: 55.55%;
}

.grid__unit--7-9 {
  width: 77.77%;
}

.grid__unit--8-9 {
  width: 88.88%;
}

.grid__unit--1-12 {
  width: 8.33%;
}

.grid__unit--5-12 {
  width: 41.65%;
}

.grid__unit--7-12 {
  width: 58.31%;
}

.grid__unit--11-12 {
  width: 91.63%;
}

.grid__unit.no-padding-unit {
padding: 0;
}

.grid__unit--1-10 {
width: 40px;
}

.grid__unit--9-10 {
width: 90%;
}

.grid__unit--1-10 img {
  width: 21px !important;
  height: auto;
  display: block;
}

li.item-list__item.resources {
padding-bottom: 15px !important;
padding-top: 15px !important;
}

.grid__unit.grid__unit--9-10.job-list-item {
margin-bottom: 0;

}



@media (min-width: 470px) {
  .grid__unit--1-2-s {
    width: 50%;
  }
  .grid__unit--1-3-s {
    width: 33.33%;
  }
  .grid__unit--2-3-s {
    width: 66.66%;
  }
  .grid__unit--1-4-s {
    width: 25%;
  }
  .grid__unit--3-4-s {
    width: 75%;
  }
  .grid__unit--1-5-s {
    width: 20%;
  }
  .grid__unit--2-5-s {
    width: 40%;
  }
  .grid__unit--3-5-s {
    width: 60%;
  }
  .grid__unit--4-5-s {
    width: 80%;
  }
  .grid__unit--1-6-s {
    width: 16.66%;
  }
  .grid__unit--5-6-s {
    width: 83.3%;
  }
  .grid__unit--1-8-s {
    width: 12.5%;
  }
  .grid__unit--3-8-s {
    width: 37.5%;
  }
  .grid__unit--5-8-s {
    width: 62.5%;
  }
  .grid__unit--7-8-s {
    width: 87.5%;
  }
  .grid__unit--1-9-s {
    width: 11.11%;
  }
  .grid__unit--2-9-s {
    width: 22.22%;
  }
  .grid__unit--4-9-s {
    width: 44.44%;
  }
  .grid__unit--5-9-s {
    width: 55.55%;
  }
  .grid__unit--7-9-s {
    width: 77.77%;
  }
  .grid__unit--8-9-s {
    width: 88.88%;
  }
  .grid__unit--1-12-s {
    width: 8.33%;
  }
  .grid__unit--5-12-s {
    width: 41.65%;
  }
  .grid__unit--7-12-s {
    width: 58.31%;
  }
  .grid__unit--11-12-s {
    width: 91.63%;
  }
}

@media (min-width: 768px) {
  .grid {
    margin-right: -52px;
  }
  .grid__unit {
    padding: 0 52px 52px 0;
  }
  .sf_cols.grid.home-content {
    margin-right: -52px !important;
    width:auto !important;
  }
  .sf_cols.grid.home-content__main {
    margin-right: -52px !important;
    width:auto !important;
  }
  .grid--compact {
    margin-right: -26px;
  }
  .home-content .grid__unit {
    padding: 0 52px 52px 0 !important;
  }
  .grid--compact .grid__unit {
    padding: 0 26px 26px 0;
  }
  .grid__unit--1-2-m {
    width: 50%;
  }
  .home-content .grid__unit--1-2-m {
    width: 50% !important;
  }
  .grid__unit--1-3-m {
    width: 33.33%;
  }
  .grid__unit--2-3-m {
    width: 66.66%;
  }
  .grid__unit--1-4-m {
    width: 25%;
  }
  .grid__unit--3-4-m {
    width: 75%;
  }
  .grid__unit--1-5-m {
    width: 20%;
  }
  .grid__unit--2-5-m {
    width: 40%;
  }
  .grid__unit--3-5-m {
    width: 60%;
  }
  .grid__unit--4-5-m {
    width: 80%;
  }
  .grid__unit--1-6-m {
    width: 16.66%;
  }
  .grid__unit--5-6-m {
    width: 83.3%;
  }
  .grid__unit--1-8-m {
    width: 12.5%;
  }
  .grid__unit--3-8-m {
    width: 37.5%;
  }
  .grid__unit--5-8-m {
    width: 62.5%;
  }
  .grid__unit--7-8-m {
    width: 87.5%;
  }
  .grid__unit--1-9-m {
    width: 11.11%;
  }
  .grid__unit--2-9-m {
    width: 22.22%;
  }
  .grid__unit--4-9-m {
    width: 44.44%;
  }
  .grid__unit--5-9-m {
    width: 55.55%;
  }
  .grid__unit--7-9-m {
    width: 77.77%;
  }
  .grid__unit--8-9-m {
    width: 88.88%;
  }
  .grid__unit--1-12-m {
    width: 8.33%;
  }
  .grid__unit--5-12-m {
    width: 41.65%;
  }
  .grid__unit--7-12-m {
    width: 58.31%;
  }
  .grid__unit--11-12-m {
    width: 91.63%;
  }
}

@media (min-width: 960px) {
  .grid__unit--1-2-l {
    width: 50%;
  }
  .grid__unit--1-3-l {
    width: 33.33%;
  }
  .grid__unit--2-3-l {
    width: 66.66%;
  }
  .grid__unit--1-4-l {
    width: 25%;
  }
  .grid__unit--3-4-l {
    width: 75%;
  }
  .grid__unit--1-5-l {
    width: 20%;
  }
  .grid__unit--2-5-l {
    width: 40%;
  }
  .grid__unit--3-5-l {
    width: 60%;
  }
  .grid__unit--4-5-l {
    width: 80%;
  }
  .grid__unit--1-6-l {
    width: 16.66%;
  }
  .grid__unit--5-6-l {
    width: 83.3%;
  }
  .grid__unit--1-8-l {
    width: 12.5%;
  }
  .grid__unit--3-8-l {
    width: 37.5%;
  }
  .grid__unit--5-8-l {
    width: 62.5%;
  }
  .grid__unit--7-8-l {
    width: 87.5%;
  }
  .grid__unit--1-9-l {
    width: 11.11%;
  }
  .grid__unit--2-9-l {
    width: 22.22%;
  }
  .grid__unit--4-9-l {
    width: 44.44%;
  }
  .grid__unit--5-9-l {
    width: 55.55%;
  }
  .grid__unit--7-9-l {
    width: 77.77%;
  }
  .grid__unit--8-9-l {
    width: 88.88%;
  }
  .grid__unit--1-12-l {
    width: 8.33%;
  }
  .grid__unit--5-12-l {
    width: 41.65%;
  }
  .grid__unit--7-12-l {
    width: 58.31%;
  }
  .grid__unit--11-12-l {
    width: 91.63%;
  }
}

@media (min-width: 1280px) {
  .grid__unit--1-2-w {
    width: 50%;
  }
  .grid__unit--1-3-w {
    width: 33.33%;
  }
  .home-content > .grid__unit--1-3-w {
    width: 33.33% !important;
  }
  .grid__unit--2-3-w {
    width: 66.66%;
  }
  .home-content > .grid__unit--2-3-w {
    width: 66.66% !important;
  }
  .grid__unit--1-4-w {
    width: 25%;
  }
  .grid__unit--3-4-w {
    width: 75%;
  }
  .grid__unit--1-5-w {
    width: 20%;
  }
  .grid__unit--2-5-w {
    width: 40%;
  }
  .grid__unit--3-5-w {
    width: 60%;
  }
  .grid__unit--4-5-w {
    width: 80%;
  }
  .grid__unit--1-6-w {
    width: 16.66%;
  }
  .grid__unit--5-6-w {
    width: 83.3%;
  }
  .grid__unit--1-8-w {
    width: 12.5%;
  }
  .grid__unit--3-8-w {
    width: 37.5%;
  }
  .grid__unit--5-8-w {
    width: 62.5%;
  }
  .grid__unit--7-8-w {
    width: 87.5%;
  }
  .grid__unit--1-9-w {
    width: 11.11%;
  }
  .grid__unit--2-9-w {
    width: 22.22%;
  }
  .grid__unit--4-9-w {
    width: 44.44%;
  }
  .grid__unit--5-9-w {
    width: 55.55%;
  }
  .grid__unit--7-9-w {
    width: 77.77%;
  }
  .grid__unit--8-9-w {
    width: 88.88%;
  }
  .grid__unit--1-12-w {
    width: 8.33%;
  }
  .grid__unit--5-12-w {
    width: 41.65%;
  }
  .grid__unit--7-12-w {
    width: 58.31%;
  }
  .grid__unit--11-12-w {
    width: 91.63%;
  }
}

/*! ---------- =forms ---------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
select {
  display: block;
  width: 100%;
  padding: 9.75px 13px;
  margin-bottom: 26px;
  border: 1px solid #e1e3eb;
  color: #4f5767;
  color: rgba(79, 87, 103, 0.8);
  font: 18px/26px "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out;
  -o-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out;
  transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out;
}

input[type="text"]:last-child,
input[type="email"]:last-child,
input[type="password"]:last-child,
input[type="number"]:last-child,
input[type="tel"]:last-child,
input[type="url"]:last-child,
textarea:last-child,
select:last-child {
  margin-bottom: 0;
}

input[type="text"]:required,
input[type="email"]:required,
input[type="password"]:required,
input[type="number"]:required,
input[type="tel"]:required,
input[type="url"]:required,
textarea:required,
select:required {
  border-color: #c7ccd9;
}

input[type="text"].input-validation-error,
input[type="email"].input-validation-error,
input[type="password"].input-validation-error,
input[type="number"].input-validation-error,
input[type="tel"].input-validation-error,
input[type="url"].input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
  border-color: #d41;
  color: #d41;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
  border-color: #1fa396;
  color: #4f5767;
}

textarea {
  padding: 13px;
  min-height: 104px;
}

textarea.textarea-large {
  min-height: 260px;
}

input[type="radio"], input[type="checkbox"] {
  display: inline-block;
  position: relative;
  top: -0.1em;
}

label + input[type="radio"], label + input[type="checkbox"] {
  margin-left: 26px;
}

label,
.sf-RadioButtons strong, 
.sf-fieldWrp strong {
  display: block;
  margin-bottom: 6.5px;
  font-size: 18px;
  font-weight: 700;
  color: #233a69;
  opacity: 0.9;
  -webkit-transition: color 0.15s ease-out, opacity 0.15s ease-out;
  -o-transition: color 0.15s ease-out, opacity 0.15s ease-out;
  transition: color 0.15s ease-out, opacity 0.15s ease-out;
}

input[type="radio"] + label, input[type="checkbox"] + label {
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
}

label.required {
  color: #233a69;
}

label.required::after {
  content: '*';
  font-weight: 400;
}

label.input-validation-error {
  color: #d41;
}

label.is-selected {
  color: #de9907;
}

label.is-focused {
  color: #1fa396;
  opacity: 1;
}

.side-label {
  margin-bottom: 26px;
}

.side-label:last-child {
  margin-bottom: 0;
}

@media (min-width: 470px) {
  .side-label {
    padding-left: 182px;
  }
  .side-label label {
    width: 182px;
    float: left;
    margin-left: -182px;
    padding: 6.5px 1em 0 0;
  }
}

.field-validation-error {
  display: block;
  margin-bottom: 26px;
  font-size: 18px;
  color: #d41;
}

input + .field-validation-error, select + .field-validation-error, textarea + .field-validation-error {
  margin-top: -19.5px;
}

p[data-sf-role="error-message"] {
  color: #d41;
  font-weight: 700;
  margin-bottom: 24px;
}

select + p[data-sf-role="error-message"], 
p + p[data-sf-role="error-message"],
input + p[data-sf-role="error-message"] {
  transform: translateY(-16px);
}



/*accordion*/
.accordion {
  margin-bottom: 7px;
}

.accordion:last-child {
  margin-bottom: 0;
}

.accordion__label {
  display: block;
  padding: 13px;
  background: #fff;
  border: 1px solid #f0f1f5;
  color: #4f5767;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
}

.accordion__label h2,
.accordion__label h3,
.accordion__label h4,
.accordion__label h5,
.accordion__label h6 {
  display: inline-block;
  margin-bottom: 0;
}


.accordion__label .arrow {
  font-size: 0.9em;
  border-left-color: #4f5767;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.accordion__label.is-active {
  color: #243E73;
  border-color: #1fa396 #1fa396 #f0f1f5 #1fa396;
  background: #f7f7f7;
}

.accordion__label.is-active .arrow {
  border-left-color: #1fa396;
}

.accordion__label ~ .accordion__label {
  margin-top: 6.5px;
}

.accordion__label.is-active > div > div::after {
  border-left-color: #1fa396;
  transform: rotate(90deg) scaleX(1.5);
}
.accordion__label > div > div::after {
  content: '';
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  margin-left: 0.75em;
  margin-right: 0.5em;
  margin-top: -0.2em;
  line-height: 1em;
  border: 0.5em solid transparent;
  border-left-color: #505767;
  border-right-width: 0;
  -webkit-transform: scaleX(1.5);
      -ms-transform: scaleX(1.5);
          transform: scaleX(1.5);
  -webkit-transition: border-left-color 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
  transition: border-left-color 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
  -o-transition: transform 0.15s ease-out, border-left-color 0.15s ease-out, opacity 0.15s ease-out;
  transition: transform 0.15s ease-out, border-left-color 0.15s ease-out, opacity 0.15s ease-out;
  transition: transform 0.15s ease-out, border-left-color 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
}

.accordion__content {
  border: 1px solid #1fa396;
  border-top: none;
  padding: 26px 13px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.js .accordion__content:not(.is-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-width: 0 1px;
  visibility: hidden;
  opacity: 0;
}

@media (min-width: 470px) {
  .tabs--standard .tabs__tab {
    padding: 19.5px 26px;
    font-weight: 600;
  }
}

/*! ---------- =code and =syntax highlighting ---------- */
pre, code {
  font-family: "Inconsolata", monospace;
  font-size: 18px;
  line-height: 26px;
}

pre {
  display: block;
  padding: 26px 13px;
  border: 1px solid #e4e6ed;
  margin-bottom: 26px;
  color: #222;
  background: white;
  overflow-y: auto;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
  position: relative;
}

pre:last-child {
  margin-bottom: 0;
}

pre::before {
  content: attr(rel);
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #a1adc7;
  position: absolute;
  top: 2px;
  right: 13px;
}

p > code, li > code {
  background: #fcfcfd;
  font-style: normal;
}

p > code::before, p > code::after, li > code::before, li > code::after {
  content: '';
  display: inline-block;
  width: 0.5em;
}

/*! syntax highlighting through prism: http://prismjs.com/index.html
*  the following is based off the default theme */
pre[class*="language-"] {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function {
  color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

/*! ---------- =body ---------- */
body {
  width: 100%;
  overflow-x: hidden;
  background: #fff;
}

.content {
  padding: 26px;
}

@media (min-width: 768px) {
  .content {
    padding: 52px;
  }
}

/*! ---------- =header, =nav ---------- */
.page-header {
  padding: 0 26px;
  background: #fff;
  position: relative;
  z-index: 100;
}

.page-header .page-bounds {
  position: relative;
}

.page-header__toggle {
  display: none;
}

.header-logo {
  float: left;
}

.header-logo a, .header-logo img {
  display: block;
  max-width: 100%;
  margin: 0;
}

.header-logo a {
  padding: 26px 0;
}

.header-logo img {
  max-width: 200px;
}

.header-utility a, .header-utility__dropdown-label {
  display: block;
  padding: 6.5px;
  color: #4f5767;
  font-size: 15px;
  font-weight: 400;
}

@media (min-width: 1470px) {
  .header-utility a, .header-utility__dropdown-label {
    font-size: 17px;
  }
}

.header-utility__list {
  list-style: none;
  margin: 0;
}

.header-utility__item {
  display: inline-block;
}

.header-utility__dropdown {
  list-style: none;
  margin: 0;
}

.header-search {
  position: relative;
}

.header-search__input {
  display: block;
  width: 100%;
  height: 47.5px;
  padding: 9.75px 78px 9.75px 26px !important;
  margin: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 26px;
  font-size: 18px !important;
  line-height: 26px !important;
  background: #fff;
}

.header-search__input:focus {
  border-color: #f27731 !important;
}

.header-search__submit {
  display: block;
  width: 52px;
  padding: 14.25px 0;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 26px 26px 0;
  text-align: center;
  background: #f27731;
  border: none;
}

.header-search__submit img {
  display: block;
  width: 19px;
  height: 19px;
}

.header-nav ul {
  list-style: none;
  margin: 0;
}

.header-nav li {
  position: relative;
}

.header-nav a {
  display: block;
  font-weight: 700;
  font-size: 18px;
}

.header-nav li li a {
    font-weight: 500;
    font-size: 16px;
    color: #233a69;
}

.header-nav li li a:hover {
    background-color: #f5f4f6;
}

.header-nav__toggle {
  width: 65px;
  height: 52px;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.header-nav__toggle::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-width: 0;
  border-top-color: #7b7c81;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: scaleX(0.6);
      -ms-transform: scaleX(0.6);
          transform: scaleX(0.6);
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  -o-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.header-nav__toggle.is-active::before {
  border-top-color: #1fa396;
  -webkit-transform: scaleX(0.6) rotateX(180deg);
          transform: scaleX(0.6) rotateX(180deg);
}

@media (max-width: 959px) {
  .page-header {
    width: 100%;
    border-bottom: 1px solid #afb0b3;
  }
  .page-header__toggle {
    position: absolute;
    right: -13px;
    top: 0;
    padding: 26px;
    font-size: 15px;
  }
  .page-header__toggle.is-active {
    color: #233a69;
  }
  .js .page-header__toggle {
    display: block;
  }
  .page-header__content {
    clear: both;
    margin-left: -26px;
    margin-right: -26px;
  }
  .js .page-header__content:not(.is-active) {
    display: none;
  }
  
  .header-logo img {
    max-height: 52px;
  }
  .header-utility {
    padding: 0 26px 19.5px;
    text-align: center;
  }
  .header-utility a {
    color: #1fa396;
    font-weight: 700;
    font-size: 15px;
    text-decoration: underline;
  }


.header-utility a, .header-utility__dropdown-label {
    display: block;
    padding: 6.5px;
    color: #8d8b97;
    font-size: 19px;
    font-weight: 400;
}


 li.header-utility__item--dropdown {
    display: block;
  }

 li.header-utility__item--dropdown a {
  color: #8d8b97 !important;
font-size: 19px !important;
font-weight: 400 !important;
text-decoration: none;
  }



li.header-utility__item--dropdown  .arrow--down {
display: none;
}


li.header-utility__item--dropdown ul li.header-utility__item--dropdown {
display: none;
}


li.header-utility__item--dropdown.welcome-drop ul li.header-utility__item--dropdown {
display: block !important;
}

}

@media (max-width: 959px) and (min-width: 470px) {
  .header-utility__dropdown__item {
    display: inline-block;
  }




}

@media (max-width: 959px) {
    .header-search {
      margin: 0 26px 26px;
    }
    .header-search__submit {
      top: 0;
      right: 0;
    }
    .header-nav {
      background: #fff;
    }
    .header-nav a {
      padding: 13px 104px 13px 26px;
      border-bottom: 1px solid #d1d4e1;
    }
    .header-nav > ul > li:first-child {
      border-top: 1px solid #d1d4e1;
    }
    .header-nav li li a {
      padding-left: 52px;
      border-bottom-color: #d1d4e1;
    }
    .header-nav li li li a {
      padding-left: 78px;
    }
    .js .header-nav li ul {
      overflow: hidden;
      max-height: 0;
      -webkit-transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1);
      -o-transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1);
      transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1);
    }
    .js .header-nav li ul.is-active {
      max-height: 100em;
      -webkit-transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1);
      -o-transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1);
      transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1);
    }
  }

.header-nav__toggle {
    border-left: 1px solid #d1d4e1;
}

.js .header-nav__toggle {
    display: block;
}
.header-nav > ul > li > .header-nav__toggle {
    display: block;
}

@media (max-width: 767px) {
  .header-logo a {
    padding: 0 0 13px 0;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .header-logo {
    margin: -26px 0;
  }
  .header-logo a {
    padding: 0px 26px 36px;
  }
  .header-logo img {
    max-height: 65px;
  }
  .page-header__content {
    padding-top: 13px;
  }
  .page-header__toggle {
    right: 13px;
  }
}

.header-user__welcome {
  color: #f6b221;
  font-weight: bold;
  }

    .header-user button {
  color: #868b96;
  font-weight: 400;
  }

    .header-user button:hover {
    color: #1fa396;
  }

@media (min-width: 960px) {
  .page-header {
    padding: 0 52px;
  }
  .header-logo a {
    padding: 13px 0;
  }
  .header-utility {
    position: absolute;
    right: 52px;
    top: 3.25px;
  }
  .header-utility a, .header-utility__dropdown-label {

  }
  .header-utility a:hover, .header-utility a:focus, .header-utility__item--dropdown:hover .header-utility a, .header-utility__item--dropdown:focus .header-utility a, .header-utility__dropdown-label:hover, .header-utility__dropdown-label:focus, .header-utility__item--dropdown:hover .header-utility__dropdown-label, .header-utility__item--dropdown:focus .header-utility__dropdown-label {
    opacity: 1;
    color: #1fa396;
  }

  .header-utility__item--dropdown {
    position: relative;
  }
  .header-utility__dropdown-label {
    padding-right: 0;
    cursor: pointer;
  }
  .header-utility__dropdown-label .arrow {
    font-size: 12px;
  }


  .header-utility__dropdown-label .arrow.arrow-welcome {
   margin-left: 15px;
  }


 .header-utility__list li:nth-child(3) .arrow, .header-utility__list li:nth-child(4) .arrow {
  display: none !important;
  }


  .header-utility__dropdown {
    position: absolute;
    top: 100%;
    right: 0;
  width: 200px;
    text-align: right;
    background: #1fa396;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
  }
  .header-utility__dropdown::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #1fa396;
    border-top-width: 0;
    border-right-width: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
  }
  .header-utility__dropdown.difference li {
    border-top: 1px solid #4cb5ab;
  }
  
  .media-body .header-utility__dropdown {
right: 15px;
margin-top: 10px;
}

    ul.header-utility__dropdown.difference li a  .header-utility__dropdown-label {
    color: #fff !important;

  }

   ul.header-utility__dropdown.difference li a .header-utility__dropdown-label .arrow {
    display: none;
  }

  .header-utility__dropdown li a, .header-user .btn-default a {
    color: #fff;
    padding: 9.75px 26px;
    font-size: 15px;
    opacity: 0.9;
  }
  .header-utility__dropdown a:hover, .header-utility__dropdown a:focus {
    color: #fff;
  }
  .header-utility__item--dropdown:hover .header-utility__dropdown, .header-utility__item--dropdown:focus .header-utility__dropdown {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }

  .header-utility > div { display: inline-block; }

  .header-user {
    float: left;
  margin-top: 12px;
  }

  .header-user button {
  display: block;
  color: #868b96;
  font-size: 17px;
  font-weight: 400;
  padding: 1px 15px 0 0;
  }

    .header-user button:hover {
    color: #1fa396;
  }

  .header-user__welcome {
 float: left;
text-align: right;
margin-top: 6px;
padding-right: 15px;
color: #f6b221;
font-weight: bold;
font-size: 19px;
  }
  .header-user .header-user__welcome ~ a {
    display: none;
    width: 152px;
    padding: 6px 24px;
    position: absolute;
    left: 0;
    top: 41px;
    color: #4f5767;
    background: #1fa396;
    z-index: 10;
  color: #fff;
  }
  .header-user .header-user__welcome ~ a:first-of-type {
    padding-top: 18px;
  }
  .header-user .header-user__welcome ~ a:last-of-type {
    padding-bottom: 18px;
  }
  .header-user .header-user__welcome ~ a:first-of-type::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #1fa396;
    border-top-width: 0;
    border-right-width: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
  }

  .header-user .header-user__welcome ~ a + a {
    margin-top: 0;
  }

  .header-user:hover .header-user__welcome, .header-user:focus .header-user__welcome {
    opacity: 1;
  display: block;
  }
  .header-user:hover .header-user__welcome ~ a {
    display: block;
  opacity: 1;
  }

  .header-utility__item.header-utility__item--dropdown.welcome-drop {
  margin-top: -14px;

  }



.header-user a:hover,   
.header-user a:focus {
    display: block;
    opacity: 1;
  }

  .header-search {
    width: 50%;
    position: absolute;
    right: 52px;
    top: 57px;
  }
  .header-nav {
    clear: both;
    background: #233a69;
    margin: 0 -52px;
    height: 78px;
  }
  .header-nav > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-between;
    padding: 0 26px;
    text-align: center;
  }
  .header-nav > ul > li {
    display: inline-block;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
  .header-nav > ul > li > a {
    padding: 26px 0;
    font-size: 15px;
    color: #fff;
    position: relative;
  }
  .header-nav > ul > li > a::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-bottom-color: #fff;
    border-left-width: 0;
    border-top-width: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -7px;
    -webkit-transform: scaleX(1.2);
        -ms-transform: scaleX(1.2);
            transform: scaleX(1.2);
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
    -o-transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
    transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
  }
  .header-nav > ul > li > .header-nav__toggle {
    display: none;
  }
  .js .header-nav__toggle {
    display: none;
  }
  .is-scrolled .header-nav > ul > li > ul {
    top: 80%;
  }

  .is-scrolled .header-nav > ul > li > ul::before, .is-scrolled .header-nav > ul > li > ul::after {
    position: absolute;
    top:  80px;
  }

  .header-nav > ul > li > ul {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 80vh;
    top: 100%;
    padding: 24px 0px 24px 100px;
    border-bottom: 1px solid #233a69;
    text-align: left;
    background: #fff;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    -webkit-transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
    -o-transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
    transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
  }
  .header-nav > ul > li > ul > li {
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
  }
  .header-nav > ul > li > ul > li > a {
    font-size: 18px;
    color: #ce4525;
    font-weight: 500;
  }
  .header-nav > ul > li > ul > li > a,
  .header-nav > ul > li > ul > li > ul {
    max-width: 80%;
  }
  .header-nav > ul > li > ul > li > .header-nav__toggle:hover::before, .header-nav > ul > li > ul > li > .header-nav__toggle:focus::before {
    border-top-color: #233a69;
  }
  .header-nav > ul > li > ul > li > ul {
    margin-bottom: 13px;
    border-top: 2px solid #ffc937;
    opacity: 1;
    -webkit-transition: max-height 0.4s ease-out, margin 0.2s ease, padding 0.2s ease, border 0.4s ease, opacity 0.4s ease, visibility 0s linear;
    -o-transition: max-height 0.4s ease-out, margin 0.2s ease, padding 0.2s ease, border 0.4s ease, opacity 0.4s ease, visibility 0s linear;
    transition: max-height 0.4s ease-out, margin 0.2s ease, padding 0.2s ease, border 0.4s ease, opacity 0.4s ease, visibility 0s linear;
  }


  /*.js .header-nav > ul > li > ul > li > ul:not(.is-active) {
    visibility: hidden;
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    border-top-width: 0;
    opacity: 0;
    -webkit-transition: max-height 0.4s ease-out, margin 0.2s ease 0.2s, padding 0.2s ease 0.2s, border 0.4s ease, opacity 0.4s ease, visibility 0s linear 0.4s;
    -o-transition: max-height 0.4s ease-out, margin 0.2s ease 0.2s, padding 0.2s ease 0.2s, border 0.4s ease, opacity 0.4s ease, visibility 0s linear 0.4s;
    transition: max-height 0.4s ease-out, margin 0.2s ease 0.2s, padding 0.2s ease 0.2s, border 0.4s ease, opacity 0.4s ease, visibility 0s linear 0.4s;
  }*/

 .js .header-nav > ul > li > ul > li > ul > li > .header-nav__toggle::before {
   border-top-color: #fff;
 }

  .header-nav > ul > li > ul > li > ul > li > ul > li {
   display: none;
  }


  .header-nav > ul > li > ul a:hover {
    color: #233a69;
  }
  .header-nav > ul > li:last-child > ul {
    left: 0;
    right: 0;
  }
  /*.header-nav > ul > li:nth-last-child(2) > ul {
    left: auto;
    right: -66%;
  }*/
  .header-nav > ul > li:hover > a {
    color: #ffc937;
  }
  .header-nav > ul > li:hover > a::before {
    opacity: 1;
    visibility: visible;
    z-index: 101;
    -webkit-transition: opacity 0.1s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
    -o-transition: opacity 0.1s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
    transition: opacity 0.1s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
  }
  .header-nav > ul > li:hover > ul {
    opacity: 1;
    z-index: 100;
    visibility: visible;
    -webkit-transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
    -o-transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
    transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
  }
  .header-nav > ul > li:hover > ul > li {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-out 0.5s, -webkit-transform 0.3s ease-out 0.5s;
    transition: opacity 0.3s ease-out 0.5s, -webkit-transform 0.3s ease-out 0.5s;
    -o-transition: transform 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s;
    transition: transform 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s;
    transition: transform 0.3s ease-out 0.5s, opacity 0.3s ease-out 0.5s, -webkit-transform 0.3s ease-out 0.5s;
  }
  .header-nav .is-current > a {
    color: #ffc937;
  }
  @-webkit-keyframes introduce-header {
    0% {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes introduce-header {
    0% {
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  .is-scrolled {
    padding-top: 205px;
  }
  .is-scrolled .page-header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    border-bottom: 1px solid #afb0b3;
    -webkit-animation: introduce-header 0.2s ease-out;
            animation: introduce-header 0.2s ease-out;
    padding: 15px 12px;
  }
  .is-scrolled .header-nav {
    display: none;
  }

   .is-scrolled .header-utility__item--dropdown {
    /* display: none; */
  }


  .is-scrolled .header-logo a {
    padding: 6.5px 0;
  }
  .is-scrolled .header-logo img {
    max-height: 52px;
  }
  .is-scrolled .header-utility {
    top: 0px !important;
    right: 12px !important;
  }
  .is-scrolled .header-search {
    width: 25%;
    top: 48px;
    right: 12px;
  }
  .is-scrolled .header-search .header-search__input {
    font-size: 15px;
    padding-right: 70px;
  }
  .header-search {
    width: 18%;
    top: 39px;
  }
}
@media (min-width: 1290px) {
  .is-scrolled .page-header {
    padding: 6px 12px;
  }
  .is-scrolled .header-logo {
    margin-bottom: 9px;
    margin-top: -9px;
  }
  .is-scrolled .header-utility {
    top: 22px !important;
    right: 27% !important;
  }
  .is-scrolled .header-search {
    top: 25px;
  }
  .js .header-nav__toggle {
    display: none;
}
.header-nav > ul > li > .header-nav__toggle {
    display: none;
}
}

@media (min-width: 768px) {
  .header-utility {
    right: 23%;
    top: 39px;
  }
  .header-nav > ul > li > a {
    font-size: 20px;
  }
}

/* @media all and (min-width: 960px)   {

.is-scrolled .header-utility {
    display: none;
}
  
.is-scrolled .header-search {
    display: none;
}
  
 .is-scrolled .header-nav {
    display: block !important;
} 
  
.is-scrolled .header-logo a {
    padding: 0 0 10px 0 !important;
}  

.is-scrolled .page-header {
    padding: 15px 12px 0 12px !important;
}  
  
}   */

/*! megamenu-style dropdowns */
@media(min-width: 960px) {
  .header-nav > ul > li {
    position: static;
  }
  .header-nav > ul > li > a::before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      bottom: -13px;
      left: 50%;
      margin-left: -10px;
      background: #fff;
      border: solid #0d2e72;
      border-width: 5px 5px 0 0;
      transform: scaleY(0.33) rotate(-45deg);
      opacity: 0;
      visibility: hidden;
      z-index: -1;
      transition: opacity .06s ease-out, visibility 0s linear .15s, z-index 0s linear .15s;
  }
  .header-nav > ul > li > ul {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: flex-start;
      position: absolute;
      left: 0;
      right: 0;
      top: 100%;
      border-bottom: 1px solid #0d2e72;
      text-align: left;
      background: #fff;
      opacity: 0;
      z-index: -1;
      visibility: hidden;
      transition: opacity .0999s ease-out, visibility 0s linear .15s, z-index 0s linear .15s;
      box-shadow: 48px 0 0 #fff, -48px 0 0 #fff;
  }
  .header-nav > ul > li > ul::before, 
  .header-nav > ul > li > ul::after {
      content: "";
      display: block;
      top: 0;
      bottom: 0;
      background: #fff;
      box-shadow: 0 -2px 0 #0d2e72;
      border-bottom: 1px solid #0d2e72;
  }
  .header-nav > ul > li > ul::before {
      right: 100%}
  .header-nav > ul > li > ul::after {
      left: 100%}
  .header-nav > ul > li > ul > li {
      vertical-align: top;
      width: 30%;
      flex: 0 0 33%;
      flex: 0 0 calc(33% - 12px);
      margin-bottom: 30px;
  }
  .header-nav > ul > li > a > ul > li > a {
      font-size: 18px;
      color: #d8580e;
      padding-bottom: 6px;
  }
  .header-nav > ul > li > a > ul > li > a:hover, .header-nav > ul > li > a > ul > li > a:focus {
      color: #0d2e72;
  }
  .header-nav > ul > li > ul > li > ul {
      padding-top: 12px;
      border-top: 1px solid #ffc937;
  }
  .header-nav > ul > li > a > ul > li > a > ul > li > a {
      color: #a1a5a8;
  }
  .header-nav > ul > li > a > ul > li > a > ul > li > a:hover, .header-nav > ul > li > a > ul > li > a > ul > li > a:focus {
      color: #0d2e72;
  }
  .header-nav > ul > li:hover .header-nav > ul > li > a {
      color: #ffc937;
  }
  .header-nav > ul > li:hover .header-nav > ul > li > a::before {
      opacity: 1;
      visibility: visible;
      z-index: 101;
      transition: opacity .15s ease-out .575s, z-index 0s linear .575s, visibility 0s linear .575s;
  }
  .header-nav > ul > li:hover .header-nav > ul > li > ul, .header-nav > ul > li > ul.is-focused {
      opacity: 1;
      z-index: 100;
      visibility: visible;
  }
  .header-nav > ul > li:hover .header-nav > ul > li > ul {
      transition: opacity .19995s ease-out .5s, z-index 0s linear .5s, visibility 0s linear .5s;
  }
  .header-nav > ul > li > ul.is-focused {
      transition: opacity .1s ease-out, z-index 0s linear, visibility 0s linear;
  }
}

/*! ---------- =footer ---------- */
.page-footer {
  padding: 0 26px 26px;
  font-size: 18px;
  background: #233a69;
  color: #fff;
}

.page-footer a {
  color: #fff;
  /*text-decoration: underline;*/
  font-weight: 400;
}

.page-footer h3 {
  color: #ffc937;
  font-size: 27px;
}

.footer-name {
  padding: 26px;
  margin: 0 -26px 26px;
  background: #1fa396;
}

.orange .footer-name  {
    background: #DA5334;
}

.footer-name h1, .footer-name h2, .footer-name h3, .footer-name h4 {
  font-size: 27px;
  line-height: 26px;
  margin: 0;
}

.footer-name a {
  text-decoration: none;
  font-weight: 800;
}

.footer-contact p {
  margin: 0;
}

.footer-social__icon {
  display: inline-block;
  padding: 26px 13px;
  opacity: 0.9;
}

.footer-social__icon:hover, .footer-social__icon:focus {
  opacity: 1;
}

.footer-social__icon img {
  width: 25px;
}

.footer-links, .footer-associated, .footer-utility {
  margin-bottom: 26px;
}

.footer-links__list, .footer-associated__list, .footer-utility__list {
  list-style: none;
  margin: 0 0 26px;
}

.footer-links__item a, .footer-associated__item a, .footer-utility__item a {
  display: inline-block;
  padding: 6.5px 0;
}

.footer-contact__item a:hover, 
.footer-contact__item a:focus, 
.footer-links__item a:hover, 
.footer-links__item a:focus, 
.footer-associated__item a:hover,
.footer-associated__item a:focus {
  text-decoration: underline;
}

.footer-utility__cta {
  font-size: 18px;
}

.footer-copyright {
  font-size: 15px;
  opacity: 0.7;
}

.footer-copyright a {
  display: inline-block;
  margin-left: 0.75em;
}

@media (max-width: 767px) {
  .page-footer {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .page-footer {
    padding: 0 52px 26px;
  }
  .page-footer h3 {
    margin-bottom: 6.5px;
  }
  .page-footer a {
    opacity: 0.8;
  }
  .page-footer a:hover, .page-footer a:focus {
    opacity: 1;
  }
  .footer-name {
    padding: 26px 52px;
    margin: 0 -52px 39px;
  }
  .footer-name h1 {
    font-size: 32px;
  }
  .footer-name a {
    opacity: 1;
  }
  .footer-social {
    margin-left: -13px;
  }
  .footer-copyright {
    clear: both;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .footer-contact {
    width: 50%;
    float: left;
  }
  .footer-links {
    width: 50%;
    float: right;
  }
  .footer-associated {
    margin-bottom: 52px;
  }
}

@media (min-width: 960px) {
  .page-footer {
    padding-left: 39px;
    padding-right: 39px;
  }
  .footer-name {
    margin-left: -39px;
    margin-right: -39px;
  }
  .footer-contact, .footer-links, .footer-associated {
    width: 25%;
    float: left;
    padding: 0 13px;
  }
  .footer-contact__item a, .footer-links__item a, .footer-associated__item a {
    padding: 3.6px 0;
  }
  .footer-links {
    width: 50%;
  }
  .footer-links__list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 26px;
       -moz-column-gap: 26px;
            column-gap: 26px;
  }
  .footer-utility {
    clear: both;
  }
  .footer-utility__item {
    display: inline-block;
  }
  .footer-utility__item + .footer-utility__item {
    margin-left: 26px;
  }
  .footer-utility__item a {
    display: block;
  }
  .footer-utility h3 {
    display: none;
  }
}

/* ---------- =home ---------- */
.home-feature {
  margin: -26px -26px 26px;
  padding: 52px 0;
  position: relative;
  color: black;
  color: rgba(0, 0, 0, 0.9);
  background: #fff;
  -webkit-animation: fade-home-feature-in 0.4s ease 0.6s backwards;
          animation: fade-home-feature-in 0.4s ease 0.6s backwards;
}

.home-feature__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
  background-size: cover;
}

.home-feature__content {
  padding: 26px;
  position: relative;
  z-index: 1;
  text-align: center;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
}

.home-feature__title {
  margin-bottom: 0;
  font-size: 38px;
  line-height: 52px;
  font-weight: 800;
  color: #0d2e72;
}

.home-feature__description {
  max-width: 15em;
  margin: 0 auto;
  font-size: 23px;
  line-height: 32.5px;
  text-align: center;
  text-shadow: 0 0 80px #000;
  opacity: 0.9;
  font-weight: 500;
}

.home-feature__cta {
  margin: 0 auto;
  padding: 26px 26px 0;
  position: relative;
  z-index: 1;
  width: max-content;
}

.home-feature__cta .button {
  opacity: 0.9;
}

.home-feature__cta .button:hover, .home-feature__cta .button:focus {
  opacity: 1;
}

.home-feature.interior-feature {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .home-feature {
    margin: -52px -52px 52px;
  }
  .home-feature__title {
    font-size: 50px;
    line-height: 52px;
  }
}

@media (min-width: 960px) {
  .home-feature {
    padding: 104px 0;
  }
  .home-feature__description {
    font-size: 27px;
  }
}

@media (min-width: 1280px) {
  .home-feature {
    padding: 130px 0 104px;
    height: 500px;
  }
  .home-feature__title {
    font-size: 50px;
    line-height: 52px;
  }
  .home-feature__description {
    font-size: 27px;
    line-height: 32px;
  }


  .home-feature__foretext-container {
    position: absolute;
  }

  .top_left {
    top: 25px;
    left: 25px;
  }
  .top_center {
    top: 25px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  .top_right {
    top: 25px;
    right: 25px;
  }
  .center_left {
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
  }
  .center_center {
    position:relative;
  }
  .center_right {
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
  }
  .bottom_left {
    bottom: 40px;
    left: 25px;
  }
  .bottom_center {
    bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  .bottom_right {
    bottom: 40px;
    right: 25px;
  }


}

@-webkit-keyframes fade-home-feature-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-home-feature-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.home-quicklinks {
  max-width: 1080px;
  margin: 0 auto 26px;
  position: relative;
  z-index: 2;
}

@media (min-width: 960px) {
  .home-quicklinks {
    margin-top: -78px;
  }
}

.home-content .button:not(.button--small) {
  min-width: 14em;
}

@media (max-width: 469px) {
  .home-content .button:not(.button--small) {
    display: block;
  }
}

@media (max-width: 767px) {
  .home-content__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .home-content__main > .grid__unit:nth-child(1) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .home-content__main > .grid__unit:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .home-content__main > .grid__unit:nth-child(3) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .home-content__main > .grid__unit:nth-child(4) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

@media (max-width: 959px) {
  .home-content h2 {
    font-size: 32px;
  }
}

.home-sourcebook-logo {
  display: block;
  margin-bottom: 26px;
}

@media (max-width: 959px) {
  .home-sourcebook-logo {
    padding: 0 52px;
  }
  .home-sourcebook-logo + .button {
    display: block;
  }
}

/* ---------- =interior ---------- */
.page-title {
  color: #233a69;
  font-weight: 800;
}

@media (min-width: 1680px) {
  .page-title {
    font-size: 60px;
    line-height: 65px;
  }
}

.interior-layout__nav, .interior-layout__main {
  margin-bottom: 26px;
}

.interior-layout__share {
  margin-bottom: 26px;
}

@media (min-width: 768px) {
  .interior-layout__title {
    position: relative;
  }
  .interior-layout__title .page-title {
    margin-right: 200px;
  }
  .interior-layout__share {
    position: absolute;
    right: 0;
    top: 0;
  }
  .breadcrumbs ~ .interior-layout__share {
    top: 45.5px;
  }
}

@media (min-width: 960px) {
  .interior-layout__nav, .interior-layout__main {
    margin-bottom: 52px;
  }
  .interior-layout__nav, .interior-layout__aside {
    width: 30%;
    float: left;
    clear: left;
    overflow: hidden;
  }
  .interior-layout__main, .interior-layout__title {
    width: 70%;
    float: right;
    clear: right;
    padding-left: 52px;
  }
  .interior-layout--reverse .interior-layout__nav, .interior-layout--reverse .interior-layout__aside {
    float: right;
    clear: right;
  }
  .interior-layout--reverse .interior-layout__main, .interior-layout--reverse .interior-layout__title {
    float: left;
    clear: left;
    padding-left: 0;
    padding-right: 52px;
  }
  .breadcrumbs ~ .interior-layout__share {
    top: 32.5px;
  }
}

/*Stats styles*/

.bg-stats {
    background-color:   #F25041;
    min-height: 450px;
    position: relative;
}


.bg-stats h2{
  color: #fff !important;
  
}

 
.bg-stats::before {
    background: #F25041;
    content: '';
    display: block;
    height: 100%;
    left: -5000px;
    position: absolute;
    top: 0;
    width: 5000px;
}

@media (max-width: 1280px) {
    .bg-stats::before {
        width: 10000px;
        z-index: -1;
    }
}

@media (max-width: 799px) {
.bg-stats {
    min-height: 1000px;
}
}

.bg-stats a:link {
    color: #F2F2F2;
}

.bg-stats a:visited {
    color: #F2F2F2;
}


.bg-stats a:hover {
    color: #f1df85 !important;
}
  
.stats-border {
    min-height: 350px;
  
  width: 90%;
    border-radius: 3px 50px;
    background-color: #fff;
    color: #0F1926 !important;
    margin: 1.1em auto 0;
    min-height: 300px;
    padding: 15px 18px 30px;
    font-size: 1em;

}

@media (max-width: 799px) {
.stats-border  {
    width: 80%;
}
}

.stats-wrapper {
   min-height: 300px;  
  font-size: 1em;
    margin: 1.1em auto 0;
    text-align: center;
}


.stats-wrapper a {
  
 color: teal !important; 
  
}


.stats-wrapper a:visited {
  
 color: teal !important; 
  
}

.stats-wrapper a:hover {
  
 color: #F2A81D !important; 
  
}







@media (max-width: 799px) {
.stats-wrapper  {
   min-height: 200px;
}
}


.breadcrumbs {
  font-size: 15px;
  margin: 0 0 6.5px;
  text-transform: capitalize;
}

.breadcrumbs a {
  color: #4f5767;
  opacity: 0.8;
  font-weight: 400;
}

.breadcrumbs a:hover, .breadcrumbs a:focus {
  color: #1fa396;
  opacity: 1;
}

.breadcrumbs__separator {
  display: inline-block;
  margin: 0 0.3em;
  opacity: 0.4;
}

.in-this-section a {
  display: block;
  padding: 6.5px 0;
  font-weight: 400;
}

.in-this-section ul {
  list-style: none;
  margin: 0;
}

.in-this-section ul ul {
  display: none;
  padding-left: 26px;
}

.in-this-section ul ul a {
  font-size: 18px;
}

.in-this-section .is-current > ul {
  display: block;
}

.in-this-section .is-current > a {
  color: #de9907;
  font-weight: 700;
}

.in-this-section .is-current > a:hover {
  color: #1fa396;
}

a .title-black  {
color: #444 !important;
}

@media (max-width: 719px) {

 .board {
  float: left;
  display: block;
  }

  .board img {
  width: 105px;
  height: auto;
  }

  .item-list__title.board-title {
  display: block;
  float: none;
  width: 45%;
  font-size: 18px;
  }


}

@media (max-width: 959px) {
  .in-this-section__toggle {
    display: block;
    width: 100% !important;
    margin-bottom: 26px;
    text-align: left;
  }
  .no-js .in-this-section__toggle {
    display: none;
  }
  .in-this-section__toggle .arrow {
    font-size: 0.7em;
  }
  .in-this-section__toggle.is-active .arrow {
    border-left-color: #1fa396;
  }
  .js .in-this-section > ul {
    display: none;
  }
  .js .in-this-section > ul.is-active {
    display: block;
    margin-top: 13px;
  }

    .interior-layout__nav, .interior-layout__aside, .interior-layout__main {
    width: 100% !important;
   }

}

@media (min-width: 960px) {
  .in-this-section__toggle {
    cursor: default;
    font-size: 32px;
    line-height: 52px;
  }
  .in-this-section__toggle .arrow {
    display: none;
  }
  .event-interior-layout__aside {
  background: #eee;
  margin-left: 25px;
  margin-bottom: 25px;
  padding: 20px;
    width: 35%;
    float: right;
    clear: left;
  }
  .event-interior-layout__main {
    overflow: hidden;
  }
}

/*# sourceMappingURL=../maps/public.css.map */

/*# sourceMappingURL=../maps/public.css.map */


/*! ---------- =from wires/styles ---------- */



/*! ---------- =search ---------- */
.search-current-tags {
  margin-bottom: 25px;
}

.refine-search__form {
  position: relative;
}
.refine-search__title {
  margin-bottom: 12.5px;
}
.refine-search__list {
  margin-bottom: 25px;
}

@media (min-width: 960px) {
  .refine-search__list {
    margin-bottom: 50px;
  }
}




.interior-nav {
padding: 20px 20px 20px 0;
}

.interior-nav.board-page {
padding: 0 20px 20px 0;
}

.interior-nav__title {
  font-weight: 400;
line-height: 24px;
}
.interior-nav__nav ul {
  list-style: none;
  margin: 0;
}
.interior-nav__nav a {
  display: block;
}
.interior-nav__nav > ul > li > a {
  padding: 5px 0;
}
.interior-nav__nav > ul > li + li {
  border-top: 1px solid #f1f1f1;
}
.interior-nav__nav li ul {
  display: none;
  margin-left: 25px;
  margin-bottom: 12.5px;
}
.interior-nav__nav li ul a {
  padding: 6.25px 0;
}
.interior-nav__nav .is-current > a {
  font-weight: 700;
}
.interior-nav__nav .is-current > ul {
  display: block;
}

.interior-nav__title.filter {
font-size: 20px;
padding-left: 20px;
}

.interior-nav__title.filter.faqs {
font-size: 24px;
font-weight: 600;
padding-left: 20px;
}

@media (max-width: 959px) {
  .interior-nav__title {
    margin: 5px 0 12.5px;
    cursor: pointer;
  font-size: 22px;
  }

  .interior-nav {
padding: 20px 20px 6px 20px;
display: none;
}

  .interior-nav__title::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -0.2em 0 0 0.5em;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: #958948;
    transform: scaleX(0.667);
  }
  .interior-nav__title.is-active::after {
    transform: scaleX(0.667) scaleY(-1);
  }
  .interior-nav__nav {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
  }
  .interior-nav__nav.is-active {
    max-height: 3500px;
    opacity: 1;
    transition: all 0.25s ease-in;
  }

  h1.header-text {
    display: none;
  }

}

  .interior-nav.filter-nav {
padding-bottom: 0;
background: #eee;
line-height: 24px;
display: block;
}

.interior-nav__title.filter {

}

  .interior-nav__title.filter::after {
    content: '';
    display: block;
  float: right;
    vertical-align: middle;
    margin: 0 0 0 25px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-width: 0;
    border-top-color: #958948;
    transform: scaleX(0.667);
  }
  .interior-nav__title.filter.is-active::after {
    transform: scaleX(0.667) scaleY(-1);
  }
  .interior-nav__nav.refine-search {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
  }
  .interior-nav__nav.refine-search.is-active {
    max-height: 3500px;
    opacity: 1;
    transition: all 0.25s ease-in;
  }



.item-list {
  list-style: none;
  margin: 0 0 25px;
}
.item-list:last-child {
  margin-bottom: 0;
}
.item-list__item + .item-list__item {
  margin-top: 0;
}

li.item-list__item {
  padding: 25px;
}

li.item-list__item:nth-child(even) {
background: #eee;
}


.item-list--separated .item-list__item + .item-list__item {
  margin-top: 12.5px;
  padding-top: 12.5px;
}

.item-list__item:nth-child(even) {
  border-top: 1px solid #d8d8d8;
}

.home-content .item-list__item:nth-child(even) {
  border-top: none;
}

.item-list__item:nth-child(odd) {
  border-top: none;
}

.item-list__name {
  font-size: 18px;
  font-weight: 400;
}

.item-list__title, .item-list__title a {
  display: block;
  font-weight: 700 !important;
  font-size: 18px;
}

.item-list__title.news-list-title, .item-list__title.news-list-title a {
  display: block;
  font-weight: 700 !important;
  font-size: 20px;
}

a.item-list__title span  {
color: #0b2d74;
}
.item-list__icon, .item-list__date {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  padding: 6.25px 0;
  margin-right: 12.5px;
  /* border-radius: 100%; */
  color: #fff;
  background: #444 !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.item-list__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.item-list__date {
  text-align: center;
  font-size: 16px;
  line-height: 18.75px;
}
.item-list__month {
  display: block;
}

.home-content .item-list__date__month {
  font-size: 20px;
  color: #4f5767;
}

.home-content .item-list__date {
  display: block;
  width: 65px;
  float: left;
  padding: 13px 0 19.5px;
  margin-right: 19.5px;
  border-radius: 0 0 32.5px 32.5px;
  text-align: center;
  background: #f0f1f5 !important;
  height: auto;
  line-height: normal;
}

.home-content .item-list__title {
  display: block;
  font-weight: 700;
  font-size: 21px;
}

p.tags {
  display: inline;
  font-size: 16px;
}

p.search-result-tags {
  font-size: 16px;
}

.eventCategories {
  display: inline;
}

.eventCategories .sfCategoriesList {
  display: inline;
  list-style: none;
  margin-left: 0;
  font-size: 16px;
}

.eventCategories .sfCategoriesList li {
  display: inline;
  font-style: italic;
}

.eventCategories .sfCategoriesList li:after {
  content: ", ";
}

.eventCategories .sfCategoriesList li:last-child:after {
    content: "";
}

.sfPageEditor .header-nav ul {
  display: none !important;
}


.pagerPage, .sf_pagerNumeric a, ul.pagination li a {
  border: 1px solid #195273;
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  padding-top: 2px;
}

 ul.pagination {
list-style: none;
margin-left: 0;
padding-left: 0;
 }

  ul.pagination li {
float: left;
margin-left: 10px;
  }

 .sf_pagerNumeric a {
margin-right: 20px;
}

.current.pagerPage, .sf_PagerCurrent, .sf_PagerCurrent a, ul.pagination li.active a  {
  border: none !important;
  background: #ffc941;
  color: #fff !important;
  width: 35px;
  height: 35px;
}

.pagerPage:hover,   .sf_pagerNumeric a:hover, ul.pagination li a:hover {
  border: none;
  background: #ffc941;
  color: #fff !important;
  width: 35px;
  height: 35px;
}

a.pagerPage:hover {
  color: #fff !important;
}

.pagination__page:hover {
    border: none;
  background: #ffc941;
  color: #fff !important;
  width: 30px;
  height: 30px;
}

.sr-only {
display: none;
}

/* ---------- =sponsors/speakers grid list ---------- */

.item-list--sponsors,
.item-list--speakers {
  text-align: left;
}
.item-list--sponsors__centered {
  text-align: center;
}
.item-list--sponsors li.item-list__item:nth-child(even),
.item-list--speakers li.item-list__item:nth-child(even),
.item-list--sponsors .item-list__item,
.item-list--speakers .item-list__item {
  background: rgba(0,0,0,0);
  border-top: 0;
  padding-top: 0;
}
.item-list--sponsors li.item-list__item {
  margin-top: 24px;
}
.item-list--sponsors li.item-list__item a img,
.item-list--speakers li.item-list__item a img {
  filter: grayscale(1);
  transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}
.item-list--sponsors li.item-list__item a:hover img {
  filter: grayscale(0);
  transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.item-list--sponsors .item-list__category {
  background: #d41;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin: 0 auto 23px;
  max-width: fit-content;
    max-width: -moz-fit-content;
  padding: 6px 18px;
  text-align: center;
}
.item-list--speakers .item-list__container {
  border-bottom: 8px solid #20a396;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
  height: 300px;
  margin-bottom: 12px;
  width: 100%;
}
.item-list--speakers .item-list__item .item-list__container,
.item-list--speakers .item-list__item .item-list__title {
  transition: all 0.15s ease-out;
}
.item-list--speakers .item-list__item:hover .item-list__container,
.item-list--speakers .item-list__item:focus .item-list__container,
.item-list--speakers .item-list__item:hover .item-list__title,
.item-list--speakers .item-list__item:focus .item-list__title {
  border-color: #233a69;
  color: #233a69;
}
.item-list--speakers .item-list__item .item-list__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  transition:  all 0.15s ease-out;
    -webkit-transition:  all 0.15s ease-out;
  width: 100%;
}
.item-list--speakers .item-list__item:hover .item-list__image,
.item-list--speakers .item-list__item:focus .item-list__image {
  background-size: 115%;
}
.item-list--speakers .item-list__title {
  color: #20a396;
}
.item-list--speakers .title-black {
  color: #444444;
}
.item-list--speakers .item-list__description {
  color: #4f5767;
  margin-top: 6px;
}
.item-list--speakers .item-list__item img {
  margin-bottom: 12px;
}

/* color variations */
  /* orange */
  .item-list--speakers__secondary .item-list__container, 
  .item-list--speakers__secondary .item-list__title {
    border-color: #f27731;
    color: #f27731;
  }

@media (max-width: 767px) {
  .item-list--sponsors li.item-list__item,
  .item-list--speakers li.item-list__item {
    min-height: 0!important;
  }
  .item-list--sponsors li.item-list__item + li.item-list__item {
    padding-top: 24px;
  }
}

/* ---------- =sitefinity =fixes ---------- */

/* make elements usable in design mode */
.sfPageEditor .header-logo,
.sfPageEditor .header-utility,
.sfPageEditor .header-search,
.sfPageEditor .header-nav,
.sfPageEditor .page-header .tagline,
.sfPageEditor .header-content,
.sfPageEditor .utility-container,
.sfPageEditor .utility-row,
.sfPageEditor .page-nav__sf-wrapper,
.sfPageEditor .sticky,
.sfPageEditor .page-footer .flex-item {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
  float: none !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.interior-layout__main a {
font-weight: normal !important;
}

.sfPageEditor .tabs--standard .tabs__pane {
  display: block!important;
}

.sfPageEditor .tabs--standard .tabs__tab {
  flex: auto!important;
}

/* event styling */

.k-event {
background: #233a69 !important;
border: none !important;
border-top: #fff solid 1px;
margin-top: 5px;
padding: 5px;
}

.k-event a {
color: #fff;
font-weight: normal;
font-size: 14px;
}


.sf-calendarList-item {
  color: #f6b221;
  cursor: grab;
  display: inline-block !important;
  margin-bottom: 25px !important;
}

.sf-calendarList-item:after {
content: "|"  ;
  margin-left: 15px;
  margin-right: 15px;
}

.sf-calendarList-item:last-child:after {
content: " "  ;
  margin-left: 15px;
}

@media (max-width: 959px) {


   .interior-layout__nav, .interior-layout__aside {
    width: 100%;
    float: none !important;
    overflow: hidden;
  }

  .sf_colsOut.sf_3cols_1_33, .sf_colsOut.sf_3cols_2_34, .sf_colsOut.sf_3cols_3_33,.sf_5cols_1_20,.sf_5cols_2_20,.sf_5cols_3_20,.sf_5cols_4_20,.sf_5cols_5_20,.sf_2cols_1in_75, .sf_2cols_2in_25, .sf_2cols_1in_67, .sf_2cols_2in_33, .sf_2cols_2in_50, .sf_2cols_1in_33, .sf_2cols_2in_67, .sf_3cols_1in_33,.sf_3cols_2in_34, .sf_3cols_3in_33, .sf_2cols_1in_25, .sf_2cols_2in_75, .sf_3cols_1in_25, .sf_3cols_2in_50, .sf_3cols_3in_25, .sf_4cols_1in_25, .sf_4cols_2in_25, .sf_4cols_3in_25, .sf_4cols_4in_25, .sf_5cols_1in_20, .sf_5cols_2in_20, .sf_5cols_3in_20, .sf_5cols_4in_20, .sf_5cols_5in_20, .sf_2cols_2in_25, .sf_2cols_2_75, .sf_2cols_1_75, .sf_2cols_2_33, .sf_2cols_2in_33, .sf_2cols_1in_67, .sf_2cols_1in_50, .sf_2cols_2in_50, .sf_2cols_1_33, .sf_2cols_2_67, .sf_2cols_1_25, .sf_3cols_1_25, .sf_3cols_2_50, .sf_3cols_3_25  {
    width: 100% !important;
    margin-bottom: 25px;
  float: none !important;
  clear: both !important;
  }


  .sf_colsOut.sf_4cols_1_25, .sf_colsOut.sf_4cols_2_25, .sf_colsOut.sf_4cols_3_25, .sf_colsOut.sf_4cols_4_25, .sf_2cols_2_25 {
  width: 100% !important; 
  margin-bottom: 25px;

  }

  .sf_3cols_1_33, .sf_3cols_2_33, .sf_3cols_2_34, .sf_3cols_3_33, .sf_3cols_4_33 {
   width: 100% !important;
  }



  .sf_2cols_2_67, .sf_2cols_1_67 {
     width: 100% !important;
  }

  .sf_2cols_1_50, .sf_2cols_2_50 {
    width: 100% !important;
  margin-left: 0 !important;
  }

  .sf_5cols_1_20, .sf_5cols_2_20, .sf_5cols_3_20, .sf_5cols_4_20, .sf_5cols_5_20 {
    width: 100% !important;
  }

  .sf_2cols_2_50 .sf_2cols_2in_50, .sf_2cols_2_33 .sf_2cols_2in_33, .sf_5cols_2_20 .sf_5cols_2in_20, .sf_5cols_3_20 .sf_5cols_3in_20, .sf_5cols_4_20 .sf_5cols_4in_20, .sf_5cols_5_20 .sf_5cols_5in_20, .sf_2cols_2_25 .sf_2cols_2in_25, .sf_2cols_1_33 .sf_2cols_2_67,
.sf_2cols_2_67 .sf_2cols_2in_67, .sf_3cols_2_34 .sf_3cols_2in_34, .sf_3cols_3_33 .sf_3cols_3in_33, .sf_2cols_2_75 .sf_2cols_2in_75, .sf_3cols_3_25 .sf_3cols_3in_25, .sf_3cols_2_50 .sf_3cols_2in_50, .sf_3cols_3_25 .sf_3cols_3in_25, .sf_4cols_2_25 .sf_4cols_2in_25, .sf_4cols_3_25 .sf_4cols_3in_25, .sf_4cols_4_25 .sf_4cols_4in_25 {
    margin-left: 0;
  }



  .sitemap ul {
    display: none;
  }


.sponsor-center {
margin: 0 auto !important;
float: none !important;
clear: both !important;
}

}

@media (min-width: 960px) {

  .nav-select.form-control {
  display: none;
  }

}


 video {
  max-width: 100%;
  height: auto;
  }





.rsmItem.sfBreadcrumbNavigation  {
  text-transform: capitalize;
}


/*! ---------- =tabs ---------- 
 .tabs--standard.tabs--3 {
     margin-bottom: 48px;
   display: block;
}
 .tabs--standard:last-child {
     margin-bottom: 0;
}
 .tabs--standard .tabs__tab {
     display: inline-block;
     vertical-align: bottom;
     padding: 12px;
     margin-bottom: -1px;
     border: #cecece solid 1px;
     background: #fafafa;
     opacity: 0.9;
     position: relative;
     z-index: 2;
     cursor: pointer;
}
 .tabs--standard .tabs__tab.is-active {
     background: #ededed;
     border-bottom-color: #fff;
     color: #233a69;
}
 .tabs--standard .tabs__pane {
     border: #cecece solid 1px;
     padding: 24px;
     display: none;
}
 .tabs--standard .tabs__pane.is-active {
     display: block;
}

*/

/*! ---------- =tabs ---------- */

.tabs--standard:not(:last-child) {
  margin-bottom: 48px;
}
.tabs--standard .tabs__tab {
  display: inline-block;
  vertical-align: bottom;
  padding: 12px;
  margin-bottom: -1px;
  background: #fff;
  color: #4f5767 !important;
  border: 1px solid #d8d8d8;
  font-weight: 600; 
  opacity: 0.9;
  position: relative;
  z-index: 2;
  cursor: pointer;
  margin-right: 0;  
}


.tabs--standard .tabs__tab.is-active { 
  background: #ededed;  
  border-bottom-color: #fff;
  color: #1e376d !important;
}
.tabs--standard .tabs__pane {
  border: 1px solid #d8d8d8;
  padding: 24px;
  display: none;
  background: #fff;
}
.tabs--standard .tabs__pane.is-active {
  display: block;
}
.tabs--vertical {
  margin-bottom: 48px;
}
.tabs--vertical .tabs__tab {
  background: #fff;
  padding: 12px;
  font-weight: 600 !important;
  border: #d8d8d8 1px solid;
}
.tabs--vertical .tabs__tab.is-active {
  color: #1e376d;
  background: #ededed !important;
  font-weight: 600 !important;
  border: none;
}
.tabs--vertical .tabs__pane {
  background: #fff;
}
.js .tabs--vertical .tabs__pane:not(.is-active) {
  display: none;
}

@media (min-width: 470px) {
  .tabs--standard .tabs__tab {
    padding: 18px 24px;
    font-weight: 600;
  }
}

@media (max-width: 767px), (min-width: 960px) and (max-width: 1279px) {
  .tabs--standard,
  .tabs--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .tabs__tab:before   {
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #4f5767;
  display: block;
  float: right;
  margin-top: 10px;
 -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}


.tabs__tab.is-active:before { 
 content: '';
   -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

  .tabs--standard .tabs__tab,
  .tabs--standard .tabs__pane,
  .tabs--vertical .tabs__tab,
  .tabs--vertical .tabs__pane {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .tabs--standard .tabs__tab,
  .tabs--vertical .tabs__tab {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border: 1px solid #d8d8d8;
  }
  .tabs--standard .tabs__tab ~ .tabs__tab,
  .tabs--vertical .tabs__tab ~ .tabs__tab {
    margin-top: 0;
  }
  .tabs--standard .tabs__tab.is-active,
  .tabs--vertical .tabs__tab.is-active {
    border-color: #d8d8d8 #d8d8d8 #d8d8d8;
  }
  .tabs--standard .tabs__tab:nth-child(2),
  .tabs--vertical .tabs__tab:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .tabs--standard .tabs__tab:nth-child(3),
  .tabs--vertical .tabs__tab:nth-child(3) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .tabs--standard .tabs__tab:nth-child(4),
  .tabs--vertical .tabs__tab:nth-child(4) {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .tabs--standard .tabs__tab:nth-child(5),
  .tabs--vertical .tabs__tab:nth-child(5) {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .tabs--standard .tabs__tab:nth-child(6),
  .tabs--vertical .tabs__tab:nth-child(6) {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .tabs--standard .tabs__tab:nth-child(7),
  .tabs--vertical .tabs__tab:nth-child(7) {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .tabs--standard .tabs__tab:nth-child(8),
  .tabs--vertical .tabs__tab:nth-child(8) {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15;
  }
  .tabs--standard .tabs__tab:nth-child(9),
  .tabs--vertical .tabs__tab:nth-child(9) {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17;
  }
  .tabs--standard .tabs__tab:nth-child(10),
  .tabs--vertical .tabs__tab:nth-child(10) {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19;
  }
  .tabs--standard .tabs__pane,
  .tabs--vertical .tabs__pane {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 24px 12px;
    border: 1px solid #d8d8d8;
    border-top-width: 0;
  }
  .tabs--standard .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14;
  }
  .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16;
  }
  .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18;
  }
  .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane,
  .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20;
  }
}

@media (min-width: 768px) and (max-width: 959px), (min-width: 1280px) {
  .tabs--standard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .tabs--standard::before {
    /* remove sf pseudoel that messes with space-between */
    display: none !important;
  }
  .tabs--standard .tabs__tab {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0;
    flex: 0 0 0;
    padding: 18px 24px;
  }
  .tabs--standard.tabs--2 .tabs__tab {
    width: 48%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    /*-ms-flex-preferred-size: calc(50% - 6px);
    flex-basis: calc(50% - 6px); */
  }
  .tabs--standard.tabs--3 .tabs__tab {
    width: 33%;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    /*-ms-flex-preferred-size: calc(50% - 6px);
    flex-basis: calc(50% - 6px); */
  }
  .tabs--standard.tabs--4 .tabs__tab {
    width: 22%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
   /*-ms-flex-preferred-size: calc(50% - 6px);
    flex-basis: calc(50% - 6px); */
  }
  .tabs--standard.tabs--5 .tabs__tab {
    width: 17%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
   /*-ms-flex-preferred-size: calc(50% - 6px);
    flex-basis: calc(50% - 6px); */
  }
  .tabs--standard .tabs__pane {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .tabs--vertical .tabs__tab {
    width: 300px;
    float: left;
  clear: left;
    padding: 11px 17px;
  margin-bottom: 0;
    /* border-color: #d8d8d8 #fff #d8d8d8 #d8d8d8;
    box-shadow: inset 6px 0 0 #1e376d; */
    cursor: pointer;
  }
  .tabs--vertical .tabs__tab.is-active {
    background: #fff;
    /* border-color: #d8d8d8 #fff #d8d8d8 #d8d8d8;
    box-shadow: inset 6px 0 0 #1e376d; */
    cursor: default;
  }
  .tabs--vertical .tabs__pane {
    padding: 24px;
    background: #fff;
    border-left: 299px solid #fff;
    box-shadow: inset 0 0 0 1px #d8d8d8;
  }
  .tabs--vertical .tabs__pane::after {
    content: '';
    display: table;
    clear: both;
    margin: 30px 0 -24px;
  }
}

.clear {
clear: both;
}

.sfInlineEditingPageMenu {
   top: 25px !important;
   z-index: 999 !important;
}

/* 2020 Sticky Nav */


@media all and (min-width: 960px)   {

.is-scrolled .header-utility {
    display: none;
}
  
.is-scrolled .header-search {
    display: none;
}
  
 .is-scrolled .header-nav {
    display: block !important;
    clear: none;
    margin-top: -20px;
    margin-bottom: -40px;
} 
  
.is-scrolled .header-logo a {
    padding: 0 0 11px 0 !important;
}  
  
.is-scrolled  .header-logo {
    float: left;
    background: #fff;
    margin-left: -17px;
    margin-top: -1px;
}
.is-scrolled .header-logo img {
    max-height: 62px !important;
    margin-top: -25px;
    background: #fff;
}

.is-scrolled .page-header {
    padding: 15px 12px 0 12px !important;
    border: none !important;
}  
  
  .is-scrolled .sfInlineEditingPageMenu {
    top: 115px !important;
  }
  
}  

@media all and (min-width: 1300px)   {
  .is-scrolled .header-logo img {
    max-height: 70px !important;
}
}

.cert-nav {
  display: flex;
  
  align-items: center;
   justify-content: center;

     min-height: 125px;
  
  flex-direction: row;
  flex-wrap: wrap;
  
  
}

.cert-border {
  display: flex;
  
  flex-direction: row;
  flex-wrap: wrap;
  
display: inline-flex;
 border: 1px outset #7F7F7F;

  
  justify-content: center;
padding: 5px;
}


  .cert-icons {
   align-self: auto;
  
  }

@media (max-width: 799px) {
  .cert-nav {
    min-height: 300px;
      }
  }



 @media (max-width: 799px) {
    .cert-icons {
      width: 30%;
     
    }
}
  
    .cert-btn {
        border: 2px solid #AAAAAA;
        margin: 3px;
   -webkit-box-shadow: 10px 22px 23px 8px rgba(126,126,126,0.32); 
box-shadow: 10px 22px 23px 8px rgba(126,126,126,0.32);
  
   -webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
  
  }


.section-title {
  font-style: uppercase;
  font-weight: 700;
  color: #2198A6;
  
}
  
.section-border {
  border-bottom: 3px inset #1E2D59;
  width: 100%;
  margin: 0.4em 0;
  line-height: 1.4em;
  font-weight: 800;
}



/*Accordion override*/

.accordion__label {
 color: #243E73 !important;
 font-size: 1.3em !important;
 text-transform: none;
 font-weight: 700 !important;
 margin: 0.2em auto !important;
 line-height: 1.3em;
}

.accordion__label.is-active {
  color: #243E73 !important;
  background-color: #fff !important;
  border-style: none !important;
}

.accordion__content {
  border-style: none !important;
  margin: 0 auto !important;
  padding: 0 13px 26px !important;
}

.accordion__content p {
  font-size: 1em;
}

.accordion__content li {
   padding-bottom: 0.4em !important;
}



@media (max-width: 800px) {
  .accordion__content {
    /*padding: 0 0 !important;*/
    margin: auto 0 !important;
  }
    .accordion__label {
    /*padding:0 0 !important;*/
    margin: auto 0 !important;  
  }
}

.custom-quote {
  font-style: italic;
  padding: 3em 1.1em;
  font-weight: 500;
  line-height: 1.3em;
  font-size: 1.1em;
  width: 75%;
  margin: auto;
}
.quote-symbol {
  font-weight: 800;
  color: #A6831C;
  font-size: 1.8em;
}

img.sourcbook-bio-image {
    max-width: 400px;
    height: auto;
    text-align: left !important;
    margin-left: 0;
    margin-bottom: 25px;
}

/*Jackie Hippolyte- test to adjust img for speaker grid on detail page  */
.img-center {
  
  margin: auto;
}


  



.rcorners-30 {
  border-radius: 30px;

 
}

.center-grid .grid {
 text-align: center !important;
}





/*margin scroll for pages with jump links as needed- Jackie Hippolyte 8/3/2024*/ 
.section { 
  margin: 0; 
  scroll-margin-top: 4.3em; 
}

.spacer {
  height: 24px;
}
.spacer--tiny {
  height: 6px;
}
.spacer--small {
  height: 12px;
}
.spacer--large {
  height: 48px;
}
.spacer--huge {
  height: 72px;
}

/* sf-app.sf-app h1, sf-app.sf-app .h1 {
    text-transform: none !important;
    font-size: 50px !important;
    text-rendering: optimizeLegibility !important;
    color: #233a69 !important;
    font-weight: 800 !important;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

sf-app.sf-app h2, sf-app.sf-app .h2 {
    text-transform: none !important;
    font-size: 38px !important;
    text-rendering: optimizeLegibility !important;
    color: #233a69 !important;
    font-weight: 800 !important;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  sf-app.sf-app h3, sf-app.sf-app .h3 {
    text-transform: none !important;
    font-size: 32px !important;
    text-rendering: optimizeLegibility !important;
    color: #233a69 !important;
    font-weight: 800 !important;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  } 

  sf-app.sf-app h4, sf-app.sf-app .h4 {
    text-transform: none !important;
    font-size: 27px !important;
    text-rendering: optimizeLegibility !important;
    color: #233a69 !important;
    font-weight: 800 !important;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }  

sf-app.sf-app h5, sf-app.sf-app .h5 {
  text-transform: none !important;
  font-size: 23px !important;
  text-rendering: optimizeLegibility !important;
  color: #233a69 !important;
  font-weight: 800 !important;
  font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

sf-app.sf-app h6, sf-app.sf-app .h6 {
    text-transform: none !important;
    font-size: 20px !important;
    text-rendering: optimizeLegibility !important;
    color: #233a69 !important;
    font-weight: 800 !important;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

sf-app.sf-app .note {
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
}

sf-app.sf-app .highlight, sf-app.sf-app .warn {
    font-weight: 800 !important;
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 20px !important;
}

sf-app.sf-app p {
    font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px !important;
}
*/


.card-arrows .arrow.arrow--highlight{
  font-size: 16px;
}

.card-arrows .arrow.arrow--highlight:hover {
  border-left-color: #1fa396;
}



.card-arrows:hover {
  color: #1fa396;
}


/* Responsive for Youtube videios - J Hippolyte */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}






/* Sidebar list - left-aligned by default */
.ncra-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    text-align: left;
    font-size: 1.05rem;
}

.ncra-sidebar-list li {
    font-style: italic;
    margin-bottom: 8px;
    line-height: 1.4;
    color: #243E73;
}

/* Modifier: center alignment */
.ncra-sidebar-list--center {
    text-align: center;
}

@media (max-width: 768px) {
    .ncra-sidebar-list {
        font-size: 0.95rem;
    }

    .ncra-sidebar-list li {
        margin-bottom: 6px;
    }
}









/* UPDATE to new note styles - Jackie H. 2026*/


.ncra-note {
  padding: 20px 25px;
  margin: 15px auto;
  border-left: 4px solid;
  overflow-wrap: break-word;
   max-width: 90%;
}

/* Typography - applies to all ncra-note variants */
.ncra-note h1,
.ncra-note h2,
.ncra-note h3,
.ncra-note h4,
.ncra-note h5,
.ncra-note h6 {
  color: #003B5C;
}

.ncra-note p {
  font-size: 0.85em;
  color: #003B5C;
  margin: 0;
  line-height: 1.6;
}

.ncra-note strong,
.ncra-note b {
  font-weight: 600;
}

.ncra-note a {
  color: #003B5C !important;
  font-weight: 600 !important;
  text-decoration-line: underline;
  text-decoration-thickness: 0.11em;
  text-underline-offset: 0.18em;
  text-decoration-color: rgba(0, 59, 92, 0.55);
}

.ncra-note a:hover {
  text-decoration-color: #003B5C;
  text-decoration-thickness: 0.12em; /* barely thicker */
}


/* MODIFIER: Center alignment */
.ncra-note--center {
  text-align: center;
}




/* Lists inside notes (default = bullets) */
.ncra-note ul,
.ncra-note ol {
  margin: 0.5rem 0 0;
  padding-left: 1.25rem;
}

.ncra-note li {
  font-size: 0.9em;
  color: #003B5C;
  margin: 0.25rem 0;
  line-height: 1.5;
}

/* Optional: hidden bullets (use when you want a cleaner look) */
.ncra-note__list--plain {
  list-style: none;
  padding-left: 0;
  margin: 0.5rem 0 0;
}







/* MODIFIER: Info (Soft Yellow with Gold Border) */
.ncra-note--info {
  background: #FFF7E6;
  border-color: #C58B00;
}

.ncra-note--info strong,
.ncra-note--info b {
  color: #C58B00;
}

.ncra-note--info a:hover {
  color: #C58B00 !important;
}

/* MODIFIER: Critical (Light Teal) */
.ncra-note--critical {
  background: #E8F4F5;
  border-color: #003B5C;
}

.ncra-note--critical a {
  color: #0A5F6E !important;
}

.ncra-note--critical a:hover {
  color: #003B5C !important;
}

/* MODIFIER: Light (White with Teal Border for Colored Backgrounds) */
.ncra-note--light {
  background: #FFFFFF;
  border-color: #0A5F6E;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.ncra-note--light strong,
.ncra-note--light b {
  color: #0A5F6E;
}

.ncra-note--light a {
  color: #0A5F6E !important;
}

.ncra-note--light a:hover {
  color: #003B5C !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
  .ncra-note {
    padding: 15px 18px;
  }
  
  .ncra-note li {
    font-size: 0.85em;
  }
}


/* =========================================================
   NCRA Micro-Nav (Jump Links) - Sitewide Component
   Purpose: Simple jump link row with optional separators
   Usage: <nav class="ncra-micro-nav">...</nav>
   ========================================================= */
.ncra-micro-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  align-items: center;
  gap: 0; /* separators control spacing */
  margin: 12px 0 18px;
  padding: 0;
  font-size: 1.18rem;
  line-height: 1.6;
  color: #243E73; /* NCRA logo navy */
}

/* Left-align modifier */
.ncra-micro-nav--left {
  justify-content: flex-start;
}




.ncra-micro-nav__label {
  font-weight: 700;
  margin-right: 10px;
  color: #243E73;
}

/* Links - use multiple selectors for higher specificity */
.ncra-micro-nav a,
.ncra-micro-nav a:link,
.ncra-micro-nav a:visited,
.ncra-micro-nav a:active {
  color: #0D2E72 !important; /* CTA dark blue */
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  font-weight: 700 !important; 
}

.ncra-micro-nav a:hover,
.ncra-micro-nav a:focus,
.ncra-micro-nav a:focus-visible {
  color: #1FA396 !important; /* primary teal accent */
  text-decoration-thickness: 2px !important;
  outline: none !important;
}

/* Separator pipe */
.ncra-micro-nav__sep {
  display: inline-block;
  margin: 0 12px;
  color: rgba(36, 62, 115, 0.55); 
  font-size: 1.4em; /* makes pipe taller relative to text */
  line-height: 1; /* keeps it vertically centered */
  font-weight: 300; /* slightly thinner weight for elegance */
}

/* Mobile: slightly smaller and wraps */
@media (max-width: 575px) {
  .ncra-micro-nav {
    font-size: 1.05rem;
    margin: 10px 0 16px;
  }
  .ncra-micro-nav__sep {
    margin: 0 10px;
    font-size: 1.3em;
  }
  .ncra-micro-nav__label {
    width: 100%;
    text-align: center;
    margin: 0 0 6px;
  }
}




/* In-page banner bar (subtle brand gradient) */
.ncra-page-banner{
background: linear-gradient(120deg, #071F4B 0%, #16366A 55%, #243E73 100%);
  color: #ffffff;

  /* Bigger, more readable text */
  font-size: 1.2rem;
  line-height: 1.55;

  padding: 18px 16px;
  text-align: center;
  margin: 18px 0;
  border-top: 1px solid rgba(255,255,255,0.14);
  border-bottom: 1px solid rgba(0,0,0,0.22);
  border-radius: 4px;
}

/* Heading treatment inside banner */
.ncra-page-banner h2,
.ncra-page-banner h3,
.ncra-page-banner h4,
.ncra-page-banner h5 {
  color: #ffffff;
  margin: 0 0 4px;
  line-height: 1.3;
}

/* Link treatment (brand gold) — text links only, not buttons */
.ncra-page-banner a:not(.button),
.ncra-page-banner a:not(.button):visited{
  color: #F2A81D;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* Hover/focus */
.ncra-page-banner a:not(.button):hover,
.ncra-page-banner a:not(.button):focus{
  color: #F2A81D;
  text-decoration-thickness: 3px;
}

/* Keyboard focus: visible gold outline */
.ncra-page-banner a:focus-visible{
  outline: 2px solid #F2A81D;
  outline-offset: 3px;
}

/* Mobile */
@media (max-width: 575px){
  .ncra-page-banner{
    font-size: 1.08rem;
    padding: 16px 12px;
  }
}









/* Custom Outlined pill buttons - navigational/secondary use only, not for primary CTAs - Jackie H.- added 5/7/2026*/

.pill-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}


.pill-outline-teal {
  display: inline-block;
  vertical-align: middle;
  padding: 9.75px 39px;
  border-radius: 6px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none !important;
  background: transparent;
  color: #1FA396 !important;
  border: 2px solid #1FA396;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

.pill-outline-teal:hover,
.pill-outline-teal:focus {
  background: #1FA396;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.pill-outline-teal:active {
  transform: translateY(0);
  box-shadow: none;
  transition: none;
}

.pill-outline-navy {
  display: inline-block;
  vertical-align: middle;
  padding: 9.75px 39px;
  border-radius: 6px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  text-decoration: none !important;
  background: transparent;
  color: #0D2E72 !important;
  border: 2px solid #0D2E72;
  transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
}

.pill-outline-navy:hover,
.pill-outline-navy:focus {
  background: #0D2E72;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.pill-outline-navy:active {
  transform: translateY(0);
  box-shadow: none;
  transition: none;
}







/* ========================================
   Custom  CARD WRAPPER SYSTEM
   Use with Sitefinity grid system - Added by Jackie H. 1/28/26
   ======================================== */

/* Base Card Wrapper - NO min-height by default */
.card-wrapper {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 30px 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.card-wrapper:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}



/* =====================================================================
   EQUAL-HEIGHT CARD ROWS — Global
   What it does: In any row of cards, every card stretches to match
   the tallest card in that row, whatever the content. No class is
   needed on the row or the card. Works for both layout methods:
     A. Sitefinity layout widgets (e.g. the 3-column drag-on layout)
     B. NCRA grid code (<div class="grid"> with grid__unit columns)
   How: The row becomes a flex row, and everything between the row
   and the card becomes a flex column that fills its parent, so the
   card fills the full column height.
   Scope: Only rows whose DIRECT columns contain a .card-wrapper.
   Non-card rows, nested rows and spacing classes (e.g.
   cards-spacing-medium) are untouched. Column widths are unchanged.
   Size classes (card-mini/short/medium/tall) still work as minimum
   heights. Columns still stack on mobile.
   ===================================================================== */

/* ---------- A. Sitefinity layout widgets ---------- */

/* Row: lines up its columns side by side at equal height */
.sf_cols:has(> .sf_colsOut > .sf_colsIn > div > .sfContentBlock > .card-wrapper) {
  display: flex;
  flex-wrap: wrap;
}

/* Column: lets the inner wrappers fill its height (width is left to Sitefinity) */
.sf_cols:has(> .sf_colsOut > .sf_colsIn > div > .sfContentBlock > .card-wrapper) > .sf_colsOut {
  display: flex;
  flex-direction: column;
}

/* Inner wrappers: each one fills the height of the wrapper above it */
.sf_cols:has(> .sf_colsOut > .sf_colsIn > div > .sfContentBlock > .card-wrapper) > .sf_colsOut > .sf_colsIn,
.sf_cols:has(> .sf_colsOut > .sf_colsIn > div > .sfContentBlock > .card-wrapper) > .sf_colsOut > .sf_colsIn > div,
.sf_cols:has(> .sf_colsOut > .sf_colsIn > div > .sfContentBlock > .card-wrapper) > .sf_colsOut > .sf_colsIn > div > .sfContentBlock {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Card: fills the full column height */
.sf_cols:has(> .sf_colsOut > .sf_colsIn > div > .sfContentBlock > .card-wrapper) > .sf_colsOut > .sf_colsIn > div > .sfContentBlock > .card-wrapper {
  flex-grow: 1;
}

/* ---------- B. NCRA grid code ---------- */

/* Row: lines up its grid units side by side at equal height */
.grid:has(> .grid__unit > .card-wrapper) {
  display: flex;
  flex-wrap: wrap;
}

/* Column: lets the card fill its height (width is left to grid__unit classes) */
.grid:has(> .grid__unit > .card-wrapper) > .grid__unit {
  display: flex;
  flex-direction: column;
}

/* Card: fills the full column height */
.grid:has(> .grid__unit > .card-wrapper) > .grid__unit > .card-wrapper {
  flex-grow: 1;
}




/* CARD SIZE MODIFIERS (OPTIONAL)
   Cards in a row already match the tallest card automatically
   (see EQUAL-HEIGHT CARD ROWS above). Don't add a size class just
   to line cards up.
   Use a size class ONLY when you want cards taller than their
   content (e.g., a row of short cards that looks thin).
   Each sets a MINIMUM height; cards with more content still grow.
   Removed on mobile, where cards stack and size to their content. */

.card-wrapper.card-mini,
.content-box--card.card-mini   { min-height: 350px; }

.card-wrapper.card-short,
.content-box--card.card-short  { min-height: 450px; }

.card-wrapper.card-medium,
.content-box--card.card-medium { min-height: 550px; }

.card-wrapper.card-tall,
.content-box--card.card-tall   { min-height: 650px; }




/* Card Top border only — navy default */
.card-wrapper.border-top {
    border-top: 3px solid #002b5c;
}

/* All four sides — navy default, slightly thicker top */
.card-wrapper.border-all {
    border: 2px solid #002b5c;
    border-top: 5px solid #002b5c;
}

/* 
   Always pair with border-top or border-all.
   Example: card-wrapper border-top card-border-orange */

.card-wrapper.border-top.card-border-orange,
.card-wrapper.border-all.card-border-orange {
    border-color: #d9531e;
}

.card-wrapper.border-top.card-border-gold,
.card-wrapper.border-all.card-border-gold {
    border-color: #ffb81c;
}

.card-wrapper.border-top.card-border-teal,
.card-wrapper.border-all.card-border-teal {
    border-color: #00a19a;
}

.card-wrapper.border-top.card-border-blue,
.card-wrapper.border-all.card-border-blue {
    border-color: #003e7e;
}





/* Card Typography - Flexible heading levels */
/* Default: Left-aligned (best practice) */
.card-wrapper h2,
.card-wrapper h3,
.card-wrapper h4,
.card-wrapper h5 {
    color: #002b5c;
    margin-bottom: 15px;
    font-weight: 800;
    
}

/* Alignment Modifiers for Headings */
.card-wrapper.heading-center h2,
.card-wrapper.heading-center h3,
.card-wrapper.heading-center h4,
.card-wrapper.heading-center h5 {
    text-align: center;
}

.card-wrapper p {
    margin-bottom: 25px;
    line-height: 1.6;
    
}

.card-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    
    flex-grow: 1;
}

.card-wrapper li {
    margin-bottom: 15px;
    padding-left: 0;
}

.card-wrapper li:last-child {
    margin-bottom: 0;
}


/* Card links: inherit the site's default link color and hover.
   Bold so links stand out within card text. */
.card-wrapper a:not(.custom-card-btn) {
    font-weight: 700;
  transition: color 0.2s ease;
}





/* Custom Card Button Styles */
.custom-card-btn,
a.custom-card-btn {
    background-color: #d9531e !important;
    color: #ffffff !important;
    border: 2px solid #d9531e !important;
    padding: 10px 35px !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 25px !important;
    display: inline-block !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: auto;
    align-self: center;
}

.custom-card-btn:hover,
a.custom-card-btn:hover {
    background-color: #b8441a !important;
    border-color: #b8441a !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(217, 83, 30, 0.4);
}

/* Button Color Variations */
.custom-card-btn.btn-navy,
a.custom-card-btn.btn-navy {
    background-color: #002b5c !important;
    border-color: #002b5c !important;
}

.custom-card-btn.btn-navy:hover,
a.custom-card-btn.btn-navy:hover {
    background-color: #001a3a !important;
    border-color: #001a3a !important;
}

.custom-card-btn.btn-teal,
a.custom-card-btn.btn-teal {
    background-color: #00a19a !important;
    border-color: #00a19a !important;
    color: #ffffff !important;
}

.custom-card-btn.btn-teal:hover,
a.custom-card-btn.btn-teal:hover {
    background-color: #008580 !important;
    border-color: #008580 !important;
    color: #ffffff !important;
}



/* TO ALIGN CARD BUTTONS ACROSS ALL CUSTOM CARDS */
.card-wrapper div.align-center {
    margin-top: auto;
}








/* =====================================================================
   CARD ROW SPACING — Global
   Add ONE class to the Sitefinity row's Wrapper field
   (Edit layout element → Classes & Labels → Wrapper).
   Sets equal padding on the left and right of every column, so:
   - the space between cards = 2x the value
   - the row stays centered, outer edges even on both sides
   Targets the columns only (sf_colsOut), so padding isn't doubled.
   Gaps match what each class produced before; wide and extra-wide
   are now centered instead of shifted.

   cards-spacing-medium      16px each side → 32px between cards
   cards-spacing-wide        24px each side → 48px between cards
   cards-spacing-extra-wide  36px each side → 72px between cards
   No class                  Sitefinity default spacing
   ===================================================================== */
.cards-spacing-medium > .sf_colsOut {
  padding-left: 16px;
  padding-right: 16px;
}
.cards-spacing-wide > .sf_colsOut {
  padding-left: 24px;
  padding-right: 24px;
}
.cards-spacing-extra-wide > .sf_colsOut {
  padding-left: 36px;
  padding-right: 36px;
}








/* Mobile Responsive */


/* Tablet — reduce min-heights while cards remain side by side */
@media (max-width: 968px) {
    .card-wrapper.card-mini,
.content-box--card.card-mini   { min-height: 250px; }

.card-wrapper.card-short,
.content-box--card.card-short  { min-height: 320px; }

.card-wrapper.card-medium,
.content-box--card.card-medium { min-height: 400px; }

.card-wrapper.card-tall,
.content-box--card.card-tall   { min-height: 480px; }
}





@media (max-width: 768px) {
    .card-wrapper {
        padding: 25px 20px;
        margin-bottom: 1.5rem;
        
    }
    
  
  
    /* Center all content on mobile */
    .card-wrapper h2,
    .card-wrapper h3,
    .card-wrapper h4,
    .card-wrapper h5,
    .card-wrapper p {
        text-align: center;
    }
    
    /* Remove min-height on mobile for all modifiers */
.card-wrapper.card-mini,
.card-wrapper.card-short,
.card-wrapper.card-medium,
.card-wrapper.card-tall,
.content-box--card.card-mini,
.content-box--card.card-short,
.content-box--card.card-medium,
.content-box--card.card-tall {
    min-height: auto;
}
}


/* Mobile portrait */
@media (max-width: 480px) {
    .card-wrapper {
        padding: 20px 16px;
    }
}






/*Banner image treatment for interior landing pages where images are 1000px x 275px - Added 3/26/26 Jackie H */

.hero-landing-banner img {
  display: block;
  width: 100%;
  border-bottom: 3px solid #243E73;
  border-radius: 6px 6px 0 0;
  filter: contrast(1.04) saturate(1.06);
  transition: filter 0.3s ease;
}

.hero-landing-banner img:hover {
  filter: contrast(1.06) saturate(1.1) brightness(1.02);
}




/* Global image treatment — soft rounded corners only.
   Stacks with the vendor's img-left / img-right (text wrap)
   and works inside align-center (centered).
   Use: <img class="ncra-img">. Added 04.22.2026, updated 10.20.2026 Jackie H. */

.ncra-img {
  height: auto;
  border-radius: 4px;
}




/* ===== Award & Scholarship Recipients ===== Added by Jackie H. 7/20/2026 */

.awards-list {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
}

.awards-list li {
  padding: 0.4rem 0;
  line-height: 1.5;
}

.awards-list .awards-year {
  font-weight: 700;
}

/* Compact modifier for long single-name lists (e.g., CASE Award) */
.awards-list--compact li {
  padding: 0.15rem 0;
}





/* New testimonial cards — added by Jackie H. 8/5/2026 */


/* =====================================================================

quote-single — single testimonial card
   Navy default; --orange/--teal/--gold change accent; --sm shrinks text.
   ===================================================================== */
.quote-single {
  background: transparent;
  padding: 28px 35px;
  border-radius: 4px;
  border-left: 5px solid #243E73;   /* navy default */
  max-width: 820px;
  margin: 0 auto;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.quote-single:hover {
  transform: translateX(5px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.quote-single p {
  font-size: 1.05em;
  font-style: italic;
  color: #333;
  margin: 0 0 15px 0;
  line-height: 1.7;
}
.quote-single cite {
  display: block;
  font-style: normal;
  font-size: 0.9em;
  color: #243E73;
  font-weight: 600;
}
/* Color modifiers — brand palette */
.quote-single--orange { border-left-color: #DA5334; }
.quote-single--teal   { border-left-color: #1FA396; }
.quote-single--gold   { border-left-color: #F2A81D; }
/* Size modifier — smaller quote text */
.quote-single--sm p { font-size: 0.9em; }

@media (max-width: 768px) { .quote-single { padding: 25px 20px; } }
@media (max-width: 480px) { .quote-single { padding: 20px 15px; border-left-width: 4px; } }


/* =====================================================================
   quote-stacked — responsive grid wrapper for multiple .quote-single
   Layout only; cards keep their own look/accent/hover.
   ===================================================================== */
.quote-stacked {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  align-items: stretch;
}
.quote-stacked .quote-single {
  max-width: none;   /* grid sizes the card, not the 820px cap */
  height: 100%;      /* equal-height cards across the row */
}
@media (max-width: 768px) {
  .quote-stacked { grid-template-columns: 1fr; }   /* stack on tablet + phone */
}



/* ========================================
   NCRA CTA BAND
   Layout: text on the left, button on the right.
   Stacks on mobile with a centered button.

   DEFAULT (.ncra-cta-band)
   - Background: off-white (#fbfaf7) with a light gray border
   - Left accent bar: navy
   - Eyebrow text: navy
   - Heading: navy (uses the site's global H2/H3 sizes)

   COLOR MODIFIERS (change only the left accent bar and eyebrow;
   the background stays off-white)
   - .ncra-cta-band--teal    = teal bar + teal eyebrow
   - .ncra-cta-band--orange  = orange bar + orange eyebrow

   PLACEMENT MODIFIER
   - .ncra-cta-band--on-dark = use inside a dark wrapper
     (e.g. .ncra-page-banner). Removes the band's background,
     border and accent bar so the wrapper's color shows through.
     Text turns white; eyebrow turns soft gold.

   BUTTON
   - Not styled by the band. Use any existing NCRA button class
     inside .ncra-cta-band__action (e.g. button, button--teal,
     custom-card-btn).

   PARTS
   - .ncra-cta-band__text     = left column (eyebrow, heading, date, text)
   - .ncra-cta-band__eyebrow  = small uppercase label above the heading (optional)
   - .ncra-cta-band__date     = date and time line; larger and bold so it
                                stands out under the heading (optional)
   - A venue or location, if needed, goes in a regular <p> on the
     line after the date (no class needed)
   - .ncra-cta-band__action   = right column (button)
   ======================================== */

.ncra-cta-band {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin: 2rem 0;
  padding: 2rem 2.5rem;
  background: #fbfaf7;
  border: 1px solid #e6e4df;
  border-left: 6px solid #243E73;
}

.ncra-cta-band__text {
  flex: 1;
}

.ncra-cta-band__text p {
  margin-bottom: 0.5rem;
}

.ncra-cta-band__text > :last-child {
  margin-bottom: 0;
}

/* Headings: global sizes, tighter line height, balanced line breaks */
.ncra-cta-band h2,
.ncra-cta-band h3 {
  line-height: 1.25;
  color: #243E73;
  margin: 0 0 0.5rem;
  text-wrap: balance;
}

/* Date line: scoped to the band so it overrides wrapper paragraph styles */
.ncra-cta-band .ncra-cta-band__date {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.ncra-cta-band__eyebrow {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #243E73;
  margin: 0 0 0.5rem;
}

.ncra-cta-band__action {
  flex-shrink: 0;
}

/* Modifier: teal */
.ncra-cta-band--teal {
  border-left-color: #1FA396;
}

.ncra-cta-band--teal .ncra-cta-band__eyebrow {
  color: #13786E;
}

/* Modifier: orange */
.ncra-cta-band--orange {
  border-left-color: #DA5334;
}

.ncra-cta-band--orange .ncra-cta-band__eyebrow {
  color: #B8432A;
}

/* Modifier: on dark (inside a dark wrapper, e.g. .ncra-page-banner) */
.ncra-cta-band.ncra-cta-band--on-dark {
  background: transparent;
  border: 0;
  padding: 2rem 2.5rem;
  margin: 0;
  text-align: left;
}

.ncra-cta-band.ncra-cta-band--on-dark h2,
.ncra-cta-band.ncra-cta-band--on-dark h3,
.ncra-cta-band.ncra-cta-band--on-dark p,
.ncra-cta-band.ncra-cta-band--on-dark strong {
  color: #fff;
}

.ncra-cta-band.ncra-cta-band--on-dark .ncra-cta-band__eyebrow {
  color: #F2CF8D;
}

@media screen and (max-width: 768px) {
  .ncra-cta-band {
    flex-direction: column;
    align-items: stretch;
    gap: 1.25rem;
    padding: 1.5rem 1.25rem;
  }

  .ncra-cta-band.ncra-cta-band--on-dark {
    padding: 1.25rem 0.75rem;
  }

  .ncra-cta-band__eyebrow {
    font-size: 0.95rem;
  }

  .ncra-cta-band .ncra-cta-band__date {
    font-size: 1.2rem;
  }

  .ncra-cta-band__action {
    text-align: center;
  }
}



/* =========================================================
   .ncra-eyebrow — global eyebrow label
   Small uppercase tag that sits above a heading or card to
   categorize it (e.g., "Student member," "Member").
   Default: navy (#243E73) text, no background, bold (700),
   uppercase, letter-spaced. Left-aligned unless the global
   .align-center class is added.
   Weight is 700, not 600: Proxima Nova doesn't load 600.
   Use on a <p>, not a heading. It's a label, not a section title.
   No color modifiers yet. Navy is the only brand color that
   passes WCAG contrast at this size on white.
   ========================================================= */

.ncra-eyebrow {
  font-family: 'Proxima Nova', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #243E73;
  margin: 0 0 0.5rem;
}

@media (max-width: 768px) {
  .ncra-eyebrow {
    font-size: 0.9rem;
  }
}