
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/* 
Reset Styles 
=============== */

.kcw {
  box-sizing: unset;
}

.kcw * {
  /* per https://kyruus.jira.com/browse/KENG-35371: this negates the effect of Kyruus' * {font-size: 14px} */
  font-size: inherit;
}

.kcw section,
.kcw div,
.kcw dl,
.kcw dt,
.kcw dd,
.kcw ul,
.kcw ol,
.kcw li,
.kcw h1,
.kcw h2,
.kcw h3,
.kcw h4,
.kcw h5,
.kcw h6,
.kcw pre,
.kcw form,
.kcw fieldset,
.kcw input,
.kcw textarea,
.kcw label,
.kcw p,
.kcw blockquote,
.kcw th,
.kcw td,
.kcw a {
  box-sizing: unset;
  margin: 0;
  padding: 0;
}

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

.kcw fieldset,
.kcw img {
  border: 0;
}

.kcw address,
.kcw caption,
.kcw cite,
.kcw code,
.kcw dfn,
.kcw em,
.kcw strong,
.kcw th,
.kcw var {
  font-style: normal;
  font-weight: normal;
}

.kcw ol,
.kcw ul {
  list-style: none;
}

.kcw caption,
.kcw th {
  text-align: left;
}

.kcw h1,
.kcw h2,
.kcw h3,
.kcw h4,
.kcw h5,
.kcw h6 {
  font-size: 100%;
  font-weight: bold;
}

.kcw q:before,
.kcw q:after {
  content: '';
}

.kcw abbr,
.kcw acronym {
  border: 0;
}

.kcw a {
  /* per https://kyruus.jira.com/browse/KENG-35371: this negates the effect of Kyruus' a {display: inline-block} */
  display: inline;
}

.kcw p:first-child {
  /* per https://kyruus.jira.com/browse/KENG-35371: this negates the effect of Kyruus' p:first-child margin-top styles */
  margin-top: inherit;
}

.kcw p:last-child {
  /* per https://kyruus.jira.com/browse/KENG-35371: this negates the effect of Kyruus' p:last-child margin-bottom styles */
  margin-bottom: inherit;
}

/* Reset Styles End
=============== */



/* Base styling */
 .kcw a {
  text-decoration: none;
  color: #485cc7;

  &:hover,
  &:active,
  &:focus {
    text-decoration: underline;
  }
}

 .kcw ul {
  list-style: none;
  padding-inline-start: 0;
  margin-block-start: 0;
}

 .kcw .kcw__container--wide {
  max-width: 1600px;
  width: 90%;
  margin: 0 auto;
}

 .kcw button,
 .kcw .kcw__button {
  font-size: 1em;
  font-family: 'Outfit', helvetica, arial, 'Nimbus Sans L', sans-serif;
  line-height: 1.3125em;
  position: relative;
  display: inline-flex;
  background-color: #485cc7;
  border: 1px solid #485cc7;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  white-space: normal;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  padding: 0.7em 1.25em 1em;
  margin: 0;
  width: max-content;
}

 .kcw .kcw__button--secondary {
  background-color: #fff;
  color: #485cc7;
}

 .kcw .kcw__button.kcw__button--search {
  padding: 0.7em 1em 1em
}

 .kcw .kcw__button--search::before {
  content: '';
  height: 20px;
  width:20px;
  margin-right: 5px;
  background-image: url('https://cdn.kyruus.com/pmc-customer-static-assets/centrahealth/fonts/1.0/icon--search.svg');
}

 .kcw .kcw__visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

body .kcw  {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Dropdown background over page content when active */
 .kcw .kcw__global-header.kcw__open-dropdown::before {
  content: '';
  position: fixed;
  inset: 0;
  background-color: #fff;
  z-index: 100;
}

 .kcw .kcw__global-header__primary {
  font-family: 'Outfit', helvetica, arial, 'Nimbus Sans L', sans-serif;
  position: relative;
  background-color: #fff;
  padding: 0.5em 0;
  z-index: 100;

  @media screen and (min-width: 768px) {
    padding: 1em 0;
  }
}

 .kcw .kcw__global-header__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  max-width: 1600px;
  margin: 0 auto;

  @media screen and (min-width: 600px) {
    width: 90%;
    padding: 0;
  }
}

/* Primary menu and logo */
 .kcw .kcw__global-header__primary-menu {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 4em;

 .kcw__nav-primary {
   display: none;

   @media screen and (min-width: 1260px) {
     display: block;
   }
 }

 .kcw__nav-primary-menu {
   display: inline-flex;
   flex-direction: row;
   gap: 1.5em;

   @media screen and (min-width: 1600px) {
     gap: 1.75em;
   }
 }
}

 .kcw .kcw__global-header__site-link {
  position: relative;
  display: block;
  line-height: 0;
}

@media screen and (min-width: 1500px) {
   .kcw .kcw__global-header__site-link::after {
    content: '';
    position: absolute;
    right: -2em;
    height: 100%;
    border-right: 1px solid #b9c0d7;
  }
}

 .kcw .kcw__global-header__site-logo {
  width: 175px;

  @media screen and (min-width: 600px) {
    width: 200px;
  }

  @media screen and (min-width: 768px) {
    width: 230px;
  }

  @media screen and (min-width: 1600px) {
    width: 255px;
  }
}

/* Primary actions */
 .kcw .kcw__global-header__primary-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
}

 .kcw .kcw__button.kcw__global-header__portal-button {
  display: none;
  font-size: 1em;

  @media screen and (min-width: 1260px) {
    display: inline-block;
  }
}

/*#global-header__menu-button[aria-expanded='true']::before {*/
/*  background-image: url('images/icon--close.svg');*/
/*}*/

/*#global-header__search-button {*/
/*  padding-left: 1em;*/
/*  padding-right: 1em;*/
/*}*/

 .kcw #kcw__global-header__search-button span {
  @media screen and (max-width: 900px) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
  }
}

 .kcw #kcw__global-header__search-button::before {
  @media screen and (max-width: 900px) {
    margin-right: 0;
  }
}

 /* Nav primary and secondary */
 .kcw .kcw__nav-primary-menu,
 .kcw .kcw__nav-secondary-menu {
  font-family: 'Outfit', helvetica, arial, 'Nimbus Sans L', sans-serif;
  padding: 0;
  margin: 0;
}

 .kcw .kcw__nav-primary-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  gap: 0 0.5em;
}

 .kcw .kcw__nav-primary-list__link {
  color: #32335a;
  text-decoration: none;
  font-size: 1.2em;
  width: max-content;

  &:hover,
  &:focus,
  &:active {
    color: #485cc7;
    text-decoration: none;
  }
}

 .kcw .kcw__nav-primary-list__item.kcw__news-events {
  &::after {
    content: '';
    width: 0.75em;
    height: 0.75em;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 0.2em;
    background-image: url('https://cdn.kyruus.com/pmc-customer-static-assets/centrahealth/fonts/1.1/icon--chevron-down.svg');
  }
}

 .kcw .kcw__nav-secondary-menu .kcw__nav-secondary-list__item {
  padding: .25em 0 .25em .5em;
}

 .kcw .kcw__nav-secondary-menu a {
  font-size: .8em;
}

/* Level 1 */
 .kcw .kcw__nav-primary-list-drawer {
  display: none;
}

 .kcw .kcw__nav-primary-list__item.kcw__news-events:hover {
   .kcw__nav-primary-list-drawer {
    display: block;
    flex-basis: 100%;
    padding-top: 1em;

    @media screen and (min-width: 1260px) {
      background-color: white;
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
}

 .kcw .kcw__nav-primary-list-sub-1 {
  list-style: none;
  padding-left: 1em;
  margin: 0;

  @media screen and (min-width: 1260px) {
    position: relative;
    background-color: #fff;
    box-shadow: 0 15px 45px rgba(19, 22, 95, 0.2);
    border-radius: 6px;
    width: 150px;
    padding: 1.5em;

    &::after {
      content: '';
      bottom: 100%;
      left: 15%;
      border: solid transparent;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 8px;
      margin-left: -8px;
    }
  }

  .kcw__nav-primary-list__link {
    font-size: 1em;
  }

  .kcw__nav-primary-list__item:not(:last-child) {
    margin-bottom: 1.5em;
  }
}

 .kcw .kcw__l-global-header__main-menu .kcw__nav-primary-list-sub-1 {
  margin-top: 1em;

  .kcw__nav-primary-list__link {
    font-size: 1.1em;
  }
}

 .kcw .kcw__l-global-header__main-menu .kcw__nav-primary-list-drawer,
 .kcw .kcw__l-global-header__main-menu .kcw__nav-primary-list__item  {
  display:block;
}

  /* Nav Mobile styling */
 .kcw .kcw__button--menu,
 .kcw .kcw__button--search {
  display: flex;
  align-items: center;

  @media screen and (max-width: 768px) {
    font-size: .85em;
  }
}

 .kcw .kcw__button--menu::before {
  content: '';
  height: 17px;
  width: 17px;
  margin-right: 8px;
  margin-top: -5px;
}

 .kcw .kcw__global-header__menu-input ~ label .kcw__button--menu::before {
  background-image: url('https://cdn.kyruus.com/pmc-customer-static-assets/centrahealth/fonts/1.0/icon--menu.svg');
}

 .kcw .kcw__global-header__menu-input:checked ~ label .kcw__button--menu::before {
  background-image: url('https://cdn.kyruus.com/pmc-customer-static-assets/centrahealth/fonts/1.0/icon--close.svg');
}

 .kcw .kcw__global-header__menu-input,
 .kcw .kcw__global-header__close-input {
  display: none;
}

/* Dropdown styles */
 .kcw .kcw__l-global-header__dropdown-grid {
  position: absolute;
  top: 2em;
  left: 0;
  right: 0;
  max-height: 0;
  transition: max-height .2s ease-out;
  background-color: #fff;
  padding: 2em;

  @media screen and (max-width: 900px) {
    grid-row-gap: 2em;
  }

  @media screen and (min-width: 768px) {
    grid-template-columns: repeat(12, 1fr);
    margin-top: 10vh;
    top: 3.3em;
  }

  @media screen and (min-width: 1600px) {
    margin-top: 20vh;
  }
}

 .kcw .kcw__global-header__close-input:checked  ~ .kcw__l-global-header__dropdown-grid {
  max-height: 0;
  transition: max-height .2s ease-out;
}

 .kcw .kcw__global-header__menu-input:checked ~ .kcw__l-global-header__dropdown-grid {
  max-height: fit-content;
  transition: max-height .2s ease-out;
  display: grid;
  grid-template-rows: auto;
  grid-column-gap: 1.6em;
  grid-row-gap: 1.6em;
  margin: 2em 3em;
}

 .kcw .kcw__global-header__menu-action {
  @media screen and (min-width: 1260px) {
    display: none;
  }
}

/* Dropdown primary nav */
 .kcw .kcw__l-global-header__main-menu {
  @media screen and (min-width: 768px) {
    grid-column: 1 / 8;
  }

  @media screen and (min-width: 1260px) {
    grid-column: 2 / 8;
  }

  .kcw__nav-primary-menu {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }

  .kcw__nav-primary-list__link {
    font-size: 1.3em;
    line-height: 1.75em;
  }
}

/* Dropdown portal cta */
 .kcw .kcw__l-global-header__portal {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;

  @media screen and (min-width: 600px) {
    align-items: flex-start;
  }

  @media screen and (min-width: 768px) {
    grid-column: 8 / 13;
    align-items: center;
  }

  @media screen and (min-width: 1260px) {
    grid-column: 8 / 12;
  }
}

 .kcw .kcw__global-header__portal-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 1em;

  @media screen and (min-width: 768px) {
    background-color: #f5f5f7;
    border-radius: 6px;
    text-align: center;
    padding: 2em;
  }
}

 .kcw .kcw__global-header__portal-cta .kcw__button {
  display: block;
  text-align: center;
  margin: 0 auto;
}

 .kcw .kcw__global-header__portal-heading {
  color: #32335a;
  font-weight: 400;
  margin: 0;
  font-size: 1.35em;

  @media screen and (max-width: 768px) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);;
  }
}

/* Dropdown close button */
/*.global-header__close-dropdown {*/
/*  grid-column: 1 / -1;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  margin-bottom: 2em;*/
/*}*/

/*.nav-primary-list__item-level-1 {*/
/*  margin-bottom: 1em;*/

/*  &:last-child {*/
/*    margin-bottom: 0;*/
/*  }*/

/*  .nav-primary-list__link {*/
/*    @extend %body--small;*/
/*    display: block;*/
/*    line-height: 1.3em;*/
/*  }*/
/*}*/

/* Nav utility */
  .kcw .kcw__global-header__utility {
   display: none;
   background-color: #485cc7;
   padding: 0.1em 0 0.4em;
   z-index: 100;

   @media screen and (min-width: 900px) {
     display: block;
   }

   .kcw__nav-secondary {
     display: flex;
     flex-direction: row;
     justify-content: flex-end;
   }

   .kcw__nav-secondary-menu {
     display: inline-flex;
     flex-direction: row;
     align-items: center;
     gap: 1.75em;
   }

   .kcw__nav-secondary-list__link {
     color: #fff;
   }
 }

 .kcw .kcw__global-header__primary {
  position: relative;
  background-color: #fff;
  padding: 0.5em 0;
  z-index: 100;

  @media screen and (min-width: 900px) {
    padding: 1em 0;
  }

  @media screen and (min-width: 1600px) {
    padding: 1.5em 0;
  }
}

 .kcw .kcw__global-header__container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}

 .kcw .kcw__l-global-header__utility {
  grid-column: 1 / -1;
  border-top: 1px solid #b9c0d7;
  padding-top: 1em;

  @media screen and (min-width: 900px) {
    margin-top: 2em;
  }

  @media screen and (min-width: 1260px) {
    grid-column: 2 / 12;
  }

  .kcw__nav-secondary-list__link {
    color: #566274;
    font-size: 1em;

    &:active,
    &:hover,
    &:focus {
      color: #485cc7;
    }
  }
}

 .kcw .kcw__l-global-header__utility .kcw__nav-secondary-menu {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75em;

  @media screen and (max-width: 600px) {
    flex-direction: column;
    gap: 1em;
  }
}

/* Global Footer */
 .kcw .kcw__global-footer {
  background-color: #fff;
  background-image:
    radial-gradient(circle farthest-corner at 10% -10%, rgba(103, 70, 232, 0.4), rgba(255, 255, 255, 0) 20%),
    radial-gradient(circle farthest-corner at 33% -30%, rgba(0, 156, 189, 0.4), rgba(255, 255, 255, 0) 30%),
    radial-gradient(circle farthest-corner at 100% 80%, rgba(0, 156, 189, 0.2), rgba(255, 255, 255, 0) 15%),
    radial-gradient(circle farthest-corner at 100% 100%, rgba(155, 217, 126, 0.2), rgba(255, 255, 255, 0) 15%);
  padding: 2em 0 1em;
  overflow: hidden;
  font-family: 'sofia-pro', arial, 'Nimbus Sans L', sans-serif;

  @media screen and (min-width: 768px) {
    padding: 4em 0 1.5em;
  }

  .kcw__button {
    font-size: .85em;
  }
}

 .kcw .kcw__l-global-footer-grid {
  display: grid;
/* Create a fixed width first column */
  @media screen and (min-width: 768px) {
    grid-template-columns: 300px 1fr;
  }

  @media screen and (min-width: 1200px) {
    grid-template-columns: 365px 1fr;
  }

  .kcw__nav-footer__link {
    color: #32335a;
    font-size: 1.1em;
    line-height: 1.5;
  }

  .kcw__employee-link {
    text-transform: uppercase;
    font-size: .85em;
  }
}

 .kcw .kcw__l-global-footer__connect {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 2em;

  @media screen and (min-width: 768px) {
    border-right: 1px solid #b9c0d7;
    padding: 1em 0 1.5em;
  }

  @media screen and (min-width: 1200px) {
    justify-content: space-between;
  }
}

 .kcw .kcw__global-footer__connect-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
}

 .kcw .kcw__global-footer__site-link {
  display: block;
  line-height: 0;

  img {
    width: 100%;
    height: auto;
  }
}

 .kcw .kcw__global-footer__address {
  position: relative;
  display: flex;
  gap: 0.5em;
  font-style: normal;
  margin: 0.5em 0;

  &::before {
    content: '';
    display: block;
    width: 1.8em;
    height: 1.8em;
    background-image: url('https://cdn.kyruus.com/pmc-customer-static-assets/centrahealth/fonts/1.0/icon--pin.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.8em;
    margin: 0.25em 0 0 1em;
    filter: grayscale(1);
  }
}

 .kcw .kcw__global-footer__connect-bottom {
  margin-top: 2em;
}

 .kcw .kcw__global-footer__social {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 0.75em;
  padding: 0;
  margin: 0;
}

 .kcw .kcw__global-footer__social-link {
  display: block;

  &:hover,
  &:focus,
  &:active {
    svg path {
      fill: darken(#485cc7, 5%);
    }
  }
}

 .kcw .kcw__l-global-footer__navs {
  border-top: 1px solid #b9c0d7;
  padding: 1.5em 0 3em;

  @media screen and (min-width: 768px) {
    border-top: 0;
  }
}

 .kcw .kcw__l-global-footer__nav-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  /* Set grid to 9 at bp4 */
  @media screen and (min-width: 1200px) {
    grid-template-columns: repeat(9, 1fr);
  }
}

 .kcw .kcw__global-footer__nav-item--large {
  @media screen and (max-width: 400px) {
    grid-column: span 4;
  }

  @media screen and (min-width: 768px) {
    margin-left: 3em;
  }

  @media screen and (min-width: 1200px) {
    grid-column: span 6;
  }

  .kcw__nav-footer__list-level-0 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em 1.6em;

    @media screen and (max-width: 768px) {
      padding: 0;
    }

    @media screen and (min-width: 1200px) {
      gap: 0.5em 1.6em * 2;
    }
  }

  .kcw__nav-footer__item-level-0 {
    flex-basis: 100%;

    @media screen and (min-width: 1200px) {
      flex-basis: calc(50% - 1.6em);
    }

    > .kcw__nav-footer__link {
      line-height: 1.2em;
      font-weight: 500;
      letter-spacing: 0;
      text-transform: none;
      text-decoration: none;
      color: #32335a;
    }
  }
}

 .kcw .kcw__global-footer__nav-item {
  @media screen and (min-width: 400px) {
    margin-left: 2em;
  }

  @media screen and (max-width: 400px) {
    grid-column: span 4;
  }

  @media screen and (min-width: 1200px) {
    grid-column: span 3;
  }
}

/* Footer bottom */
 .kcw .kcw__l-global-footer-bottom-grid {
  display: grid;
  border-top: 1px solid #b9c0d7;
  padding-top: 1em;
  color: #566274;
  font-size: .75em !important;
  line-height: 1.5;

  /* Create a fixed width first column */
  @media screen and (min-width: 768px) {
    grid-template-columns: 300px 1fr;
    padding-top: 1.5em;
  }

  @media screen and (min-width: 1200px) {
   grid-template-columns: 365px 1fr;
  }
}

 .kcw .kcw__global-footer__copyright__copy {
  margin-bottom: 1em;

  @media screen and (min-width: 768px) {
    margin-bottom: 0;
  }
}
