/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.pd-nav-block .nav-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: var(--color-accent);
  padding: 2.625rem 0.9375rem 2rem; }
  @media (min-width: 769px) {
    .pd-nav-block .nav-block {
      -ms-flex-align: center;
          align-items: center;
      border-radius: 1.75rem;
      padding: 5.3125rem 0.9375rem 2.5rem; } }
  .pd-nav-block .nav-block.container-fluid {
    border-radius: 0; }
  .pd-nav-block .nav-block.no-bg {
    background-color: transparent; }
  .pd-nav-block .nav-block .section-heading {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.375rem;
    color: var(--color-primary); }
    @media (min-width: 769px) {
      .pd-nav-block .nav-block .section-heading {
        -ms-flex-pack: center;
            justify-content: center;
        margin-bottom: 2.75rem; } }
  .pd-nav-block .nav-block .row-links {
    -ms-flex-pack: start;
        justify-content: flex-start; }
    @media (min-width: 769px) {
      .pd-nav-block .nav-block .row-links {
        width: 100%; } }
    @media (min-width: 1024px) {
      .pd-nav-block .nav-block .row-links {
        width: 66.66666%; } }
  .pd-nav-block .nav-block .nav-block-tile {
    margin-bottom: 1.5rem; }
    .pd-nav-block .nav-block .nav-block-tile > .row {
      height: 100%; }
    .pd-nav-block .nav-block .nav-block-tile .nav-link {
      display: block;
      height: 100%;
      width: 100%;
      padding: 0;
      text-align: left; }
      .pd-nav-block .nav-block .nav-block-tile .nav-link picture {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        border-radius: 1.25rem;
        background-color: var(--color-white);
        padding: 1.625rem 0.625rem; }
        @media (min-width: 769px) {
          .pd-nav-block .nav-block .nav-block-tile .nav-link picture {
            padding: 2.5rem; } }
        .pd-nav-block .nav-block .nav-block-tile .nav-link picture img {
          border-radius: 0;
          max-width: 100%;
          max-height: 100%;
          height: auto;
          width: 100%; }
      .pd-nav-block .nav-block .nav-block-tile .nav-link .nav-title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: start;
            justify-content: flex-start;
        font-family: "BrandonGrotesque-WebMedium";
        color: var(--color-primary);
        text-decoration: none;
        text-transform: none;
        font-size: 1.125rem;
        margin: 0.5625rem 0 0;
        transition: none; }
        .pd-nav-block .nav-block .nav-block-tile .nav-link .nav-title:before {
          content: '';
          display: block;
          height: 1.25rem;
          width: 1.25rem;
          border-radius: 50%;
          background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.47021 1.1369C6.21052 0.877208 5.78948 0.877207 5.52979 1.1369C5.27027 1.39642 5.27008 1.81714 5.52937 2.0769L8.78 5.33335H1.33333C0.965145 5.33335 0.666668 5.63183 0.666668 6.00002C0.666668 6.36821 0.965145 6.66669 1.33333 6.66669H8.78L5.52937 9.92314C5.27008 10.1829 5.27027 10.6036 5.52979 10.8631C5.78948 11.1228 6.21052 11.1228 6.47021 10.8631L10.6262 6.70713C11.0168 6.3166 11.0168 5.68344 10.6262 5.29291L6.47021 1.1369Z' fill='%23004987'/%3E%3C/svg%3E%0A");
          background-size: 0.6875rem;
          background-repeat: no-repeat;
          background-position: center;
          background-color: var(--color-backup-light-blue);
          margin-right: 0.5rem; }
      .pd-nav-block .nav-block .nav-block-tile .nav-link:hover {
        text-decoration: none; }
        .pd-nav-block .nav-block .nav-block-tile .nav-link:hover .nav-title {
          transition: none;
          border-color: transparent; }
    .pd-nav-block .nav-block .nav-block-tile.js-hidden {
      display: none; }
  .pd-nav-block .nav-block .nav-block-footer {
    margin-top: 1rem; }
  .pd-nav-block .nav-block .view-all-nav {
    border: 1px solid var(--color-primary);
    color: var(--color-primary); }

.cetaphil_redesign .pd-nav-block .nav-block {
  background-color: #fff; }

/*# sourceMappingURL=navBlock.css.map*/