/* BEGIN COMMUNITY GRID REBUILD v3.4.4 */

body.dc-community-force-v344
#dc-v344-community-stage {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;

  box-sizing: border-box !important;

  width: min(1180px, calc(100% - 40px)) !important;
  min-width: 0 !important;
  max-width: 1180px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 44px auto !important;
  padding: 34px !important;

  display: block !important;

  overflow: visible !important;

  border: 1px solid #c7d8df !important;
  border-radius: 20px !important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f3f8f9 100%
    ) !important;

  box-shadow:
    0 22px 52px
    rgba(16, 36, 61, .13) !important;

  transform: none !important;
  float: none !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v342-community-header,
body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-community-header {
  position: relative !important;

  box-sizing: border-box !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 0 28px !important;
  padding: 0 !important;

  display: grid !important;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(360px, 1.1fr) !important;

  gap: 42px !important;
  align-items: end !important;

  transform: none !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
:is(
  .dc-v342-community-header,
  .dc-v344-community-header
)
h2 {
  margin: 0 !important;

  color: #10243d !important;
  -webkit-text-fill-color: #10243d !important;

  font-family: var(--display) !important;
  font-size:
    clamp(3rem, 4.7vw, 4.5rem) !important;
  font-weight: 700 !important;
  line-height: .93 !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
:is(
  .dc-v342-community-header,
  .dc-v344-community-header
)
p {
  margin: 0 !important;

  color: #435f74 !important;
  -webkit-text-fill-color: #435f74 !important;

  font-family: var(--serif) !important;
  font-size: .98rem !important;
  line-height: 1.65 !important;
}

/* The rebuilt grid */

body.dc-community-force-v344
#dc-v344-community-stage
> .dc-v344-community-grid {
  position: relative !important;

  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  grid-auto-flow: row !important;
  grid-auto-columns: minmax(0, 1fr) !important;

  gap: 22px !important;

  align-items: stretch !important;
  justify-items: stretch !important;

  overflow: visible !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;
  transform: none !important;
}

/* Both real functional cards */

body.dc-community-force-v344
#dc-v344-community-stage
> .dc-v344-community-grid
> :is(
  .dc-v344-ask-card,
  .dc-v344-practice-card
) {
  position: relative !important;

  grid-column: auto !important;
  grid-row: auto !important;

  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 360px !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 31px !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: visible !important;

  border-radius: 17px !important;

  transform: none !important;
  float: none !important;
}

/* Reset the old narrow inner layout */

body.dc-community-force-v344
#dc-v344-community-stage
:is(
  .dc-v344-ask-card,
  .dc-v344-practice-card
)
:where(
  section,
  article,
  div,
  form,
  fieldset,
  ul
) {
  position: static !important;

  box-sizing: border-box !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  transform: none !important;
  float: none !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
:is(
  .dc-v344-ask-card,
  .dc-v344-practice-card
)
* {
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

/* Ask the MDS Nurse Community */

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-ask-card {
  border: 1px solid rgba(255, 255, 255, .12) !important;

  background:
    radial-gradient(
      circle at 94% 4%,
      rgba(78, 169, 161, .25),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      #10243d 0%,
      #1c4564 100%
    ) !important;

  color: #ffffff !important;

  box-shadow:
    0 19px 42px
    rgba(16, 36, 61, .20) !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-ask-card
:where(h1, h2, h3, h4, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-ask-card
:where(p, li, label, span) {
  color: #d7e5ec !important;
  -webkit-text-fill-color: #d7e5ec !important;

  opacity: 1 !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-ask-card
:where(a, button, .button) {
  min-height: 46px !important;
  padding: 0 17px !important;

  border: 1px solid #70c8c0 !important;
  border-radius: 7px !important;

  background: #70c8c0 !important;

  color: #10243d !important;
  -webkit-text-fill-color: #10243d !important;

  font-family: var(--ui) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;

  text-decoration: none !important;
}

/* MDS Practice Notes */

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-practice-card {
  border: 1px solid #add2ce !important;
  border-top: 6px solid #4ea9a1 !important;

  background:
    linear-gradient(
      145deg,
      #e9f7f5 0%,
      #ffffff 76%
    ) !important;

  color: #10243d !important;

  box-shadow:
    0 17px 39px
    rgba(16, 36, 61, .11) !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-practice-card
:where(h1, h2, h3, h4, strong) {
  color: #10243d !important;
  -webkit-text-fill-color: #10243d !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-practice-card
:where(p, li, label, span) {
  color: #425f73 !important;
  -webkit-text-fill-color: #425f73 !important;

  opacity: 1 !important;
}

body.dc-community-force-v344
#dc-v344-community-stage
.dc-v344-practice-card
:where(a, button, .button) {
  min-height: 46px !important;
  padding: 0 17px !important;

  border: 1px solid #236e68 !important;
  border-radius: 7px !important;

  background: #ffffff !important;

  color: #236e68 !important;
  -webkit-text-fill-color: #236e68 !important;

  font-family: var(--ui) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;

  text-decoration: none !important;
}

@media (max-width: 900px) {
  body.dc-community-force-v344
  #dc-v344-community-stage
  :is(
    .dc-v342-community-header,
    .dc-v344-community-header
  ) {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body.dc-community-force-v344
  #dc-v344-community-stage {
    width: calc(100% - 24px) !important;

    margin: 30px auto !important;
    padding: 21px !important;
  }

  body.dc-community-force-v344
  #dc-v344-community-stage
  > .dc-v344-community-grid {
    grid-template-columns: 1fr !important;
  }

  body.dc-community-force-v344
  #dc-v344-community-stage
  > .dc-v344-community-grid
  > :is(
    .dc-v344-ask-card,
    .dc-v344-practice-card
  ) {
    min-height: auto !important;
    padding: 25px 22px !important;
  }
}

/* END COMMUNITY GRID REBUILD v3.4.4 */
