/* Agency Logo Sizing */
.cmp-agency-header__logo {
  height: 2.875rem;
  width: auto;
}

/******************Weglot***********************************/

/*Restrict form width to remain within parent container 
   - form set to cover full width of pg. (used for translation purposes)*/
.guideContainerNode {
  max-width: 100%;
}
/*WeGlot Keyboard Focus*/
.wg-drop.wg-mouse-click > div:focus {
  outline: 3px solid #1ca6df;
}

/**********************************************************/

/* Removes width restraints on text components */
.cmp-text {
  max-width: 100%;
}

/* Centers Text in Container */
.text-center {
  text-align: center !important;
}

/* Set attributes for color bar above H1 title text */
.title .cmp-title h1::before {
  width: 5.9375rem;
  content: " ";
  height: 0.375rem;
  position: absolute;
  top: 0;
  left: 0;
}

/* Set color of bar above H1 Title here */
.title h1::before {
  background-color: #003e62;
  /* Uncomment the code below to remove the bar above the h1 title */
  /*display: none;*/
}

/* Set Agency Footer Color */
.cmp-agency-footer {
  background-color: #005180;
}

/* Set Global Footer Color */
.cmp-global-footer {
  background: #003e62;
}

/* Set color of border for event date icon */
.cmp-news-feed__event-date {
  border: 1px solid #c3371e;
}

/* Set color of background for month portion of event date icon */
.cmp-news-feed__event-date__month {
  background: #c3371e;
}

/* Set color of background for year portion of event date icon */
.cmp-news-feed__event-date__year {
  background: #c3371e;
}

.guideContainerNode .mobileLayout {
  display: none !important;
}

.afCheckBoxItem {
  width: 100%;
}

.guideWidgetLabel.right label,
.guideWidgetLabel.left label {
  line-height: 24px;
}

.guideContainerNode .red {
  color: #e21121;
}

.guideContainerNode .bold {
  font-weight: bold;
}

.cmp-agency-header__logo {
  height: 5rem;
  width: auto;
}

.main-title #main {
    font-weight: 700;
}

.start-here h2{
  color:white;
  font-size:1.3rem;
}

.qualified-provider .cmp-teaser {
  display: flex;
  padding: 20px 25px;
  border: 1px solid #fff;
  border-radius: 20px;
  background: #0e182b;
}

.qualified-provider .cmp-teaser__image {
  flex: 0 0 70px;
}

.qualified-provider .cmp-teaser__content {
  flex: 1;
}

/* Know Your Rights & Provider Resources = the title location*/
.cmp-container.hfs-main-banner {
  position: relative;
}

.hfs-main-banner .container--max-width {
  position: absolute;
  top: 20px;
  left: max(20px, calc((100% - 1024px) / 2 - 80px));
  width: max-content !important;
  max-width: calc(100% - 40px);
  margin-left: 0 !important;
  z-index: 1;
}

.hfs-main-banner .cmp-title__text {
  white-space: nowrap;
}

@media (max-width: 941px) {
  .know-your-right-title .container.responsivegrid:has(.state-commitment) {
    width: 100% !important;
  }

  .state-commitment {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .cmp-container__mobile.know-your-right-title:has(.state-commitment) {
    width: 100% !important;
  }
   
  .hfs-main-banner .cmp-container__mobile.know-your-right-title {
    width: fit-content !important;
  }
}
/* Know Your Rights - title background light red color  */
.title-bgcolor {
  background-color:#f5d9d9;
  padding:6px;
}

.protecting-patients-title {
  word-spacing: -4px;
}

@media (max-width: 768px) {
  .title-bgcolor .cmp-title__text {
  font-size:23px !important;
  }

  .cmp-container__mobile.know-your-right-title {
    width: 186px !important;
  }
   .hfs-main-banner .aem-GridColumn--offset--default--2 {
    margin-left: 0 !important;
   
  }
  .hfs-main-banner{
    height:200px !important; 
  }
  .hfs-main-banner h1{
    font-size:20px; 
  }
} 


.almost-all-women h2{
  font-size:28px !important;
}
.almost-all-women{
  border-radius:30px;
  padding: 0 20px;
}

.what-is-reproductive-healthcare h2{
  color:#E21121 !important;
}

.reproductive-healthcare-treatments{
  padding:0 10px;
}
.reproductive-healthcare-treatments-texts p{
  padding: 0 10px;
}

.important-disclaimer h2{
  color:white;
  height:60px;
}

/* Care options button */
.button .care-options-bt {
  width: 220px !important;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 2px solid #ffffff !important;
  border-radius: 999px;
  color: #050617 !important;
  background-color: #ffffff !important;
  text-align: center;
}

.button .care-options-bt:hover,
.button .care-options-bt:focus-visible {
  color: #ffffff !important;
  background-color: transparent !important;
}


/* Apply spacing and divider only to the outer AEM container */
.cmp-container.start-here-divider {
  position: relative;
  padding-right: 20px;
}

.cmp-container.start-here-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 4px;
  height: 270px;
  background-color: #1c5a6a;
  transform: translateY(-50%);
}
.plan-and-talk{
  padding-left:15px
}

.main-treatment-card {
    border-radius: 10px;
    border: 1px solid #0000005c;
    padding: 15px;
    height: 60px !important;
    display: flex;
    align-items: center;
}

/* .footer-disclaimer {
  border-radius:20px;
  border: 0.5px solid #9e9e9e42;
} */

.disclaimer-icon {
  color:#FF9800 ;
 display: flex;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding-top: 5px;
}


.main-hero-image-card .cmp-image-card__image {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Desktop image */
.main-hero-image-card .cmp-image-card__image--desktop {
  aspect-ratio: 3 / 4;
  height: auto;
}

/* Mobile image */
@media (max-width: 767px) {
  .main-hero-image-card .cmp-image-card__image--mobile {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 767px) {
  .shield-lock {
    width: 100%;
    height: auto;
    display: block;
    padding: 5px !important;
  }
  .disclaimer-icon{
    padding-top:0; 
    padding-left:10px;
  }
}

.cmp-container.footer-disclaimer {
  margin: 18px;
}

.gov-callout-box {
  margin-left:15px;
}

.agency-class-footer {
  display: none; 
}

.cmp-container.protect-privacy {
  border-left: 5px solid #0b76a4;
  margin-inline: 15px;
}

.cmp-agency-header__links-desktop__item--link:first-child {
  background: #b6171d;
  color: #f0e8e8 !important;
  padding: 6px 16px;
  border-radius: 20px;
  text-decoration: none;
}

.cmp-agency-header__links-desktop__item--link:first-child:hover {
  background: #c8101a;
}

.cmp-agency-header__links-desktop__item--link:first-child::before {
  content: "✕  ";
}

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

@media only screen and (min-width: 320px) {
}

@media only screen and (max-width: 768px) {
  .afToolbarButton .guidebutton button .iconButton-icon {
    display: none !important;
  }
  .afToolbarButton .guidebutton button .iconButton-label {
    display: block !important;
  }
  .afToolbarButton .guidebutton button.submit {
    margin-right: 0 !important;
  }
   .cmp-agency-header__logo {
    height: 4rem;
  }
}

@media only screen and (min-width: 769px) {
}

/* Agency Logo Sizing MQ */
@media (min-width: 1101px) {
  .cmp-agency-header__logo {
    height: 4.25rem;
  }
}
@media (max-width: 350px) {
  .cmp-agency-header__logo {
    height: 3rem;
  }
}

@media only screen and (min-width: 1200px) {
}

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

/* Space between the three cards */
.card-container .cmp-card-container > .aem-Grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.card-container .cmp-card-container > .aem-Grid::before,
.card-container .cmp-card-container > .aem-Grid::after {
  display: none !important;
  content: none !important;
}

.card-container .cmp-card-container > .aem-Grid > .image-card {
  width: auto !important;
  float: none !important;
  margin-left: 0 !important;
}

/* Card */
.resources-cards .cmp-image-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 620px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

/* Image */
.resources-cards .cmp-image-card__image--desktop {
  flex: 0 0 320px;
  height: 320px;
  background-size: cover;
  background-position: center;
}

/* Card content */
.resources-cards .cmp-image-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 30px 15px;
}

.resources-cards .cmp-image-card__text {
  flex: 1;
}

.resources-cards .cmp-image-card__text-title {
  margin-bottom: 18px;
  font-size: 1.5rem;
  font-weight: 700;
}

/* CTA link */
.resources-cards .cmp-image-card__cta {
  margin-top: auto;
  padding-top: 20px;
}

.resources-cards .cmp-button {
  width: auto !important;
  padding: 0 !important;
  color: inherit;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 700;
  text-decoration: none;
}

.resources-cards .cmp-button::after {
  content: " →";
  margin-left: 8px;
}

/* Individual CTA colors */
.resources-cards .cmp-button[href*="birth-control-resources"] {
  color: #16817c !important;
}

.resources-cards .cmp-button[href*="abortion-resources"] {
  color: #d81b60 !important;
}

.resources-cards .cmp-button[href*="pregnancy-resources"] {
  color: #b26104 !important;
}

.resources-cards .cmp-button:hover,
.resources-cards .cmp-button:focus {
  text-decoration: underline;
}

/* Not Sure Where to Start cards */
.cmp-container.not-sure-cards {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  margin: 0 20px 10px 0;
  padding: 16px 20px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
}

/* Reset inner AEM container */
.cmp-container.not-sure-cards
  > .cmp-container__mobile.not-sure-cards {
  padding: 0;
  background: transparent;
  border: 0;
}

/* Card layout */
.not-sure-cards > .aem-Grid {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 32px;
  gap: 16px;
  align-items: center;
}

.not-sure-cards > .aem-Grid::before,
.not-sure-cards > .aem-Grid::after {
  display: none !important;
  content: none !important;
}

.not-sure-cards > .aem-Grid > .icon-selector,
.not-sure-cards > .aem-Grid > .text,
.not-sure-cards > .aem-Grid > .button {
  width: auto !important;
  margin: 0 !important;
  padding: 0;
  float: none !important;
}

/* Use the outer card as the clickable area */
.not-sure-cards .cmp-container__mobile,
.not-sure-cards .aem-Grid,
.not-sure-cards .button {
  position: static !important;
}

.not-sure-button {
  position: absolute !important;
  inset: 0;
  z-index: 1;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Full-card hover */
.cmp-container.not-sure-cards:hover,
.cmp-container.not-sure-cards:hover .not-sure-button {
  background: #eef5fa !important;
}

/* Keep content visible above the link */
.not-sure-cards .icon-selector,
.not-sure-cards .text {
  position: relative;
  z-index: 2;
  pointer-events: none;
}

/* Icon */
.not-sure-icon {
  color: #006da3;
  font-size: 24px;
  text-align: center;
}

/* Text */
.not-sure-cards .cmp-text p {
  margin: 0;
  line-height: 1.35;
}

.not-sure-cards .cmp-text p + p {
  margin-top: 6px;
}

/* Arrow */
.not-sure-button .cmp-button__text {
  position: absolute;
  top: 50%;
  right: 16px;
  color: #006da3;
  font-size: 24px;
  transform: translateY(-50%);
}

.not-sure-button:focus-visible {
  outline: 3px solid #006da3;
  outline-offset: -3px;
}

@media (max-width: 768px) {
  .cmp-container.not-sure-cards {
    margin-right: 0;
  }
}

/* Important to Know */
.cmp-container.important-to-know {
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 20px 10px;
    margin: 10px;
}


@media (max-width: 768px) {
  .card-container .cmp-card-container > .aem-Grid {
    grid-template-columns: 1fr !important;
    gap: 24px;
  }

  .card-container .cmp-card-container > .aem-Grid > .image-card {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }

  .resources-cards .cmp-image-card {
    height: auto;
    min-height: 0;
  }

  .resources-cards .cmp-image-card__image--mobile {
    height: 230px;
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 768px) {
  /* Grid containing Not Sure and Important to Know */
  .aem-Grid:has(
    > .container > .cmp-container.important-to-know
  ) {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
  }

  /* Remove AEM clearfix elements */
  .aem-Grid:has(
    > .container > .cmp-container.important-to-know
  )::before,
  .aem-Grid:has(
    > .container > .cmp-container.important-to-know
  )::after {
    display: none !important;
    content: none !important;
  }

  /* Make both main columns full width */
  .aem-Grid:has(
    > .container > .cmp-container.important-to-know
  ) > .container.responsivegrid {
    width: 100% !important;
    margin-left: 0 !important;
    float: none !important;
  }
}

/* Statewide header and footer only for this website */
.cmp-global-header,
.cmp-global-header__container,
.cmp-global-footer,
.cmp-global-footer__container {
  background-color: #3d3e51 !important;
}

/* =====================================================
   POLICY LANDSCAPE
   Make the AEM parent behave as a real 12-column grid
   ===================================================== */

.policy-landscape > .aem-Grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}


/* Reset AEM float/width behavior for direct children */
.policy-landscape > .aem-Grid > .aem-GridColumn {
    float: none !important;
    width: auto !important;
    clear: none !important;
}


/* Full-width title/container */
.policy-landscape
> .aem-Grid
> .container.responsivegrid.aem-GridColumn--default--12 {
    grid-column: span 12;
}


/* Spacer stays full width */
.policy-landscape
> .aem-Grid
> .spacer {
    grid-column: span 12;
}


/* Each policy item = 4 columns */
.policy-landscape
> .aem-Grid
> .container.responsivegrid:has(.policy-landscape-individual) {
    grid-column: span 4;

    /* top line */
    border-top: 1px solid #d9e0e7;

    /* important: stretches border to full row height */
    align-self: stretch;
}


/* =====================================================
   VERTICAL DIVIDERS
   ===================================================== */

/* Add left divider to all policy items */
.policy-landscape
> .aem-Grid
> .container.responsivegrid:has(.policy-landscape-individual) {
    border-left: 1px solid #d9e0e7;
}


/* Item 01: no left line */
.policy-landscape
> .aem-Grid
> .spacer
+ .container.responsivegrid:has(.policy-landscape-individual) {
    border-left: none;
}


/* Item 04: first item of second row, so no left line */
.policy-landscape
> .aem-Grid
> .container.responsivegrid.aem-GridColumn--default--newline:has(.policy-landscape-individual) {
    border-left: none;
}


/* =====================================================
   BOTTOM BORDER
   04 + 05 + 06 only
   ===================================================== */

.policy-landscape
> .aem-Grid
> .container.responsivegrid.aem-GridColumn--default--newline:has(.policy-landscape-individual),

.policy-landscape
> .aem-Grid
> .container.responsivegrid.aem-GridColumn--default--newline
+ .container.responsivegrid:has(.policy-landscape-individual),

.policy-landscape
> .aem-Grid
> .container.responsivegrid.aem-GridColumn--default--newline
+ .container.responsivegrid
+ .container.responsivegrid:has(.policy-landscape-individual) {
    border-bottom: 1px solid #d9e0e7;
}


/* =====================================================
   INNER SPACING
   ===================================================== */

.policy-landscape-individual {
    padding: 18px 14px;
    height: 100%;
}


/* Number */
/* .policy-landscape-num p {
    color: #4f7884;
    font-size: 0.875rem;
    font-weight: 700;
}
*/
/* Number container */
.policy-landscape-num {
    background: linear-gradient(135deg, #4f6876, #84959f);
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
}

/* Number text */
.policy-landscape-num p {
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0;
}

@media (max-width: 767px) {
    .policy-landscape-num p {
        font-size: 2rem;
    }
}

/* Main label */
.policy-landscape-individual .cmp-text p strong {
    font-size: 1.25rem;
}


/* .policy-landscape-individual .cmp-text p {
    line-height: 1.5;
}

.policy-landscape-individual
.aem-Grid > div:last-child
.cmp-text p:last-child {
    margin-bottom: 0;
} */

/* Quick-view anchor links */
.policy-landscape-individual a {
    color: #17324d;
    font-weight: 700;
    text-decoration: none;
}

/* Keep visited links visually consistent */
.policy-landscape-individual a:visited {
    color: #17324d;
}

/* Indicates that the link jumps down the page */
.policy-landscape-individual a::after {
    content: " ↓";
    color: #4f6876;
    font-size: 1em;
    font-weight: 400;
}

/* Mouse interaction */
.policy-landscape-individual a:hover {
    color: #005ea8;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* Image card underneath stays full width */
.policy-landscape
> .aem-Grid
> .image-card {
    grid-column: span 12;
}



/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    .policy-landscape > .aem-Grid {
        grid-template-columns: 1fr;
    }

    .policy-landscape
    > .aem-Grid
    > .container.responsivegrid:has(.policy-landscape-individual) {
        grid-column: 1;
        border-left: none;
        border-bottom: none;
    }

    .policy-landscape
    > .aem-Grid
    > .container.responsivegrid.aem-GridColumn--default--12,
    .policy-landscape
    > .aem-Grid
    > .spacer,
    .policy-landscape
    > .aem-Grid
    > .image-card {
        grid-column: 1;
    }

    .policy-landscape-individual {
        padding: 24px 0;
    }

    /* Only final item gets bottom border */
    .policy-landscape
    > .aem-Grid
    > .container.responsivegrid.aem-GridColumn--default--newline
    + .container.responsivegrid
    + .container.responsivegrid:has(.policy-landscape-individual) {
        border-bottom: 1px solid #d9e0e7;
    }
}

.detail-number span.text-large {
    color: #2479bc !important;
    font-size: 4rem !important;
}

/* mobile view detail section */
@media (max-width: 767px) {

       /* Content column immediately after the number */
    .detail-section
    .container.aem-GridColumn--default--1
    + .container.aem-GridColumn--default--11 {
        width: 100% !important;     
    }
}