@charset "UTF-8";
/* MIGRATED: Featured Style 2 (Showcase)
   Targeting: 
   1. .mod-jrshowcase.layout-featured-style2 (Wide, responsive)
   2. .mod-jrshowcase.layout-featured-style2-stacked (Narrow, unconditionally stacked)
*/
@layer legacy_migration {
  /* ── SHARED STYLES ──────────────────────────────────────── */
  .layout-featured-style2-stacked .jr-showcase-carousel, .layout-featured-style2 .jr-showcase-carousel {
    background-color: #5b8f9d !important;
    padding: 5px;
    position: relative;
  }
  .layout-featured-style2-stacked .carousel-item, .layout-featured-style2 .carousel-item {
    height: auto !important;
    overflow: visible !important;
  }
  .layout-featured-style2-stacked .jr-showcase-row, .layout-featured-style2 .jr-showcase-row {
    align-items: stretch;
    background-color: transparent !important; /* Override jrshowcase.css #72a5a6 */
    min-height: auto !important; /* Override jrshowcase.css 420px */
    height: auto !important;
  }
  .layout-featured-style2-stacked .jr-showcase-image-col, .layout-featured-style2 .jr-showcase-image-col {
    padding: 0 !important;
  }
  .layout-featured-style2-stacked .jr-showcase-image-col .jr-showcase-image-wrapper, .layout-featured-style2 .jr-showcase-image-col .jr-showcase-image-wrapper {
    border: 4px solid #ffffff; /* Thick white frame */
    overflow: hidden;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
  }
  .layout-featured-style2-stacked .jr-showcase-image-col .jr-showcase-img, .layout-featured-style2 .jr-showcase-image-col .jr-showcase-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
  }
  .layout-featured-style2-stacked .jr-showcase-content-col, .layout-featured-style2 .jr-showcase-content-col {
    color: #ffffff;
  }
  .layout-featured-style2-stacked .jr-showcase-content-col .jr-showcase-title a, .layout-featured-style2 .jr-showcase-content-col .jr-showcase-title a {
    color: #5B645B !important; /* Dark Olive Title */
    font-family: "Playfair Display", serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
  }
  .layout-featured-style2-stacked .jr-showcase-content-col .jr-showcase-title a:hover, .layout-featured-style2 .jr-showcase-content-col .jr-showcase-title a:hover {
    color: #ffffff !important;
  }
  .layout-featured-style2-stacked .jr-showcase-content-col .jr-showcase-desc, .layout-featured-style2 .jr-showcase-content-col .jr-showcase-desc {
    font-family: "PT Serif", serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
  }
  .layout-featured-style2-stacked .jr-showcase-content-col .jr-showcase-desc p, .layout-featured-style2 .jr-showcase-content-col .jr-showcase-desc p {
    margin-bottom: 1.2rem !important;
  }
  .layout-featured-style2-stacked .jr-showcase-content-col .jr-showcase-readon, .layout-featured-style2 .jr-showcase-content-col .jr-showcase-readon {
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #5B645B !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    letter-spacing: 0.5px !important;
  }
  .layout-featured-style2-stacked .jr-showcase-content-col .jr-showcase-readon:hover, .layout-featured-style2 .jr-showcase-content-col .jr-showcase-readon:hover {
    color: #ffffff !important;
  }
  .layout-featured-style2-stacked .jr-showcase-indicators, .layout-featured-style2 .jr-showcase-indicators {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10;
    display: flex;
    gap: 8px;
  }
  .layout-featured-style2-stacked .jr-showcase-indicators button, .layout-featured-style2 .jr-showcase-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .layout-featured-style2-stacked .jr-showcase-indicators button.active, .layout-featured-style2 .jr-showcase-indicators button.active {
    background-color: #ffffff !important;
  }
  /* ── 1. WIDE RESPONSIVE VARIANT (.layout-featured-style2) ── */
  .layout-featured-style2 {
    /* Desktop (min-width: 768px): Side-by-side */
  }
  @media (min-width: 768px) {
    .layout-featured-style2 .jr-showcase-indicators {
      bottom: 15px !important;
      right: auto !important;
      left: calc(58.33% + 100px) !important;
      justify-content: flex-start !important;
    }
  }
  .layout-featured-style2 {
    /* Mobile (max-width: 767px): Stacked */
  }
  @media (max-width: 767px) {
    .layout-featured-style2 {
      padding: 0;
    }
    .layout-featured-style2 .jr-showcase-content-col {
      padding: 10px 20px 40px 20px !important;
    }
    .layout-featured-style2 .jr-showcase-indicators {
      bottom: auto !important;
      top: 250px !important; /* Overlay bottom of image area */
      left: 50% !important;
      transform: translateX(-50%) !important;
      right: auto !important;
      justify-content: center !important;
    }
  }
  /* ── 2. UNCONDITIONALLY STACKED VARIANT (.layout-featured-style2-stacked) ── */
  .layout-featured-style2-stacked {
    padding: 0;
  }
  .layout-featured-style2-stacked .jr-showcase-content-col {
    padding: 10px 20px 40px 20px !important;
  }
  .layout-featured-style2-stacked .jr-showcase-indicators {
    bottom: auto !important;
    top: 250px !important; /* Overlay bottom of image */
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    justify-content: center !important;
  }
  .layout-featured-style2-stacked {
    /* Force col-12 behavior on all screens */
  }
  .layout-featured-style2-stacked .jr-showcase-image-col,
  .layout-featured-style2-stacked .jr-showcase-content-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
@layer legacy_migration {
  .mod-jrshowcase.layout-strips .jr-card {
    /* Visually, the cards have no background or box-shadow, allowing the dark wrapper to show through */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    /* The distinct double white border from the screenshot */
  }
  .mod-jrshowcase.layout-strips .jr-card img.card-img-top {
    border: 6px double #ffffff !important;
    border-radius: 0 !important;
    margin-bottom: 15px !important;
    height: auto !important;
  }
  .mod-jrshowcase.layout-strips .jr-card .card-body {
    /* Override Bootstrap's default card padding to match the flush text alignment in the screenshot */
    padding: 0 !important;
  }
  .mod-jrshowcase.layout-strips .jr-card .card-body .card-title {
    margin-bottom: 10px;
    /* J5 uses .text-dark, we must force the visual white color */
  }
  .mod-jrshowcase.layout-strips .jr-card .card-body .card-title a {
    font-family: "playfairdisplay", Georgia, serif;
    font-size: 23px;
    font-weight: 700;
    color: #5b645b !important;
    text-decoration: none;
    line-height: 1.2;
  }
  .mod-jrshowcase.layout-strips .jr-card .card-body .card-title a span.badge {
    color: #ffffff;
    position: absolute;
    bottom: 185px;
    left: 25px;
    font-family: "roboto", Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    font-weight: normal !important;
    text-transform: uppercase;
    padding: 5px 10px !important;
    background: #b3c4c9;
    line-height: 1 !important;
    border-radius: 3px !important;
  }
  .mod-jrshowcase.layout-strips .jr-card .card-body .card-text {
    font-family: "roboto", Arial, sans-serif !important;
    font-size: 15px !important;
    color: rgba(255, 255, 255, 0.65) !important; /* Extracted from JSON, verified by image */
    margin-bottom: 15px !important;
  }
  .mod-jrshowcase.layout-strips .jr-card .card-body {
    /* De-buttonizing the Bootstrap 5 button to match the legacy text link */
  }
  .mod-jrshowcase.layout-strips .jr-card .card-body a.btn {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-family: "roboto", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.65) !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important; /* Matches the visual gap of the underline */
  }
  .mod-jrshowcase.layout-strips .jr-card .card-body a.btn:hover, .mod-jrshowcase.layout-strips .jr-card .card-body a.btn:focus {
    background-color: transparent !important;
    color: #ffffff !important;
  }
}
/* MIGRATED: "Book a Talk" CTA tile — #mod-custom511
   Targeted specifically to the custom module with ID #mod-custom511
   to avoid affecting other custom modules. */
@layer legacy_migration {
  /* ── Outer wrapper ────────────────────────────────────────────────
     J3 .rt-block.box10:
       padding      : 15px
       margin       : 5px 10px 25px
       border       : 1px solid #b3c4c9
       box-shadow   : #b3c4c9 0 -10px 0 0  (faux thick top border)
       text-align   : center
     ──────────────────────────────────────────────────────────────── */
  #mod-custom511.mod-custom.custom {
    padding: 15px;
    margin: 5px 10px 25px;
    border: 1px solid #b3c4c9;
    box-shadow: #b3c4c9 0 -10px 0 0;
    text-align: center;
    /* ── Inner tile ── .box1 ───────────────────────────────────────
       J3 Gantry .box1 provides the teal gradient and padding.
       Gradient sampled from showcase.css & J3 demo:
         linear-gradient(to bottom, #5a8d9b 0%, #69a5b2 12%,
                                    #5a8d9b 50%, #4b757f 96%, #436770 100%)
       ─────────────────────────────────────────────────────────────── */
  }
  #mod-custom511.mod-custom.custom .box1 {
    background: linear-gradient(to bottom, #5a8d9b 0%, #69a5b2 12%, #5a8d9b 50%, #4b757f 96%, #436770 100%);
    padding: 15px 15px 20px;
    text-align: center;
    color: #ffffff;
    /* ── Heading ─────────────────────────────────────────────────
       J3 h2: 18.75px, white, italic serif text
       ────────────────────────────────────────────────────────── */
  }
  #mod-custom511.mod-custom.custom .box1 h2 {
    color: #ffffff !important;
    font-family: "PT Serif", ptserif, Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 18.75px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    margin: 10px 0 !important;
    text-align: center !important;
  }
  #mod-custom511.mod-custom.custom .box1 {
    /* ── Button paragraph ──────────────────────────────────────── */
  }
  #mod-custom511.mod-custom.custom .box1 p {
    margin: 0 0 15px;
    text-align: center;
    /* ── CTA button ──────────────────────────────────────────
       J3 a.btn: background #f5f5f5, color #5b645b, rounded 4px
       ──────────────────────────────────────────────────────── */
  }
  #mod-custom511.mod-custom.custom .box1 p a.btn {
    background-color: #f5f5f5 !important;
    color: #5b645b !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 4px 14px !important;
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px !important;
    display: inline-block !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }
  #mod-custom511.mod-custom.custom .box1 p a.btn:hover, #mod-custom511.mod-custom.custom .box1 p a.btn:focus {
    background-color: #e6e6e6 !important;
    color: #333333 !important;
  }
}
/* MIGRATED: Historical Photos Grid — #mod-custom631
   Cleaned 6-image layout with JCE MediaBox integration.
   Responsive: 1 column on mobile (up to 767px), 2 columns on tablet/desktop (768px+).
   Visual ref: screenshot + j3_visual_tree.json computed values               */
@layer legacy_migration {
  #mod-custom631.mod-custom.custom {
    /* ── Responsive Grid ───────────────────────────────────────── */
  }
  #mod-custom631.mod-custom.custom .gantry-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  #mod-custom631.mod-custom.custom .gantry-row .gantry-width-item {
    box-sizing: border-box;
    padding: 10px;
    /* Mobile: 1 column */
    flex: 0 0 100%;
    max-width: 100%;
    /* Tablet & Desktop: 2 columns */
  }
  @media (min-width: 768px) {
    #mod-custom631.mod-custom.custom .gantry-row .gantry-width-item {
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  #mod-custom631.mod-custom.custom .gantry-row .gantry-width-spacer {
    position: relative;
    display: block;
  }
  #mod-custom631.mod-custom.custom {
    /* ── Image Styling ────────────────────────────────────────── */
  }
  #mod-custom631.mod-custom.custom .rt-image {
    display: block;
    position: relative;
    overflow: hidden;
  }
  #mod-custom631.mod-custom.custom .rt-image img {
    display: block;
    width: 100%;
    height: auto;
    /* The signature black bars from the screenshot */
    border-top: 10px solid #000;
    border-bottom: 10px solid #000;
    box-sizing: border-box;
  }
  #mod-custom631.mod-custom.custom .rt-image {
    /* ── Hover Overlay ──────────────────────────────────────── */
  }
  #mod-custom631.mod-custom.custom .rt-image.with-overlay .rt-img-overlay {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    background-color: rgba(179, 196, 201, 0.75); /* #b3c4c9 at 75% alpha */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  #mod-custom631.mod-custom.custom .rt-image.with-overlay .rt-img-overlay span {
    color: #ffffff;
    font-size: 1.5rem;
  }
  #mod-custom631.mod-custom.custom .rt-image.with-overlay .rt-img-overlay span i.fa-search {
    color: #ffffff;
  }
  #mod-custom631.mod-custom.custom .rt-image.with-overlay:hover .rt-img-overlay {
    opacity: 1;
    visibility: visible;
  }
}
/* MIGRATED: Showcase Module — .mod-jrshowcase.layout-showcase
   Replicating the Teal-colored features scroller with high-fidelity 
   typography and stacked layout (Image Top, Text Bottom).
   J3 source : .rt-block.fp-roksprocket-showcase2-bottom.box1
   J5 target : .mod-jrshowcase.layout-showcase (Bootstrap 5 Carousel)
   Visual ref: screenshot + j3_visual_tree.json computed values               */
@layer legacy_migration {
  /* Main Module Wrapper */
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 {
    background-color: #5B8F9D; /* Matches rgb(91, 143, 157) */
    margin: 25px 0;
    padding: 0;
    overflow: hidden;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .carousel-inner {
    padding: 0 !important;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel {
    /* Force Stacked Layout */
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    margin: 0;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel {
    /* Image Column (Top) */
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-image-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    position: relative;
    z-index: 1;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-image-col a {
    display: block;
    /* Image container border from J3 sprocket-features-img-container */
    border: 4px solid #5B8F9D;
    border-bottom: none;
    line-height: 0;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-image-col img.jr-showcase-img {
    width: 100%;
    height: auto;
    display: block;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel {
    /* Content Column (Bottom) */
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 30px 4% !important;
    color: #ffffff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-color: #5B8F9D; /* Match container */
    /* 
     * Using fixed height ensures the nav dots can be reliably positioned
     * over the auto-height image above.
     */
    height: 320px;
    z-index: 2;
    position: relative;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-title {
    margin: 0 0 15px 0;
    font-family: "Playfair Display", serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-title a {
    color: #5B645B !important; /* Dark Olive / Muted Green */
    text-decoration: none;
    transition: color 0.3s ease;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-title a:hover, .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-title a:focus {
    color: #ffffff !important;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-desc {
    font-family: "PT Serif", serif;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #ffffff !important; /* Ensure white color */
    /* Just in case there are nested <p>, style them too */
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-desc p {
    margin: 0 0 15px 0;
    color: #ffffff !important;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col {
    /* Read More Link */
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .mt-3.mb-5 {
    margin: auto 0 0 0 !important;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-readon {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #5B645B !important;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0;
    transition: opacity 0.2s ease, color 0.3s ease;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-readon:hover, .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col .jr-showcase-readon:focus {
    opacity: 0.8;
    color: #ffffff !important;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel {
    /* ── Pagination Dots (Indicators) ─────────────────────────── */
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .carousel-indicators.jr-showcase-indicators {
    /*
     * Positioned relative to the `.carousel` overall container.
     * The text block is fixed at 320px. 
     * By setting bottom to 335px, we guarantee these dots sit exactly
     * 15px above the text block, comfortably inside the image, 
     * regardless of how tall the image dynamically scales.
     */
    position: absolute;
    margin: 0;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 15px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 335px; /* 320px text height + 15px overlap */
    width: auto;
    justify-content: center;
    z-index: 15;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .carousel-indicators.jr-showcase-indicators button {
    width: 14px;
    height: 14px;
    padding: 0;
    margin: 0 4px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #ffffff;
    opacity: 1;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .carousel-indicators.jr-showcase-indicators button.active {
    background-color: #ffffff;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .carousel-indicators.jr-showcase-indicators button {
    text-indent: -999px;
  }
  .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 {
    /* ── Responsive adjustments ────────────────────────────────── */
  }
  @media (max-width: 767px) {
    .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .jr-showcase-content-col {
      height: 380px; /* Allow more text wrapping room on mobile */
      padding: 20px !important;
      text-align: center;
    }
    .mod-jrshowcase.layout-showcase.fp-roksprocket-showcase2-bottom.box1 .jr-showcase-carousel .carousel-indicators.jr-showcase-indicators {
      bottom: 395px; /* 380px text height + 15px overlap */
    }
  }
}
/* MIGRATED: Lists Module (Historic News) 
   Targeting: .home-section--bottom .moduletable.fp-roksprocket-lists-bottom
   Legacy Source: RokSprocket Lists
   Modern J5: Bootstrap 5 Accordion inside .mod-jrshowcase.layout-lists
*/
@layer legacy_migration {
  .moduletable.fp-roksprocket-lists-bottom {
    margin-bottom: 30px;
    /* ── Module Title (Badge Style) ─────────────────────────── */
  }
  .moduletable.fp-roksprocket-lists-bottom > h3 {
    display: inline-block;
    background-color: #b3c4c9; /* Light bluish-grey from J3 tree */
    color: #ffffff !important;
    font-family: "Roboto", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 3px;
    margin-bottom: 20px !important;
    letter-spacing: 0.5px;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: transparent;
    border: none;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-item {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f0f0f0; /* Item separator */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-item:last-child {
    border-bottom: none;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion {
    /* ── Accordion Header (Button) ──────────────────────────── */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-header {
    margin: 0;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-button {
    padding: 15px 0;
    background-color: transparent !important;
    box-shadow: none !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000000;
    /* Default (Collapsed/Inactive) Style */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-button.collapsed {
    font-family: "Roboto", sans-serif;
    font-size: 13.5px;
    font-weight: 700;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-button.collapsed::after {
    content: "+"; /* Custom Plus Icon */
    background-color: #f0f4f5;
    color: #adb5bd;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-button {
    /* Active/Expanded Title Style */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-button:not(.collapsed) {
    font-family: "Playfair Display", serif;
    font-size: 17.25px;
    font-weight: 700;
    color: #000000;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-button:not(.collapsed)::after {
    content: "×"; /* Custom Multiply/Close Icon */
    background-color: #cfd7d9;
    color: #ffffff;
    transform: none; /* Disable Bootstrap rotation */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-button {
    /* Custom Boxed Icon Style (common for both) */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-button::after {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-image: none; /* Remove Bootstrap default chevron */
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    border-radius: 2px;
    flex-shrink: 0;
    margin-left: 15px;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion {
    /* ── Accordion Body (Description) ───────────────────────── */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-collapse {
    border: none;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-body {
    padding: 0 0 20px 0; /* Remove default Bootstrap padding */
    color: #000000;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-body .jr-description {
    font-family: "PT Serif", serif;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-body .jr-description p {
    margin-bottom: 10px;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-body {
    /* ── Read More Link (Strip Bootstrap Button) ──────────── */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-body .text-end {
    text-align: left !important; /* Force left align to match J3 */
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-body .text-end .btn-primary {
    background: none !important;
    border: none !important;
    color: #5B645B !important; /* Dark Olive */
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 0 !important;
    box-shadow: none !important;
    transition: opacity 0.2s ease;
  }
  .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-body .text-end .btn-primary:hover, .moduletable.fp-roksprocket-lists-bottom .mod-jrshowcase.layout-lists.fp-roksprocket-lists-bottom .accordion .accordion-body .text-end .btn-primary:focus {
    opacity: 0.8;
    color: #5B645B !important;
  }
}
@layer legacy_migration {
  /**
   * Scoped styles for the migrated Custom Module
   * Replicating J3 visual appearance from rt_audacity template
   */
  .container-banner .mod-custom.custom {
    background: #51565a;
    background: linear-gradient(to right, #43484b 0%, #686f73 50%, #43484b 100%);
    padding: 15px;
    text-align: center;
    color: #ffffff;
  }
  .container-banner .mod-custom.custom .title {
    font-family: "playfairdisplay", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 22.4px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 10px 0 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
  }
  .container-banner .mod-custom.custom .title .rt-title-tag {
    display: block;
    font-family: "playfairdisplay", Verdana, Helvetica, Arial, sans-serif;
    font-size: 15.4px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.5);
    margin: 5px 0 0 0;
    line-height: 1.2;
    text-transform: none;
  }
}
@layer legacy_migration {
  /* Target J5 Structure for Sidebar Sidebar Modules */
  .grid-child.container-sidebar-right {
    display: flex;
    flex-direction: column;
    background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
    align-self: start; /* Best practice for grid alignment to top */
    margin-top: 0 !important; /* Explicitly override base.css margin: auto */
  }
  .grid-child.container-sidebar-right .moduletable.box1.title1 {
    order: -1; /* Force to top as requested */
    background-color: #75a8b3; /* Sampled from ground truth image */
    border: 1px solid #274850; /* J3 computed border color */
    margin: 10px 10px 25px; /* J3 computed margin */
    padding: 15px; /* J3 computed h2 padding wrapper */
    border-radius: 0;
    box-shadow: none;
  }
  .grid-child.container-sidebar-right .moduletable.box1.title1 h3 {
    background-color: #517e8b; /* J3 computed h2 title background */
    color: #ffffff !important; /* J3 computed color */
    font-family: "ptserif", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 18.75px !important; /* J3 computed fontSize */
    font-weight: 700 !important; /* J3 computed fontWeight */
    padding: 8px 15px; /* J3 computed h2 padding */
    margin: 5px; /* Offset parent padding to bleed to border */
    display: block;
    text-align: start;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    text-shadow: 1px 1px 2px #274850; /* J3 computed text-shadow */
  }
  .grid-child.container-sidebar-right .moduletable.box1.title1 ul.mod-menu.mod-list.nav {
    list-style: none;
    padding: 0;
    margin: 0 -15px; /* Offset parent padding as per J3 tree margin: 0px -15px */
    display: block;
  }
  .grid-child.container-sidebar-right .moduletable.box1.title1 ul.mod-menu.mod-list.nav li.nav-item {
    margin: 0 0 5px; /* J3 computed margin bottom on li */
    padding: 0;
    display: list-item;
  }
  .grid-child.container-sidebar-right .moduletable.box1.title1 ul.mod-menu.mod-list.nav li.nav-item a {
    color: #ffffff !important;
    font-family: "ptserif", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    padding: 5px 15px;
    display: block;
    text-decoration: none !important;
    border-radius: 3px;
    transition: all 0.2s ease-in;
    position: relative;
    padding-left: 38px; /* Room for the icon */
    text-shadow: 1px 1px 2px #274850;
  }
  .grid-child.container-sidebar-right .moduletable.box1.title1 ul.mod-menu.mod-list.nav li.nav-item a::before {
    /* Icon: White circled arrow */
    content: "\f138"; /* Circle Chevron Right */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 12px; /* Adjusted to match visual centering */
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px; /* Slightly larger to match J3 feel */
    color: #ffffff;
  }
  .grid-child.container-sidebar-right .moduletable.box1.title1 ul.mod-menu.mod-list.nav li.nav-item a:hover {
    color: #9ed6e2; /* J3 computed hover color */
    background-color: rgba(255, 255, 255, 0.05);
  }
  .grid-child.container-sidebar-right .moduletable.box1.title1 ul.mod-menu.mod-list.nav li.nav-item.current a, .grid-child.container-sidebar-right .moduletable.box1.title1 ul.mod-menu.mod-list.nav li.nav-item.active a {
    color: #ffffff !important;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.1);
  }
}
@layer legacy_migration {
  /**
   * COMBINED MIGRATED MODULE STYLE: Bottom-A / Footer-Main
   * Merged from _migrated_module_bottom-a.scss and _migrated_module_bottom-a-1.scss
   * Targets: .footer-main .mod-custom.custom
   */
  .footer-main {
    background: #fff !important;
  }
  .footer-main .mod-custom.custom {
    padding: 15px;
    margin: 5px 10px 25px;
    text-align: center;
    /* Signature sunken effect from J3 .box8 */
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px inset, rgba(255, 255, 255, 0.08) 0px 0px 0px 3px;
    border: 1px solid rgba(0, 0, 0, 0);
    display: block;
    /* Module Title Bar */
  }
  .footer-main .mod-custom.custom .module-title {
    margin: 0 0 15px;
    display: block;
  }
  .footer-main .mod-custom.custom .module-title h2.title {
    background-color: rgb(184, 184, 184); /* #B8B8B8 */
    color: rgb(104, 104, 104); /* #686868 */
    font-family: "ptserif", Verdana, Helvetica, Arial, sans-serif;
    font-size: 18.75px;
    font-weight: 700;
    padding: 8px 15px;
    margin: 0;
    display: block;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .footer-main .mod-custom.custom .module-title h2.title span {
    display: inline;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
  }
  .footer-main .mod-custom.custom {
    /* Content Area (Teal Box) */
  }
  .footer-main .mod-custom.custom .box1 {
    /* Base teal and gradient from Audacity @accent-color1 types */
    background: #639aa8;
    background: linear-gradient(to bottom, #639aa8 0%, #4b757f 100%);
    padding: 0 0 8px; /* Corrected to J3 tree spec */
    margin: 0;
    color: rgb(255, 255, 255);
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    display: block;
    /* Reset nested element styles */
  }
  .footer-main .mod-custom.custom .box1 div, .footer-main .mod-custom.custom .box1 p {
    background-color: transparent;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: normal;
    margin: 0 0 15px;
    padding: 0;
    display: block;
    text-align: center;
  }
  .footer-main .mod-custom.custom .box1 {
    /* CTA Button */
  }
  .footer-main .mod-custom.custom .box1 .btn {
    background-color: rgb(245, 245, 245) !important;
    color: rgb(91, 100, 91) !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 4px 14px !important;
    margin: 0;
    border-radius: 4px !important;
    display: inline-block !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: none;
    transition: background-color 0.2s ease-in !important;
  }
  .footer-main .mod-custom.custom .box1 .btn:hover, .footer-main .mod-custom.custom .box1 .btn:focus {
    background-color: #e6e6e6 !important;
    color: rgb(91, 100, 91) !important;
    text-decoration: none !important;
  }
}
@layer legacy_migration {
  /**
   * MIGRATED MODULE STYLE: Contacting Us (Footer Column)
   * Replicated from J3: .rt-grid-6.rt-alpha .rt-block
   * Ground Truth: j3_visual_tree.json
   * Target Structure: j5_structural_tree.json (.footer-links-col--footer-contacting-us)
   */
  .footer-links-col--footer-contacting-us, .footer-links-col--footer-come-n-visit {
    /* Root block styling */
    padding: 15px;
    margin: 10px;
    text-align: start;
    /* Module Heading */
  }
  .footer-links-col--footer-contacting-us h3.footer-links-title, .footer-links-col--footer-come-n-visit h3.footer-links-title {
    color: rgb(0, 0, 0) !important;
    font-family: "PT Serif", ptserif, Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 18.75px !important;
    font-weight: 700 !important;
    margin: 10px 0px !important;
    text-transform: none !important; /* Override J5 uppercase if needed */
    letter-spacing: normal !important;
    line-height: 1.2 !important;
  }
  .footer-links-col--footer-contacting-us, .footer-links-col--footer-come-n-visit {
    /* Custom Module Wrapper */
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom {
    color: rgb(0, 0, 0);
    font-family: "PT Serif", ptserif, Verdana, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom p, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom p {
    margin: 0 0 15px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom p span, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom p span {
    display: inline;
    color: inherit;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom {
    /* Logo and Info Grid */
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container {
    display: flex;
    align-items: flex-start;
    margin: 0 -15px; /* Offset spacer margins */
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-40,
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-60, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-40,
  .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-60 {
    flex: 0 0 auto;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-40, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-40 {
    width: 40%;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-60, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-60 {
    width: 60%;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer {
    margin: 15px;
    display: block;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer img, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer span, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer span {
    display: inline;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer a, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer a {
    color: rgb(91, 100, 91) !important; /* #5b645b */
    text-decoration: none;
    transition: opacity 0.2s ease-in;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer a:hover, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .gantry-width-container .gantry-width-spacer a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }
  .footer-links-col--footer-contacting-us #mod-custom117.mod-custom.custom .clear, .footer-links-col--footer-come-n-visit #mod-custom117.mod-custom.custom .clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
  }
}
@layer legacy_migration {
  .container-component #userForm {
    font-family: ptserif, Verdana, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #686868;
    margin: 0 0 20px;
  }
  .container-component #userForm h2 {
    font-family: ptserif, Verdana, Helvetica, Arial, sans-serif;
    font-size: 18.75px;
    font-weight: 400;
    color: #686868;
    margin: 10px 0;
    padding: 0;
  }
  .container-component #userForm .formContainer .rsform-type-freetext p {
    font-family: ptserif, Verdana, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #686868;
    text-align: center;
    margin: 0 0 15px;
    padding: 0;
  }
  .container-component #userForm .formContainer .form-group.rsform-block {
    margin: 0 0 15px;
  }
  .container-component #userForm .formContainer .form-group.rsform-block label.formControlLabel,
  .container-component #userForm .formContainer .form-group.rsform-block label.control-label {
    font-family: ptserif, Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    margin: 0 0 5px;
    padding: 0;
    display: block;
  }
  .container-component #userForm .formContainer .form-group.rsform-block label.formControlLabel strong.formRequired,
  .container-component #userForm .formContainer .form-group.rsform-block label.control-label strong.formRequired {
    font-weight: 700;
    margin-left: 3px;
    color: #686868;
  }
  .container-component #userForm .formContainer .form-group.rsform-block input.form-control,
  .container-component #userForm .formContainer .form-group.rsform-block input.rsform-input-box {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #686868;
    background-color: #fff;
    padding: 0 15px;
    margin: 0;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    box-shadow: none;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    min-height: 34px;
  }
  .container-component #userForm .formContainer .form-group.rsform-block input.form-control:focus,
  .container-component #userForm .formContainer .form-group.rsform-block input.rsform-input-box:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0;
  }
  .container-component #userForm .formContainer .form-group.rsform-block textarea.form-control,
  .container-component #userForm .formContainer .form-group.rsform-block textarea.rsform-text-box {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    background-color: #fff;
    padding: 6px 12px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: block;
    resize: vertical;
  }
  .container-component #userForm .formContainer .form-group.rsform-block textarea.form-control:focus,
  .container-component #userForm .formContainer .form-group.rsform-block textarea.rsform-text-box:focus {
    border-color: #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0;
  }
  .container-component #userForm .formContainer .form-group.rsform-block .formValidation {
    font-family: ptserif, Verdana, Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #595959;
    margin: 5px 0 10px;
    display: block;
  }
  .container-component #userForm .formContainer .form-group.rsform-block .formValidation .formNoError {
    display: none;
  }
  .container-component #userForm .formContainer .rsform-type-submitbutton .rsform-submit-button,
  .container-component #userForm .formContainer .rsform-type-submitbutton button.btn.btn-primary {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #006dcc;
    padding: 4px 14px;
    margin: 0;
    border: none;
    border-radius: 4px;
    box-shadow: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
  }
  .container-component #userForm .formContainer .rsform-type-submitbutton .rsform-submit-button:hover, .container-component #userForm .formContainer .rsform-type-submitbutton .rsform-submit-button:focus,
  .container-component #userForm .formContainer .rsform-type-submitbutton button.btn.btn-primary:hover,
  .container-component #userForm .formContainer .rsform-type-submitbutton button.btn.btn-primary:focus {
    background-color: rgb(0, 87.2, 163.2);
    color: #fff;
  }
  .container-component #userForm .formContainer .rsform-type-hcaptcha .formControls {
    margin: 0;
    padding: 0;
  }
  .container-component #userForm .formContainer > .row {
    margin-left: -20px;
    margin-right: -15px;
  }
  .container-component #userForm .formContainer > .row > [class*=col-] {
    padding: 0 15px;
  }
}
@layer legacy_migration {
  #mod-custom120 {
    background-color: #b8b8b8;
  }
  #mod-custom120 .col-sm-4 > .p-2 {
    padding: 0;
  }
  #mod-custom120 img.bdshdw {
    background-color: #fff;
    padding: 4px !important;
    border: 3px solid #598b98;
    border-radius: 0;
    box-shadow: 2px 2px 4px #777;
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  #mod-custom120 a.wfpopup {
    display: block;
    text-decoration: none;
  }
}
@layer legacy_migration {
  #mod-custom119 {
    background-color: #2f6b7d;
    color: #fff;
    padding: 15px;
    font-family: "PT Serif", ptserif, Verdana, Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
  }
  #mod-custom119 .gantry-row {
    margin: 0 -15px;
  }
  #mod-custom119 .gantry-width-container {
    display: flex;
    flex-wrap: wrap;
  }
  #mod-custom119 .gantry-width-50 {
    width: 50%;
    box-sizing: border-box;
  }
  @media (max-width: 767px) {
    #mod-custom119 .gantry-width-50 {
      width: 100%;
    }
  }
  #mod-custom119 .gantry-width-spacer {
    margin: 15px;
  }
  #mod-custom119 .rt-image {
    display: inline;
  }
  #mod-custom119 .rt-image img {
    border: 3px solid #fff;
    box-shadow: 2px 2px 4px #222;
    max-width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0;
    border-radius: 0;
  }
  #mod-custom119 h3.title-shadow {
    color: #fff;
    font-size: 17.25px;
    font-weight: 400;
    font-family: inherit;
    margin: 10px 0;
    padding: 0;
    border: 0;
  }
  #mod-custom119 h3.title-shadow span {
    color: #000;
  }
  #mod-custom119 p {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 15px;
    padding: 0;
  }
  #mod-custom119 p span {
    color: #000;
  }
}
@layer legacy_migration {
  .moduletable.box10 {
    padding: 15px;
    margin: 5px 10px 25px;
    border: 1px solid #5a8d9b;
    box-shadow: #5a8d9b 0px -10px 0px 0px;
    text-align: center;
    color: #fff;
  }
  #mod-custom623 .box1 {
    background-color: #517e8b;
    color: #fff;
    padding: 0 0 8px;
    text-align: center;
    border-radius: 0;
  }
  #mod-custom623 .box1 h2 {
    font-family: Arial, sans-serif !important;
    font-size: 18.75px !important;
    font-weight: 400 !important;
    color: #fff !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
  #mod-custom623 .box1 p {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 15px;
    text-align: center;
  }
  #mod-custom623 .box1 a.btn {
    background-color: #f5f5f5 !important;
    color: #5b645b !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 4px 14px !important;
    border-radius: 4px !important;
    border: none !important;
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
  }
  #mod-custom623 .box1 a.btn:hover, #mod-custom623 .box1 a.btn:focus-visible {
    background-color: #e0e0e0 !important;
    color: #3a3f3a !important;
    text-decoration: none !important;
  }
}

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