/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.subcat-card-nav img {
  border-radius: 1.25rem; }

.subcat-card-nav .subcat-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  background-color: var(--color-accent);
  padding: 1.5rem; }
  @media (min-width: 769px) {
    .subcat-card-nav .subcat-card {
      -ms-flex-direction: row;
          flex-direction: row; } }

.subcat-card-nav .subcat-card-img {
  width: 100%;
  margin-bottom: 1.875rem; }
  @media (min-width: 769px) {
    .subcat-card-nav .subcat-card-img {
      width: 43.1217%;
      margin-bottom: 0; } }

.subcat-card-nav .subcat-card-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%; }
  @media (min-width: 769px) {
    .subcat-card-nav .subcat-card-text {
      width: 52.3051%;
      margin-left: 4.5732%; } }
  .subcat-card-nav .subcat-card-text .subcat-card-title {
    color: var(--color-primary);
    margin-bottom: 1.5rem;
    font-size: 1.5rem; }
  .subcat-card-nav .subcat-card-text .subcat-card-desc {
    color: var(--color-gal-grey);
    font-size: 1rem;
    line-height: 150%;
    margin-bottom: 1.5rem; }
  .subcat-card-nav .subcat-card-text .subcat-card-readmore {
    text-transform: uppercase;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-family: "BrandonGrotesque-WebBold";
    font-size: 0.8125rem;
    letter-spacing: 1px; }
    .subcat-card-nav .subcat-card-text .subcat-card-readmore .icon {
      position: static;
      height: 0.75rem;
      width: 0.75rem;
      margin-left: 0.6875rem;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background: none; }
      .subcat-card-nav .subcat-card-text .subcat-card-readmore .icon .arrow-right {
        height: 0.75rem;
        width: 0.75rem;
        background-size: 0.75rem; }

.cetaphil_redesign .subcat-card-nav .subcat-card-text .subcat-card-readmore {
  font-family: "Lateral-CondensedBold"; }

.cetaphil_redesign .subcat-card-nav .subcat-card {
  background-color: #ECF0F3; }

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