.desktop-only {
  display: block; }
  @media (min-width: 768px) and (max-width: 991px) {
    .desktop-only {
      display: none; } }
  @media (max-width: 767px) {
    .desktop-only {
      display: none; } }

.mobile-only {
  display: none; }
  @media (min-width: 768px) and (max-width: 991px) {
    .mobile-only {
      display: block; } }
  @media (max-width: 767px) {
    .mobile-only {
      display: block; } }

.shift-right {
  margin-right: -15px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .shift-right {
      margin-right: 0; } }
  @media (max-width: 767px) {
    .shift-right {
      margin-right: 0; } }

.shift-left {
  margin-left: -15px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .shift-left {
      margin-left: 0; } }
  @media (max-width: 767px) {
    .shift-left {
      margin-left: 0; } }

.shift-right-mobile {
  margin-right: 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .shift-right-mobile {
      margin-right: -15px; } }
  @media (max-width: 767px) {
    .shift-right-mobile {
      margin-right: -15px; } }

.shift-left-mobile {
  margin-left: 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    .shift-left-mobile {
      margin-left: -15px; } }
  @media (max-width: 767px) {
    .shift-left-mobile {
      margin-left: -15px; } }

.toggle-centered-content--container {
  min-height: 125px;
  margin: 20px -40px 20px -40px;
  padding: 40px;
  background: #efeeee;
  position: relative; }
  @media (min-width: 768px) and (max-width: 991px) {
    .toggle-centered-content--container {
      margin: 20px 0 30px 0;
      padding: 25px; } }
  @media (max-width: 767px) {
    .toggle-centered-content--container {
      margin: 20px 0 30px 0;
      padding: 25px; } }
  .toggle-centered-content--container .toggle-centered-content--content {
    background: #efeeee;
    display: none; }
    .toggle-centered-content--container .toggle-centered-content--content h5 {
      margin: 0; }
    .toggle-centered-content--container .toggle-centered-content--content article {
      margin: 0;
      padding-bottom: 25px; }
      .toggle-centered-content--container .toggle-centered-content--content article:last-child {
        border: none; }
  .toggle-centered-content--container .toggle-centered-content--trigger {
    width: 60px;
    margin-left: -30px;
    padding: 10px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -25px; }
    .toggle-centered-content--container .toggle-centered-content--trigger a {
      color: #00A4E4;
      font-family: "Source Sans Pro", Arial, sans-serif;
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase;
      display: block;
      transition: color 0.15s ease-in; }
      .toggle-centered-content--container .toggle-centered-content--trigger a span {
        height: 30px;
        width: 30px;
        margin: 0 auto;
        background: #00A4E4 url(../../images/icon-arrow-white-down.svg) no-repeat center 11px;
        background-size: 61%;
        border-radius: 50%;
        display: block;
        transition: background 0.15s ease-in; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .toggle-centered-content--container .toggle-centered-content--trigger a span {
          background: #00A4E4 url(../../images/icon-arrow-white-down.svg) no-repeat center 8px;
          background-size: 61%; } }
      .toggle-centered-content--container .toggle-centered-content--trigger a:focus, .toggle-centered-content--container .toggle-centered-content--trigger a:hover {
        color: #0057B8;
        text-decoration: none; }
        .toggle-centered-content--container .toggle-centered-content--trigger a:focus span, .toggle-centered-content--container .toggle-centered-content--trigger a:hover span {
          background-color: #0057B8; }
        .toggle-centered-content--container .toggle-centered-content--trigger a:focus::after, .toggle-centered-content--container .toggle-centered-content--trigger a:hover::after {
          display: none; }
    .toggle-centered-content--container .toggle-centered-content--trigger.toggled a span {
      background: #00A4E4 url(../../images/icon-arrow-white-up.svg) no-repeat center 10px;
      background-size: 61%; }
    .toggle-centered-content--container .toggle-centered-content--trigger.toggled a:focus span, .toggle-centered-content--container .toggle-centered-content--trigger.toggled a:hover span {
      background-color: #0057B8; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .toggle-centered-content--container .toggle-centered-content--trigger.toggled a span {
        background: #00A4E4 url(../../images/icon-arrow-white-up.svg) no-repeat center 7px;
        background-size: 61%; } }
  @media (max-device-width: 1024px) and (orientation: landscape), (max-width: 991px) {
    .toggle-centered-content--container .toggle-centered-content--trigger a:focus,
    .toggle-centered-content--container .toggle-centered-content--trigger a:hover,
    .toggle-centered-content--container .toggle-centered-content--trigger.toggled a:focus,
    .toggle-centered-content--container .toggle-centered-content--trigger.toggled a:hover {
      color: #00A4E4; }
      .toggle-centered-content--container .toggle-centered-content--trigger a:focus span,
      .toggle-centered-content--container .toggle-centered-content--trigger a:hover span,
      .toggle-centered-content--container .toggle-centered-content--trigger.toggled a:focus span,
      .toggle-centered-content--container .toggle-centered-content--trigger.toggled a:hover span {
        background-color: #00A4E4; } }

html[data-useragent*='MSIE 9.0'] .toggle-centered-content--container .toggle-centered-content--trigger a span {
  background: #00A4E4 url(../../images/icon-arrow-white-down.svg) no-repeat center 8px;
  background-size: 61%; }
html[data-useragent*='MSIE 9.0'] .toggle-centered-content--container .toggle-centered-content--trigger.toggled a span {
  background: #00A4E4 url(../../images/icon-arrow-white-up.svg) no-repeat center 7px;
  background-size: 61%; }

.tab-content .toggle-centered-content--container {
  margin: 20px 0 30px 0; }

@media (max-width: 599px) {
  .toggle-centered-content--container {
    min-height: 200px; } }
@media (max-width: 479px) {
  .toggle-centered-content--container {
    min-height: 200px; } }

/*# sourceMappingURL=toggle-centered-content.css.map */