/*Fonts*/
@font-face {
  font-family: "Audrey Display";
  src: url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Display-WEB/AudreyDisplay-BoldWEB.woff2")
      format("woff2"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Display-WEB/AudreyDisplay-BoldWEB.woff2")
      format("woff2"),
      url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Display-WEB/AudreyDisplay-BoldWEB.woff")
      format("woff"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Display-WEB/AudreyDisplay-BoldWEB.woff")
      format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Display";
  src: url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Display-WEB/AudreyDisplay-BoldItalicWEB.woff2")
      format("woff2"),
    url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Display-WEB/AudreyDisplay-BoldItalicWEB.woff2")
      format("woff2"),
    url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Display-WEB/AudreyDisplay-BoldItalicWEB.woff")
      format("woff"),
    url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Display-WEB/AudreyDisplay-BoldItalicWEB.woff")
      format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Text";
  src: url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-RegularWEB.woff2")
      format("woff2"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-RegularWEB.woff2")
      format("woff2"),
    url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-RegularWEB.woff")
      format("woff"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-RegularWEB.woff")
      format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Text";
  src: url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-ItalicWEB.woff2")
      format("woff2"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-ItalicWEB.woff2")
      format("woff2"),
    url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-ItalicWEB.woff")
      format("woff"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-ItalicWEB.woff")
      format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Text";
  src: url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-BoldWEB.woff2")
      format("woff2"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-BoldWEB.woff2")
      format("woff2"),
    url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-BoldWEB.woff")
      format("woff"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-BoldWEB.woff")
      format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Audrey Text";
  src: url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-BoldItalicWEB.woff2")
      format("woff2"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-BoldItalicWEB.woff2")
      format("woff2"),
    url("/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-BoldItalicWEB.woff")
      format("woff"),
      url("/supporthub/s/sfsites/c/resource/audreywebfont/Audrey/Audrey-Text-WEB/AudreyText-BoldItalicWEB.woff")
      format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --max-width: 87.5rem; /* 1400px */
}

/*Minimum page height*/

.themeLayoutStarterWrapper {
  min-height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.body {
  flex: 1;
}

/*Increase font size overall*/
body .siteforceThemeLayoutStarter {
  font-size: 1.25rem;
}

body .siteforceThemeLayoutStarter .hasSubNav {
    font-size: 0.875rem;
}

body .slds-table {
  font-size: 1rem;
}

body .forceCommunityThemeNav .menubar {
    vertical-align: center;
}

/*Font Styles*/
body .forceCommunityRichText h1 {
  font-size: 3rem;
}

body a {
  text-decoration: underline;
}

.comm-page-detail-500
  .record-layout-container
  slot
  records-record-layout-section:last-child {
  display: none;
}
div[data-target-selection-name="sfdc:StandardButton.Case.Follow"] {
  display: none !important;
}

/***HEADER STYLES****/

/*Change active menu color*/
body
  .forceCommunityThemeNav.jepsonInnerHeader
  .mainNavItem
  a.comm-navigation__top-level-item-link--active.linkBtn {
  color: #db0007 !important;
  text-decoration: underline;
}

.forceCommunityThemeNav.forceCommunityThemeNav .mainNavItem {
    line-height: 1.5;
    white-space: normal;
}

.uiMenuList--default .uiMenuItem.uiMenuItem>a, .uiMenuList--default .uiMenuItem.uiMenuItem>span {
    white-space: normal;
}

.forceCommunityThemeNav .mainNavItem .linkBtn {
    --lwc-fontSize2: 0.875rem;
  font-weight: var(--slds-g-font-weight-7, 700);
  font-size: var(--lwc-fontSize2);
}

.forceCommunityThemeNav .mainNavItem .uiMenuItem.uiMenuItem > a {
  --lwc-fontSize2: 0.875rem;
  font-weight: var(--slds-g-font-weight-4, 400);
  font-size: var(--lwc-fontSize2);
}

/*Tile Styles built with CMS Collection*/

/*invisible card link*/

.forceCommunityDynamicCollectionGrid .slds-has-block-links_space a {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

/* .forceCommunityDynamicCollectionGrid .slds-has-block-links_space a:focus-visible {
    outline: 3px solid #635bff;
    outline-offset: 4px;
} */

/*pointer*/
.forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout:hover,
.forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout a:hover {
  cursor: url("data:image/svg+xml,%3Csvg%20width%3D%22106%22%20height%3D%22107%22%20viewBox%3D%220%200%20106%20107%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2252.7465%22%20cy%3D%2253.5%22%20rx%3D%2252.7465%22%20ry%3D%2253.5%22%20fill%3D%22%2391187D%22%20fill-opacity%3D%220.25%22%2F%3E%3Cpath%20d%3D%22M81.8766%2044.5844C81.8766%2056.0589%2067.63%2072.8308%2057.6328%2081.284C56.8086%2081.9772%2055.6205%2082.06%2054.6893%2081.5116C41.1812%2073.2964%2031.9226%2066.7987%2026.5707%2056.959C22.5889%2049.6129%2022.7923%2040.3734%2028.476%2035.6553C35.1122%2030.1509%2046.8649%2034.0619%2053.8544%2039.8767C54.2183%2040.1768%2054.7535%2040.1975%2055.096%2039.8974C58.4035%2037.228%2065.7248%2033.0273%2071.9864%2033.0997C77.2526%2033.1721%2081.8766%2036.9797%2081.8766%2044.5741V44.5844Z%22%20fill%3D%22%23DB0007%22%2F%3E%3C%2Fsvg%3E")
      53 53,
    pointer;
}

@media (max-width: 47.99em) {
  .forceCommunityBannerLayout,
  .slds-is-relative {
    aspect-ratio: 1 / 1;
    max-height: 400px !important;
  }
}

.forceCommunityDynamicCollectionGrid h3.layout_title {
  font-size: 32px;
  line-height: 100% !important;
  overflow: visible;
  -webkit-line-clamp: none;
  max-height: none;
}

.forceCommunityDynamicCollectionGrid h3 a {
  text-decoration: none;
}

/*card subtitle*/

.forceCommunityDynamicCollectionGrid p.layout_subtitle {
  font-size: 18px;
  line-height: 120%;
  margin-top: 24px;
  -webkit-line-clamp: none;
  max-height: none;
}

.forceCommunityDynamicCollectionGrid p.layout_subtitle:after {
  content: "";
  background: url(/sfsites/c/file-asset/arrow?v=1);
  background-size: 19px auto;
  background-position: center left;
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  display: block;
}

@media (min-width: 48em) {
  .forceCommunityDynamicCollectionGrid h3.layout_title {
    transition: 0.4s cubic-bezier(0.39, 0.58, 0.57, 1);
  }

  .forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout:hover,
  .forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout:focus-within{
    h3.layout_title {
      font-size: 48px;
      line-height: 100%;
      transition: 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
    }
  }
  /*card subtitle*/

  .forceCommunityDynamicCollectionGrid p.layout_subtitle {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: max-height 0.4s ease, visibility 0.4s ease;
  }

  .forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout:hover,
  .forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout:focus-within {
    p.layout_subtitle {
      max-height: 500px; /* Adjust based on content */
      visibility: visible;
      transition: max-height 2s ease, visibility 2s ease;
    }
  }
}

/*card background*/

.forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout:hover,
.forceCommunityDynamicCollectionGrid .forceCommunityBannerLayout:focus {
  .slds-image_overlay {
    background-color: rgba(208, 201, 255, 1) !important;
    transition: background-color 1s ease;
  }
}

.forceCommunityDynamicCollectionGrid .slds-image_overlay {
  transition: background-color 0.4s ease;
}

.forceCommunityDynamicCollectionGrid .slds-image_overlay {
  border-radius: 8px;
}

/*card alignment*/
.forceCommunityDynamicCollectionGrid
  .slds-template__container
  .slds-grid_vertical-align-center {
  align-items: self-end;
  padding: 0.5rem 0;
}

/*Tile Styles*/

body .comm-tile-menu__ui {
  justify-content: left;
}

body .comm-tile-menu__item .comm-tile-menu__item-tile {
  border-radius: 8px !important;
  min-height: 300px;
}

body .comm-tile-menu__item-tile .comm-tile-menu__item-title {
  overflow: visible;
  white-space: break-spaces;
  word-break: normal;
  text-align: left;
  font-size: 32px !important;
  font-weight: bold;
  padding: 37px 28px !important;
  line-height: 100%;
}

body .comm-tile-menu__item-tile .comm-tile-menu__item-title-underline {
  text-decoration: none;
}

body .comm-tile-menu__item-banner {
  justify-content: end;
}

a.comm-tile-menu__item-link:hover .comm-tile-menu__item-tile {
  background-color: #d0c9ff !important;
  background-image: none !important;
}

/*Footer Styles*/

.rmh-help-footer-top {
  background-image: url(/sfsites/c/file-asset/footertop?v=1);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  min-height: 100px;
  margin-top: 30px;
  padding: 0;
  margin: 50px 0 0;
  width: 100%;
}

.footer-container{
  padding: 50px 20px;
  width: 100%;
  background-color: rgba(208, 201, 255, 1);
  font-weight: bold;
}

.footer-container .column > p {
    font-size: 0.8125rem;
    font-weight: 400;
    margin-block: 0.15rem;
}

.column.donate {
    max-width: 300px;
    padding-right: 2rem;
}

.footer-container .column.donate > a {
    font-size: 0.8125rem;
    font-weight: 400;
    display: block;
    padding-block: 0.15rem;
}

.footer-container .column > a:has(img) {
    display: inline;
}

.footer-container .column > a {
    font-size: 1.15rem;
    text-decoration: none;
}

.footer-container .inner {
  max-width: 1440px;
}

body .footer-container  .inner a {
  color: #000000;
}

/*Record Lists*/
body .forceCommunityRecordListCompact .filterListPlaceholder .listTitle {
  font-size: 24px;
  text-transform: none;
}

body .forceCommunityRecordListCompactCard .primaryField {
  font-size: 18px;
  font-weight: bold;
}

/*Launch flow button style*/
.sf_flowmodalCcp_launchFlowModal button {
  color: #ffffff;
  font-size: 13px;
  line-height: 120%;
  font-weight: regular;
  padding: 17px 27px;
  margin-left: 0;
}

/*Button Hover*/
html.slds-no-wcag .slds-button_brand:hover,
html.slds-no-wcag .slds-button_brand:focus,
html.slds-no-wcag .slds-button--brand:hover,
html.slds-no-wcag .slds-button--brand:focus {
    --slds-c-button-color-background-hover: #91187D;
    --slds-c-button-brand-color-background: var(--slds-c-button-color-background-hover);
    --slds-c-button-color-border-hover: var(--slds-c-button-color-background-hover);

    &:before {
        background: none;
    }
}

/* Scoped hover and transition for the Launch Flow button only */
.sf_flowmodalCcp_launchFlowModal button {
    transition: background-color 0.3s ease, color 0.15s ease;
}

.sf_flowmodalCcp_launchFlowModal button:hover,
.sf_flowmodalCcp_launchFlowModal button:focus-visible {
    background-color: #91187D;
    color: #ffffff;
}


.comm-user-profile-menu__trigger-p {
    --lwc-fontSize2: 0.875rem;
    font-weight: var(--slds-g-font-weight-7, 700);
    color: rgb(255, 253, 233);
}


.forceCommunityThemeNav.jepsonHomeHeader .mainNavItem.mainNavItem, .forceCommunityThemeNav.jepsonHomeHeader .mainNavItem.mainNavItem .subMenu,
.forceCommunityThemeNav.jepsonInnerHeader .mainNavItem.mainNavItem, .forceCommunityThemeNav.jepsonInnerHeader .mainNavItem.mainNavItem .subMenu {
    background-color: var(--dxp-g-root)!important;
}


.forceCommunityThemeHeaderCompact .themeUtils .themeUtilsContainer {
    padding-right: var(--lwc-spacingMedium,1rem);
}

.forceCommunityThemeHeaderCompact .themeLogo {
    order: 0;
}

.forceCommunityThemeHeaderCompact .themeHeaderInner .themeNavTriggerContainer {
    order: 1;
    margin-left: auto;
}

.forceCommunityThemeNavTrigger.forceCommunityThemeNavTrigger {
    padding: 0 0 0 0;
}

.forceCommunityThemeHeaderCompact .themeLogo.themeLogo {
    left: 0;
    transform: none;
    position: relative;
    padding-top: 0;
}

.copy-right-text {
    font-size: 12px;
    font-weight: 400;
}

.footer-container > .grid {
    max-width: var(--max-width, 87.5rem);
    margin-inline: auto;
}

.grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 600px) {
  .grid {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}

@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
  }
}


.footer-bottom {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 1rem;
  align-items: center;
  max-width: var(--max-width, 87.5rem);
  margin: 1.5rem auto;
}

.footer-bottom .copy-right-text {
  grid-column: 1 / span 3;
}

.footer-bottom .footer-icons {
  grid-column: 4 / span 2;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  align-items: center;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
  .footer-bottom {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
  .footer-bottom .copy-right-text {
    grid-column: 1 / span 2;
  }
  .footer-bottom .footer-icons {
    grid-column: 1 / span 2;
    justify-content: flex-start;
    margin-top: 1rem;
  }
}

@media (max-width: 600px) {
  .footer-bottom {
    grid-template-columns: 1fr;
  }
  .footer-bottom .copy-right-text,
  .footer-bottom .footer-icons {
    grid-column: 1;
    justify-content: flex-start;
    margin-top: 1rem;
  }
}

/* Make our Legal Disclaimer scrollable within the accordion */
/* Select only the Legal Disclaimer display-text, not radio labels */
lightning-accordion-section:has(.slds-accordion__summary-content[title="Legal Disclaimer"])
  .slds-accordion__content
  flowruntime-display-text-lwc
  lightning-formatted-rich-text.slds-rich-text-editor__output {
  display: block;
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #ccc;
  padding: 0.5rem;
  background: #fff;
  font-family: inherit;
  line-height: 1.4;
}

/* (Optional) explicitly keep radio labels untouched */
.slds-accordion__content
  flowruntime-radio-button-input-lwc
  lightning-formatted-rich-text.slds-rich-text-editor__output {
  display: inline;     /* whatever SLDS expects */
  max-height: none;
  overflow: visible;
  border: 0;
  padding: 0;
  background: transparent;
}
