
/* ==================================================================== */
/*                     System Style Definitions                         */
/* ==================================================================== */
@media all {
  *#dm div.dmContent h1,
  *#dm div.dmFooter h1 { color:rgb(102,102,102); }

  *#dm div.dmRespCol>* { line-height:normal; }

  *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navText,
  *.dmDesktopBody *#dm ul.dmNavWrapper>li>a *.navItemText,
  *.dmDesktopBody *#dm ul.dmNavWrapper>li>*.dmNavigation {
    color:rgb(17,17,17);
    font-weight:normal;
  }

  *.dmDesktopBody *#dm ul.dmNavWrapper>li>a:hover,
  *.dmDesktopBody *#dm ul.dmNavWrapper>li>a.currentPage { border-color:rgb(17,17,17); }

  *.dmDesktopBody *#dm ul.dmNavWrapper>li.navItemSelectedServer>a *.navText,
  *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>a *.navItemText,
  *.dmDesktopBody *#dm ul.dmNavWrapper>li.dmNavItemSelected>*.navItemText { font-weight:bold; }

  *.stickyHeaderSpacer { height:112px; }

  #dm div.dmInner,
  #dm div.dmInner .dmRespCol,
  #dm .dmRespCol div.dmNewParagraph,
  #dm .ecwid .ec-store,
  #dm .dmform .dmforminput label,
  .dmPrettyList .listText,
  .dmPrettyList .itemName,
  #dm .dmRestaurantMenu .menuItemBox,
  .dmRestaurantMenu .menuItemName,
  .dmRestaurantMenu .menuItemDesc,
  .dmRestaurantMenu .menuItemPrice,
  .dmPhotoGallery .caption-text.caption-text,
  .dmGeoLocation a span.dmGeoMLocItemTitle,
  .dmGeoLocation a span.dmGeoMLocItemDetails,
  .map-popup-description {
    font-family: Poppins, "Poppins Fallback";
    color:var(--color_1);
  }

  *#dm div.dmContent h1,
  *#dm div.dmFooter h1,
  *#dm div.p_hfcontainer h1,
  *#dm div.flex_hfcontainer h1,
  *#dm div.dm-title h1 {
    color:var(--color_1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:700;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmContent .dmNewParagraph[data-version] h1,
  *#dm div.dmFooter .dmNewParagraph[data-version] h1,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1,
  *#dm div.dm-title .dmNewParagraph[data-version] h1 { text-decoration:inherit; }

  *#dm div.dmContent .dmNewParagraph[data-version] h1 *,
  *#dm div.dmFooter .dmNewParagraph[data-version] h1 *,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h1 *,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h1 *,
  *#dm div.dm-title .dmNewParagraph[data-version] h1 * { text-decoration:none; }

  #dm div.dmNewParagraph p,
  #dm div.dmNewParagraph li {
    color:var(--color_1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:400;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmNewParagraph a,
  *#dm .dmNewParagraph a,
  *#dm div.dmBlockElement a,
  *#dm .dmBlockElement a,
  *#dm .dmform a.fileUploadLink,
  .dmPrettyList .link:not(.dmWidget),
  *#dm .dmGeoLocation a.dmGeoSVSeeAll,
  *#dm .dmGeoLocation a.dmGeoSVGoToPage,
  *#dm .postDescription a,
  *#dm .blog-post-component a,
  *#dm .timeline-post a,
  *#dm .rteBlock a,
  .newPhotoGallery .photoGalleryViewAll.link,
  .dmTable a,
  *#dm .ecwid .ec-link:not(.breadcrumbs__link),
  .dmSignup a:not(.social-link) { color:var(--color_4); }

  *#dm div.dmContent h2,
  *#dm div.dmFooter h2,
  *#dm div.p_hfcontainer h2,
  *#dm div.flex_hfcontainer h2,
  *#dm div.dm-title h2 {
    color:var(--color_1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:700;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmContent .dmNewParagraph[data-version] h2,
  *#dm div.dmFooter .dmNewParagraph[data-version] h2,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2,
  *#dm div.dm-title .dmNewParagraph[data-version] h2 { text-decoration:inherit; }

  *#dm div.dmContent .dmNewParagraph[data-version] h2 *,
  *#dm div.dmFooter .dmNewParagraph[data-version] h2 *,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h2 *,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h2 *,
  *#dm div.dm-title .dmNewParagraph[data-version] h2 * { text-decoration:none; }

  *#dm div.dmContent h3,
  *#dm div.dmFooter h3,
  *#dm div.p_hfcontainer h3,
  *#dm div.flex_hfcontainer h3,
  *#dm div.dm-title h3 {
    color:var(--color_1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:700;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmContent .dmNewParagraph[data-version] h3,
  *#dm div.dmFooter .dmNewParagraph[data-version] h3,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3,
  *#dm div.dm-title .dmNewParagraph[data-version] h3 { text-decoration:inherit; }

  *#dm div.dmContent .dmNewParagraph[data-version] h3 *,
  *#dm div.dmFooter .dmNewParagraph[data-version] h3 *,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h3 *,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h3 *,
  *#dm div.dm-title .dmNewParagraph[data-version] h3 * { text-decoration:none; }

  *#dm div.dmContent h4,
  *#dm div.dmFooter h4,
  *#dm div.p_hfcontainer h4,
  *#dm div.flex_hfcontainer h4,
  *#dm div.dm-title h4 {
    color:var(--color_1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:700;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmContent .dmNewParagraph[data-version] h4,
  *#dm div.dmFooter .dmNewParagraph[data-version] h4,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4,
  *#dm div.dm-title .dmNewParagraph[data-version] h4 { text-decoration:inherit; }

  *#dm div.dmContent .dmNewParagraph[data-version] h4 *,
  *#dm div.dmFooter .dmNewParagraph[data-version] h4 *,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h4 *,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h4 *,
  *#dm div.dm-title .dmNewParagraph[data-version] h4 * { text-decoration:none; }

  *#dm div.dmContent h5,
  *#dm div.dmFooter h5,
  *#dm div.p_hfcontainer h5,
  *#dm div.flex_hfcontainer h5,
  *#dm div.dm-title h5 {
    color:var(--color_1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:700;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmContent .dmNewParagraph[data-version] h5,
  *#dm div.dmFooter .dmNewParagraph[data-version] h5,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5,
  *#dm div.dm-title .dmNewParagraph[data-version] h5 { text-decoration:inherit; }

  *#dm div.dmContent .dmNewParagraph[data-version] h5 *,
  *#dm div.dmFooter .dmNewParagraph[data-version] h5 *,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h5 *,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h5 *,
  *#dm div.dm-title .dmNewParagraph[data-version] h5 * { text-decoration:none; }

  *#dm div.dmContent h6,
  *#dm div.dmFooter h6,
  *#dm div.p_hfcontainer h6,
  *#dm div.flex_hfcontainer h6,
  *#dm div.dm-title h6 {
    color:var(--color_1);
    direction:ltr;
    font-family: Poppins, "Poppins Fallback";
    font-weight:700;
    font-style:normal;
    text-decoration:none;
  }

  *#dm div.dmContent .dmNewParagraph[data-version] h6,
  *#dm div.dmFooter .dmNewParagraph[data-version] h6,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6,
  *#dm div.dm-title .dmNewParagraph[data-version] h6 { text-decoration:inherit; }

  *#dm div.dmContent .dmNewParagraph[data-version] h6 *,
  *#dm div.dmFooter .dmNewParagraph[data-version] h6 *,
  *#dm div.p_hfcontainer .dmNewParagraph[data-version] h6 *,
  *#dm div.flex_hfcontainer .dmNewParagraph[data-version] h6 *,
  *#dm div.dm-title .dmNewParagraph[data-version] h6 * { text-decoration:none; }

  *#dm div.dmNewParagraph a.visited,
  *#dm div.dmNewParagraph a:visited,
  *#dm .dmNewParagraph a.visited,
  *#dm .dmNewParagraph a:visited,
  *#dm div.dmBlockElement a.visited,
  *#dm div.dmBlockElement a:visited,
  *#dm .dmBlockElement a.visited,
  *#dm .dmBlockElement a:visited,
  *#dm .dmform a.fileUploadLink.visited,
  *#dm .dmform a.fileUploadLink:visited,
  .dmPrettyList .link:not(.dmWidget).visited,
  .dmPrettyList .link:not(.dmWidget):visited,
  *#dm .dmGeoLocation a.dmGeoSVSeeAll.visited,
  *#dm .dmGeoLocation a.dmGeoSVSeeAll:visited,
  *#dm .dmGeoLocation a.dmGeoSVGoToPage.visited,
  *#dm .dmGeoLocation a.dmGeoSVGoToPage:visited,
  *#dm .postDescription a.visited,
  *#dm .postDescription a:visited,
  *#dm .blog-post-component a.visited,
  *#dm .blog-post-component a:visited,
  *#dm .timeline-post a.visited,
  *#dm .timeline-post a:visited,
  *#dm .rteBlock a.visited,
  *#dm .rteBlock a:visited,
  .newPhotoGallery .photoGalleryViewAll.link.visited,
  .newPhotoGallery .photoGalleryViewAll.link:visited,
  .dmTable a.visited,
  .dmTable a:visited,
  *#dm .ecwid .ec-link:not(.breadcrumbs__link).visited,
  *#dm .ecwid .ec-link:not(.breadcrumbs__link):visited,
  .dmSignup a:not(.social-link).visited,
  .dmSignup a:not(.social-link):visited,
  .prev-next-links a.visited,
  .prev-next-links a:visited { color:var(--color_1); }

  *#dm div.dmNewParagraph a.hover,
  *#dm div.dmNewParagraph a:hover,
  *#dm .dmNewParagraph a.hover,
  *#dm .dmNewParagraph a:hover,
  *#dm div.dmBlockElement a.hover,
  *#dm div.dmBlockElement a:hover,
  *#dm .dmBlockElement a.hover,
  *#dm .dmBlockElement a:hover,
  *#dm .dmform a.fileUploadLink.hover,
  *#dm .dmform a.fileUploadLink:hover,
  .dmPrettyList .link:not(.dmWidget).hover,
  .dmPrettyList .link:not(.dmWidget):hover,
  *#dm .dmGeoLocation a.dmGeoSVSeeAll.hover,
  *#dm .dmGeoLocation a.dmGeoSVSeeAll:hover,
  *#dm .dmGeoLocation a.dmGeoSVGoToPage.hover,
  *#dm .dmGeoLocation a.dmGeoSVGoToPage:hover,
  *#dm .postDescription a.hover,
  *#dm .postDescription a:hover,
  *#dm .blog-post-component a.hover,
  *#dm .blog-post-component a:hover,
  *#dm .timeline-post a.hover,
  *#dm .timeline-post a:hover,
  *#dm .rteBlock a.hover,
  *#dm .rteBlock a:hover,
  .newPhotoGallery .photoGalleryViewAll.link.hover,
  .newPhotoGallery .photoGalleryViewAll.link:hover,
  .dmTable a.hover,
  .dmTable a:hover,
  *#dm .ecwid .ec-link:not(.breadcrumbs__link).hover,
  *#dm .ecwid .ec-link:not(.breadcrumbs__link):hover,
  .dmSignup a:not(.social-link).hover,
  .dmSignup a:not(.social-link):hover,
  .prev-next-links a.hover,
  .prev-next-links a:hover { color:var(--color_1); }

  *#dm div.dmNewParagraph a,
  *#dm .dmNewParagraph a,
  *#dm div.dmBlockElement a,
  *#dm .dmBlockElement a,
  *#dm .dmform a.fileUploadLink,
  .dmPrettyList .link:not(.dmWidget),
  *#dm .dmGeoLocation a.dmGeoSVSeeAll,
  *#dm .dmGeoLocation a.dmGeoSVGoToPage,
  *#dm .postDescription a,
  *#dm .blog-post-component a,
  *#dm .timeline-post a,
  *#dm .rteBlock a,
  .newPhotoGallery .photoGalleryViewAll.link,
  .dmTable a,
  *#dm .ecwid .ec-link:not(.breadcrumbs__link),
  .dmSignup a:not(.social-link),
  .prev-next-links a { color:var(--color_1); }

  .dmMobileBody .dmLayoutWrapper,
  .dmMobileBody .dm-layout-sec .dmLayoutWrapper,
  #dmSlideRightNavRight #site_content,
  .dm-layout-sec #dmSlideRightNavRight #site_content,
  #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:transparent; }
}
@media (min-width:1025px) {
  *#dm div.dmContent h3,
  *#dm div.dmFooter h3,
  *#dm div.flex_hfcontainer h3,
  *#dm div.dm-title h3 { font-size:18px; }

  #dm div.dmNewParagraph p { font-size:18px; }

  *#dm div.dmContent h6,
  *#dm div.dmFooter h6,
  *#dm div.flex_hfcontainer h6,
  *#dm div.dm-title h6 { font-size:16px; }

  #dm DIV.dmOuter DIV.dmInner,
  #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:rgba(184,220,189,1); }

  #dm div.dmInner,
  #dm div.dmInner .dmRespCol,
  #dm .dmRespCol div.dmNewParagraph,
  #dm .ecwid .ec-store,
  #dm .dmform .dmforminput label,
  .dmPrettyList .listText,
  .dmPrettyList .itemName,
  #dm .dmRestaurantMenu .menuItemBox,
  .dmRestaurantMenu .menuItemName,
  .dmRestaurantMenu .menuItemDesc,
  .dmRestaurantMenu .menuItemPrice,
  .dmPhotoGallery .caption-text.caption-text,
  .dmGeoLocation a span.dmGeoMLocItemTitle,
  .dmGeoLocation a span.dmGeoMLocItemDetails,
  .map-popup-description { font-size:18px; }

  #dm div.dmNewParagraph p,
  #dm div.dmNewParagraph li { font-size:18px; }

  *#dm div.dmContent h1,
  *#dm div.dmFooter h1,
  *#dm div.p_hfcontainer h1,
  *#dm div.flex_hfcontainer h1,
  *#dm div.dm-title h1 { font-size:50px; }

  *#dm div.dmContent h2,
  *#dm div.dmFooter h2,
  *#dm div.p_hfcontainer h2,
  *#dm div.flex_hfcontainer h2,
  *#dm div.dm-title h2 { font-size:32px; }

  *#dm div.dmContent h3,
  *#dm div.dmFooter h3,
  *#dm div.p_hfcontainer h3,
  *#dm div.flex_hfcontainer h3,
  *#dm div.dm-title h3 { font-size:25px; }

  *#dm div.dmContent h4,
  *#dm div.dmFooter h4,
  *#dm div.p_hfcontainer h4,
  *#dm div.flex_hfcontainer h4,
  *#dm div.dm-title h4 { font-size:20px; }

  *#dm div.dmContent h5,
  *#dm div.dmFooter h5,
  *#dm div.p_hfcontainer h5,
  *#dm div.flex_hfcontainer h5,
  *#dm div.dm-title h5 { font-size:15px; }

  *#dm div.dmContent h6,
  *#dm div.dmFooter h6,
  *#dm div.p_hfcontainer h6,
  *#dm div.flex_hfcontainer h6,
  *#dm div.dm-title h6 { font-size:14px; }

  #dmRoot *#dm div.dmContent h2,
  #dmRoot *#dm div.dmFooter h2,
  #dmRoot *#dm div.p_hfcontainer h2,
  #dmRoot *#dm div.flex_hfcontainer h2,
  #dmRoot *#dm div.dm-title h2 { font-size:35px; }

  #dmRoot *#dm div.dmContent h3,
  #dmRoot *#dm div.dmFooter h3,
  #dmRoot *#dm div.p_hfcontainer h3,
  #dmRoot *#dm div.flex_hfcontainer h3,
  #dmRoot *#dm div.dm-title h3 { font-size:30px; }

  #dmRoot *#dm div.dmContent h5,
  #dmRoot *#dm div.dmFooter h5,
  #dmRoot *#dm div.p_hfcontainer h5,
  #dmRoot *#dm div.flex_hfcontainer h5,
  #dmRoot *#dm div.dm-title h5 { font-size:16px; }
}
@media (min-width:768px) and (max-width:1024px) {
  *#dm div.dmContent h3,
  *#dm div.dmFooter h3,
  *#dm div.flex_hfcontainer h3,
  *#dm div.dm-title h3 { font-size:18px; }

  #dm div.dmNewParagraph p { font-size:18px; }

  *#dm div.dmContent h6,
  *#dm div.dmFooter h6,
  *#dm div.flex_hfcontainer h6,
  *#dm div.dm-title h6 { font-size:16px; }

  *#dm div.dmContent h6,
  *#dm div.dmFooter h6,
  *#dm div.p_hfcontainer h6,
  *#dm div.flex_hfcontainer h6,
  *#dm div.dm-title h6 { font-size:14px; }

  #dm div.dmInner,
  #dm div.dmInner .dmRespCol,
  #dm .dmRespCol div.dmNewParagraph,
  #dm .ecwid .ec-store,
  #dm .dmform .dmforminput label,
  .dmPrettyList .listText,
  .dmPrettyList .itemName,
  #dm .dmRestaurantMenu .menuItemBox,
  .dmRestaurantMenu .menuItemName,
  .dmRestaurantMenu .menuItemDesc,
  .dmRestaurantMenu .menuItemPrice,
  .dmPhotoGallery .caption-text.caption-text,
  .dmGeoLocation a span.dmGeoMLocItemTitle,
  .dmGeoLocation a span.dmGeoMLocItemDetails,
  .map-popup-description { font-size:16px; }

  #dm div.dmNewParagraph p,
  #dm div.dmNewParagraph li { font-size:16px; }

  *#dm div.dmContent h1,
  *#dm div.dmFooter h1,
  *#dm div.p_hfcontainer h1,
  *#dm div.flex_hfcontainer h1,
  *#dm div.dm-title h1 { font-size:50px; }

  *#dm div.dmContent h2,
  *#dm div.dmFooter h2,
  *#dm div.p_hfcontainer h2,
  *#dm div.flex_hfcontainer h2,
  *#dm div.dm-title h2 { font-size:30px; }

  *#dm div.dmContent h3,
  *#dm div.dmFooter h3,
  *#dm div.p_hfcontainer h3,
  *#dm div.flex_hfcontainer h3,
  *#dm div.dm-title h3 { font-size:25px; }

  *#dm div.dmContent h4,
  *#dm div.dmFooter h4,
  *#dm div.p_hfcontainer h4,
  *#dm div.flex_hfcontainer h4,
  *#dm div.dm-title h4 { font-size:20px; }

  *#dm div.dmContent h5,
  *#dm div.dmFooter h5,
  *#dm div.p_hfcontainer h5,
  *#dm div.flex_hfcontainer h5,
  *#dm div.dm-title h5 { font-size:15px; }

  #dmRoot *#dm div.dmContent h1,
  #dmRoot *#dm div.dmFooter h1,
  #dmRoot *#dm div.p_hfcontainer h1,
  #dmRoot *#dm div.flex_hfcontainer h1,
  #dmRoot *#dm div.dm-title h1 { font-size:50px; }
}
@media (min-width:0px) and (max-width:767px) {
  *#dm div.dmContent h6,
  *#dm div.dmFooter h6,
  *#dm div.flex_hfcontainer h6,
  *#dm div.dm-title h6 { font-size:14px; }

  #dm div.dmInner,
  #dm div.dmInner .dmRespCol,
  #dm .dmRespCol div.dmNewParagraph,
  #dm .ecwid .ec-store,
  #dm .dmform .dmforminput label,
  .dmPrettyList .listText,
  .dmPrettyList .itemName,
  #dm .dmRestaurantMenu .menuItemBox,
  .dmRestaurantMenu .menuItemName,
  .dmRestaurantMenu .menuItemDesc,
  .dmRestaurantMenu .menuItemPrice,
  .dmPhotoGallery .caption-text.caption-text,
  .dmGeoLocation a span.dmGeoMLocItemTitle,
  .dmGeoLocation a span.dmGeoMLocItemDetails,
  .map-popup-description { font-size:16px; }

  #dm div.dmNewParagraph p,
  #dm div.dmNewParagraph li { font-size:16px; }

  *#dm div.dmContent h1,
  *#dm div.dmFooter h1,
  *#dm div.p_hfcontainer h1,
  *#dm div.flex_hfcontainer h1,
  *#dm div.dm-title h1 { font-size:40px; }

  *#dm div.dmContent h2,
  *#dm div.dmFooter h2,
  *#dm div.p_hfcontainer h2,
  *#dm div.flex_hfcontainer h2,
  *#dm div.dm-title h2 { font-size:30px; }

  *#dm div.dmContent h3,
  *#dm div.dmFooter h3,
  *#dm div.p_hfcontainer h3,
  *#dm div.flex_hfcontainer h3,
  *#dm div.dm-title h3 { font-size:20px; }

  *#dm div.dmContent h4,
  *#dm div.dmFooter h4,
  *#dm div.p_hfcontainer h4,
  *#dm div.flex_hfcontainer h4,
  *#dm div.dm-title h4 { font-size:18px; }

  *#dm div.dmContent h5,
  *#dm div.dmFooter h5,
  *#dm div.p_hfcontainer h5,
  *#dm div.flex_hfcontainer h5,
  *#dm div.dm-title h5 { font-size:15px; }

  #dm DIV.dmOuter DIV.dmInner,
  #dm DIV.dmOuter DIV#dmSlideRightNavRight { background-color:rgba(184,220,189,1); }
}
/* ==========================================================================
   KB RETRO — SITE CSS
   Duda editor → Developer Mode (top nav) → Site HTML/CSS. Save, Publish.

   Duda's Head HTML field strips <style>, so CSS must live here.
   ========================================================================== */

/* Marker so the fallback script in duda-head-code.html knows this loaded
   and skips injecting a duplicate. Leave it in. */
:root{ --kbr-css:1; }

/* --------------------------------------------------------------------------
   1. THE WHITE WHEN YOU SCROLL PAST EITHER END
   The overscroll gutter is painted by the ROOT ELEMENT'S background-COLOR.
   A background-image — especially `fixed` — does not paint it; that was the
   original bug. It must be a solid colour, and a solid colour is a single
   value, so the gutter is the SAME at both ends. There is no two-tone option.

   Set to the dark stage, so the top blends into the hero video.
   The bottom bounce therefore goes dark too — below the sage sign-up panel.
   That only shows while you are actively dragging past the end, and
   overscroll-behavior below removes the bounce entirely in browsers that
   support it (Chrome, Android, Safari 16+).

   ── WANT SAGE INSTEAD? ── change #232019 to #b7dcbd.
   -------------------------------------------------------------------------- */
html{ background-color:#232019; }
body{ background-color:transparent; }

/* Stops the bounce entirely where supported, making the above moot. */
html,body{ overscroll-behavior-y:none; }

/* --------------------------------------------------------------------------
   2. iPHONE SAFE AREA
   viewport-fit=cover (set by the head script) makes env() available, so the
   hero can clear the Dynamic Island. !important overrides the inline padding.
   -------------------------------------------------------------------------- */
.kbr .kbr-hero{
  padding-top:calc(clamp(56px,9vw,96px) + env(safe-area-inset-top,0px)) !important;
}

/* --------------------------------------------------------------------------
   2b. HERO VIDEO — the black bar, and the fade into black at the top
   Duda ships `#dm video{margin:10px auto}` in its own stylesheet, which
   pushed the clip 10px down and left a black strip across the top of the
   hero (and another at the bottom). This pins the video to fill its layer.

   The scrim is a true top-down fade: solid #232019 at the very top, gone by
   about a third of the way down, then darkening again toward the sign-up
   panel. The old one went dark → light → dark, which read as banding.
   -------------------------------------------------------------------------- */
#dm .kbr .kbr-hero__media video{
  margin:0 !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:50% 42% !important;
}
#dm .kbr .kbr-hero__media > div{
  background:linear-gradient(180deg,#232019 0%,rgba(35,32,25,.90) 7%,rgba(35,32,25,.50) 17%,rgba(30,28,22,.26) 32%,rgba(21,20,15,.26) 55%,rgba(21,20,15,.62) 82%,rgba(21,20,15,.94) 100%) !important;
}

/* --------------------------------------------------------------------------
   2c. BOTTOM OF THE PAGE — sage fading into black
   Mirrors the hero's top fade, so the page opens out of black and closes back
   into it. It also means the dark overscroll gutter below is a continuation
   rather than an edge.

   It is a ::after on #site_content living inside 210px of added padding BELOW
   the form, so it never washes over the fields. The first stop is solid sage,
   matching the panel above it, which is why there is no seam.

   Do NOT instead make Duda's .flex-element.group backgrounds transparent to
   let a gradient show through from .dmInner — that exposes dark behind the
   form and looks broken. Tried it; this is the version that works.
   -------------------------------------------------------------------------- */
#dm #site_content{
  position:relative !important;
  padding-bottom:210px !important;
}
#dm #site_content::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important; right:0 !important; bottom:0 !important;
  height:212px !important;
  background:linear-gradient(180deg,
    #b7dcbd 0%,
    #a9cfaf 22%,
    #8aab90 44%,
    #5c6b58 66%,
    #33352a 86%,
    #232019 100%) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

/* --------------------------------------------------------------------------
   3. YOUR DUDA SIGN-UP FORM
   Selectors and specificity worked out against the live published page.
   Duda styles the field with `#dm .dmInner div.u_1649235844 input` + !important
   — specificity (1,2,2). The rule below is (1,3,1), which beats it. Don't
   simplify the selector or Duda wins again.
   VERIFIED applying live: background, border, radius, height, centring.
   -------------------------------------------------------------------------- */
#dm .dmInner .advanced-form-field input.advanced-form-input{
  background:#f6f3ea !important;
  border:1px solid #dcd9cf !important;
  border-radius:12px !important;
  height:56px !important;
  padding:0 20px !important;
  text-align:center !important;
  font-family:'Space Grotesk',system-ui,-apple-system,Arial,sans-serif !important;
  font-size:16px !important;
  color:#15140f !important;
  box-shadow:none !important;
}
#dm .dmInner .advanced-form-field input.advanced-form-input::placeholder{
  color:rgba(21,20,15,.42) !important;
}

/* The submit button is painted from Duda's own CSS variables through a
   two-ID selector, so overriding the variables beats fighting specificity.
   VERIFIED applying live: background colour.
   Its CORNER RADIUS and LABEL COLOUR ignore CSS entirely — set those in
   Duda's button design panel instead (see README). */
#dm .advanced-form-field,
#dm a.advanced-form-button{
  --btn-bg-color:#15140f !important;
  --btn-hover-bg-color:#000000 !important;
  --btn-text-color:#b7dcbd !important;
  --btn-border-color:#15140f !important;
}

/* --------------------------------------------------------------------------
   4. POLISH — none of this is load-bearing
   -------------------------------------------------------------------------- */
.kbr .kbr-hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");
  opacity:.18;mix-blend-mode:overlay;
}
@keyframes kbr-bob{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(6px);} }
.kbr .kbr-arrow{ animation:kbr-bob 2.4s ease-in-out infinite; }
.kbr .kbr-perk:nth-child(1) svg[viewBox="0 0 48 48"]{ transform:rotate(-4deg); }
.kbr .kbr-perk:nth-child(2) svg[viewBox="0 0 48 48"]{ transform:rotate(3.5deg); }
.kbr .kbr-perk:nth-child(3) svg[viewBox="0 0 48 48"]{ transform:rotate(-2.5deg); }
@media (min-width:1100px){ .kbr .kbr-hero{ min-height:min(92vh,900px); } }
@media (prefers-reduced-motion:reduce){
  .kbr .kbr-arrow{ animation:none; }
  .kbr .kbr-hero__media video{ display:none; }
}

/* ==================================================================== */
/*                     System Style Definitions                         */
/* ==================================================================== */
@media all {
	:root {
		--btn-border-l-color: rgba(0,0,0,0);
		--btn-border-b-width: 1px;
		--btn-border-r-color: rgba(0,0,0,0);
		--btn-text-direction: ltr;
		--btn-border-radius: 50px;
		--btn-border-t-width: 1px;
		--btn-border-tl-radius: var(--btn-border-radius);
		--btn-border-br-radius: var(--btn-border-radius);
		--btn-border-bl-radius: var(--btn-border-radius);
		--btn-bg-color: var(--color_1);
		--btn-border-r-width: 1px;
		--btn-border-tr-radius: var(--btn-border-radius);
		--btn-border-b-color: rgba(0,0,0,0);
		--btn-border-l-width: 1px;
		--btn-border-t-color: rgba(0,0,0,0);
		--btn-text-align: center;
		--btn-text-color: var(--color_3);
		--btn-text-decoration: none;
		--btn-text-font-weight: 400;
		--btn-icon-color: rgba(0,0,238,1);
		--btn-icon-fill: rgba(0,0,238,1);
		--btn-icon-wrpr-display: none;
		--btn-hover-border-b-color: var(--btn-hover-border-color);
		--btn-hover-bg: rgba(65,67,69,1);
		--btn-hover-border-t-color: var(--btn-hover-border-color);
		--btn-hover-border-r-color: var(--btn-hover-border-color);
		--btn-hover-border-l-color: var(--btn-hover-border-color);
		--btn-hover-border-color: rgba(65,67,69,1);
		--btn-hover-text-color: var(--color_3);
		--btn-hover-text-font-weight: var(--btn-text-font-weight);
		--btn-hover-text-decoration: var(--btn-text-decoration);
		--btn-hover-text-font-style: var(--btn-text-font-style);
	}
	.button_2 {
		--btn-border-l-color: var(--color_1);
		--btn-border-b-width: 1px;
		--btn-border-r-color: var(--color_1);
		--btn-text-direction: ltr;
		--btn-border-radius: 50px;
		--btn-border-t-width: 1px;
		--btn-border-tl-radius: var(--btn-border-radius);
		--btn-border-br-radius: var(--btn-border-radius);
		--btn-border-bl-radius: var(--btn-border-radius);
		--btn-bg-color: rgba(0, 0, 0, 0);
		--btn-border-r-width: 1px;
		--btn-border-tr-radius: var(--btn-border-radius);
		--btn-border-b-color: var(--color_1);
		--btn-border-l-width: 1px;
		--btn-border-t-color: var(--color_1);
		--btn-text-align: center;
		--btn-text-color: var(--color_1);
		--btn-text-decoration: none;
		--btn-text-font-weight: 400;
		--btn-icon-color: rgba(0,0,238,1);
		--btn-icon-fill: rgba(0,0,238,1);
		--btn-icon-wrpr-display: none;
		--btn-hover-border-b-color: var(--btn-hover-border-color);
		--btn-hover-bg: var(--color_1);
		--btn-hover-border-t-color: var(--btn-hover-border-color);
		--btn-hover-border-r-color: var(--btn-hover-border-color);
		--btn-hover-border-l-color: var(--btn-hover-border-color);
		--btn-hover-border-color: var(--color_1);
		--btn-hover-text-color: var(--color_3);
		--btn-hover-text-font-weight: var(--btn-text-font-weight);
		--btn-hover-text-decoration: var(--btn-text-decoration);
		--btn-hover-text-font-style: var(--btn-text-font-style);
	}
	:root {
		--section-padding-top: 4%;
		--section-padding-left: 0%;
		--section-padding-right: 0%;
		--section-padding-bottom: 4%;
		--column-padding-top: 16px;
		--column-padding-right: 16px;
		--column-padding-left: 16px;
		--column-padding-bottom: 16px;
		--inner-column-padding-left: 16px;
		--inner-column-padding-right: 16px;
		--inner-column-padding-top: 16px;
		--inner-column-padding-bottom: 16px;
	}
}
@media (min-width: 1025px) {
	:root {
		--btn-text-font-size: 16px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	:root {
		--btn-text-font-size: 14px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	:root {
		--btn-text-font-size: 16px;
	}
	.button_2 {
		--btn-text-font-size: 16px;
	}
	:root {
		--section-padding-left: 2%;
		--section-padding-right: 2%;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	:root {
		--btn-text-font-size: 13px;
	}
}
@media (min-width: 0px) and (max-width: 767px) {
	:root {
		--btn-text-font-size: 15px;
	}
	.button_2 {
		--btn-text-font-size: 15px;
	}
	:root {
		--section-padding-left: 4%;
		--section-padding-right: 4%;
	}
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] {
  border-radius: 7px;
  background-clip: border-box;
  box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:hover {
  box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC']:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BASIC'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] {
  border-radius: 0px;
  background-clip: border-box;
  box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDc1IDQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImhhdDAiIGdyYWRpZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9Ii0xLjQyMTA4NTQ3MTUyMDJlLTE0JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwNDA1MDUiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9Ijc1IiBoZWlnaHQ9IjQwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:hover {
  box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.4), inset 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC']:active {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 100px rgba(0, 0, 0, 0.1);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BIG_BASIC'] .hidden .iconBg + .text {
  margin-left: -40px;
  box-sizing: content-box;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] {
  background-clip: border-box;
  border-radius: 0px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'].flexButton {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .text {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] {
  box-shadow: inset 0 -6px 0 0 rgba(0, 0, 0, 0.2), 0 -3px 0 0 #ccc;
  transition: box-shadow 0.1s ease;
  position: relative;
  border-radius: 0px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover {
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 #ccc;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'].flexButton {
  padding: 13px 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .text {
  position: relative;
  top: -3px;
  transition: all 0.1s ease;
  padding: 13px 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY']:hover .text {
  top: 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='SQUISHY'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TRANSPARENT'] {
  border-radius: 5px / 4px;
  box-shadow: 0 0 18px rgba(5, 5, 6, 0.3);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] {
  background-clip: border-box;
  border-radius: 0px;
  padding: 0 0 0 40px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS']:before {
  content: "";
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
  display: block;
  position: absolute;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='TWO_COLORS'] .hidden .iconBg + .text {
  margin-left: -40px;
  box-sizing: content-box;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] {
  border-radius: 21px;
  background-clip: border-box;
  box-shadow: 0 3px 3px rgba(5, 5, 6, 0.07), inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:hover {
  box-shadow: 0 3px 3px rgba(5, 5, 6, 0.1);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTI1IiBoZWlnaHQ9IjM4IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED']:active {
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 3px 3px rgba(5, 5, 6, 0.3);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyNSAzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjUiIGhlaWdodD0iMzgiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUNDED'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] {
  background-clip: border-box;
  box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5);
  padding-left: 46px;
  border-radius: 0px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON']:hover {
  box-shadow: 0 1px 1px rgba(5, 5, 6, 0.5), inset 0 0 0 800px rgba(0, 0, 0, 0.1);
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .iconBg {
  background-color: #f7f7f7;
  top: 0;
  bottom: 0;
  margin: 0;
  width: 50px;
  text-align: center;
  display: block;
  height: 100%;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  opacity: 1;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .icon {
  display: inline-block;
  float: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='CONTRAST_ICON'] .hidden .iconBg + .text {
  margin-left: -40px;
  box-sizing: content-box;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] {
  overflow: hidden;
  background-clip: border-box;
  border-radius: 0px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .text {
  opacity: 1;
  display: inline-block;
  transition: all 0.3s;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .text {
  opacity: 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .iconBg {
  position: absolute;
  top: -200%;
  bottom: 0;
  margin: auto;
  width: 100%;
  left: 0;
  transition: all 0.3s;
  opacity: 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED']:hover .iconBg {
  top: 0;
  opacity: 1;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ANIMATED'] .icon {
  display: block;
  float: left;
  position: absolute;
  font-size: 27px;
  width: 100%;
  height: 100%;
  margin-top: -13px;
  top: 50%;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] {
  overflow: initial;
  background-clip: border-box;
  border-radius: 2px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'].flexButton {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .text {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] {
  border-radius: 6px;
  overflow: initial;
  background-clip: border-box;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'].flexButton {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .text {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='THICK_BORDER_ROUND'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] {
  background-clip: border-box;
  border-radius: 6px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'].flexButton {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .text {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] {
  background-clip: border-box;
  border-radius: 3px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'].flexButton {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .text {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_SOFT'] .iconBg {
  display: none;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] {
  background-clip: border-box;
  border-radius: 0px;
  padding: 0 0 0 40px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ICON'] .hidden .iconBg + .text {
  margin-left: -40px;
  box-sizing: content-box;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] {
  background-clip: border-box;
  border-radius: 6px;
  padding: 0 0 0 40px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'].flexButton {
  padding: 10px 7px 10px 47px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .text {
  padding: 10px 7px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .iconBg {
  display: block;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='FLAT_ROUND_ICON'] .hidden .iconBg + .text {
  margin-left: -40px;
  box-sizing: content-box;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] {
  overflow: initial;
  background-clip: border-box;
  border-radius: 1px;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'].flexButton {
  padding: 16px 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .text {
  padding: 16px 0;
}
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='BORDER_SHORT'] .iconBg {
  display: none;
}
@media (min-width: 768px) {
#dm .dmRespRow .dmRespCol > .dmWidget[data-buttonstyle='BORDER_SHORT'],
#dm .sticky-widgets-container-global .dmWidget[data-buttonstyle='BORDER_SHORT'],
#dm .sticky-widgets-container .dmWidget[data-buttonstyle='BORDER_SHORT'] {
  width: 222px;
}
}
#dm .dmWidget:not([data-buttonstyle]),
div.buttons ,
#dm .button_2 .dmWidget:not([data-buttonstyle]),
#dm .dmWidget.button_2:not([data-buttonstyle]),
div.buttons .button_2,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] {
  border-radius: 50px;
}
#dm .dmWidget:not([data-buttonstyle]).flexButton,
div.buttons .flexButton,
#dm .button_2 .dmWidget:not([data-buttonstyle]).flexButton,
#dm .dmWidget.button_2:not([data-buttonstyle]).flexButton,
div.buttons .button_2.flexButton,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'].flexButton {
  padding: 10px 0px;
}
#dm .dmWidget:not([data-buttonstyle]) .textonly,
#dm .dmWidget:not([data-buttonstyle]) input,
#dm .dmWidget:not([data-buttonstyle]) .text,
div.buttons  .text,
#dm .button_2 .dmWidget:not([data-buttonstyle]) .textonly,
#dm .button_2 .dmWidget:not([data-buttonstyle]) input,
#dm .button_2 .dmWidget:not([data-buttonstyle]) .text,
#dm .dmWidget.button_2:not([data-buttonstyle]) .textonly,
#dm .dmWidget.button_2:not([data-buttonstyle]) input,
#dm .dmWidget.button_2:not([data-buttonstyle]) .text,
div.buttons .button_2 .text,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] input,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .text {
  padding: 10px 0px;
}
#dm .dmWidget:not([data-buttonstyle]) .iconBg,
#dm .button_2 .dmWidget:not([data-buttonstyle]) .iconBg,
#dm .dmWidget.button_2:not([data-buttonstyle]) .iconBg,
#dm .dmOuter .dmInner .dmWidget[data-buttonstyle='ROUND_SIDES'] .iconBg {
  display: none;
}
#dm div.dmInner #site_content .dmWidget,
#dm div.dmInner .dmHeader .dmWidget {
    background-color: var(--btn-bg-color);
    border-color: var(--btn-border-color);
    border-bottom-color: var(--btn-border-b-color);
    border-left-color: var(--btn-border-l-color);
    border-right-color: var(--btn-border-r-color);
    border-top-color: var(--btn-border-t-color);
    border-radius: var(--btn-border-radius);
    border-bottom-left-radius: var(--btn-border-bl-radius);
    border-bottom-right-radius: var(--btn-border-br-radius);
    border-top-left-radius: var(--btn-border-tl-radius);
    border-top-right-radius: var(--btn-border-tr-radius);
    border-width: var(--btn-border-width);
    border-bottom-width: var(--btn-border-b-width);
    border-left-width: var(--btn-border-l-width);
    border-right-width: var(--btn-border-r-width);
    border-top-width: var(--btn-border-t-width);
    direction: var(--btn-text-direction);
    text-align: var(--btn-text-align);
}
#dm div.dmInner #site_content .dmWidget span.text,
#dm div.dmInner #site_content .dmformsubmit input {
    color: var(--btn-text-color);
    font-size: var(--btn-text-font-size);
    font-weight: var(--btn-text-font-weight);
    text-decoration: var(--btn-text-decoration);
}
#dm div.dmInner #site_content .dmWidget:hover,
#dm div.dmInner #site_content .dmWidget.hover,
#dm div.dmInner .dmHeader .dmWidget:hover,
#dm div.dmInner .dmHeader .dmWidget.hover {
    background: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
    border-bottom-color: var(--btn-hover-border-b-color);
    border-left-color: var(--btn-hover-border-l-color);
    border-right-color: var(--btn-hover-border-r-color);
    border-top-color: var(--btn-hover-border-t-color);
}
#dm div.dmInner #site_content .dmWidget:hover span.text,
#dm div.dmInner #site_content .dmWidget.hover span.text,
#dm div.dmInner .dmHeader .dmWidget:hover span.text,
#dm div.dmInner .dmHeader .dmWidget.hover span.text,
#dm div.dmInner #site_content .dmWidget:hover input[type="submit"],
#dm div.dmInner #site_content .dmWidget.hover input[type="submit"],
#dm div.dmInner .dmHeader .dmWidget:hover input[type="submit"],
#dm div.dmInner .dmHeader .dmWidget.hover input[type="submit"] {
    color: var(--btn-hover-text-color);
}
#dm div.dmInner #site_content .dmWidget span.icon,
#dm div.dmInner .dmHeader .dmWidget span.icon {
    color: var(--btn-icon-color);
    fill: var(--btn-icon-fill);
}
#dm div.dmInner #site_content .dmWidget:not([data-buttonstyle]) .iconBg,
#dm div.dmInner .dmHeader .dmWidget:not([data-buttonstyle]) .iconBg {
    display: var(--btn-icon-wrpr-display);
}
.dmBody [data-layout-grid] > .flex-element.group,
.dmFooterContainer [data-layout-grid] > .flex-element.group {
    padding-bottom: var(--section-padding-bottom);
    padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    padding-top: var(--section-padding-top);
}
.dmBody [data-layout-grid] > .flex-element.group > .flex-element.group,
.dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group {
    padding-bottom: var(--column-padding-bottom);
    padding-left: var(--column-padding-left);
    padding-right: var(--column-padding-right);
    padding-top: var(--column-padding-top);
}
.dmBody [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]),
.dmFooterContainer [data-layout-grid] > .flex-element.group > .flex-element.group .flex-element.group:not([data-layout-type] *):not([data-layout-type]) {
    padding-bottom: var(--inner-column-padding-bottom);
    padding-left: var(--inner-column-padding-left);
    padding-right: var(--inner-column-padding-right);
    padding-top: var(--inner-column-padding-top);
}
@media all {
  *#dm .dmInner *.u_1306770187 { width:100% !important; }

  *#dm .dmInner *.u_1581198931 { width:100% !important; }

  *#dm .dmInner div#hamburger-drawer.layout-drawer { background-color:rgba(255,255,255,1) !important; }

  *#dm .dmInner *.u_1040696130 { justify-content:center !important; }

  *#dm .dmInner *.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    margin-left:0 !important;
    padding-top:0 !important;
    padding-left:20px !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    padding-right:20px !important;
  }

  *#dm .dmInner nav.u_1040696130.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; }

  *#dm .dmInner a.u_1354841978:hover { background-image:none !important; }

  *#dm .dmInner a.u_1354841978.hover { background-image:none !important; }

  *#dm .dmInner *.u_1955933514 { width:100% !important; }

  *#dm .dmInner *.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item {
    margin-left:0 !important;
    padding-top:0 !important;
    padding-left:20px !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:0 !important;
    padding-right:20px !important;
  }

  *#dm .dmInner nav.u_1495895470.main-navigation.unifiednav .unifiednav__container:not([data-depth])>.unifiednav__item-wrap>.unifiednav__item { color:rgba(0,0,0,1) !important; }

  *#dm .dmInner *.u_1495895470 { justify-content:flex-end !important; }
}

@media (min-width:0) and (max-width:767px) {
  *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content.hamburger-reverse { transform:translate(-75vw,0) !important; }

  *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; }

  *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(0,100%) !important; }
}

@media (min-width:1025px) {
  *.stickyHeaderSpacer { height:249.2734375px !important; }
}

@media (min-width:768px) and (max-width:1024px) {
  *.stickyHeaderSpacer { height:249.2734375px !important; }

  div[dmtemplateid="FlexHeader"] .layout-drawer-overlay { background-color:rgba(0,0,0,0.6) !important; }

  *#dm .dmInner *#hamburger-drawer.layout-drawer[data-origin="top"]:not([data-auto-height]) { height:100% !important; }

  *[dmtemplateid="FlexHeader"].runtime-module-container.layout-drawer_open.layout-drawer_push-content { transform:translate(50vw,0) !important; }
}
@media all {
    
#flex-header[data-changeable-on-scroll][data-scrolling] [data-widget-type="image"] img {
    transform: scale(0.66);
}
#flex-header {
    background-color: rgba(184, 220, 189, 1);
    background-image: none;
    padding: 10px 0% 10px 0%;
    margin: 0px 0% 0px 0%;
}
#flex-header[data-changeable-on-scroll][data-scrolling] {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgba(255, 255, 255, 1);
}
}



@media all {
    
#flex-footer {
    background-color: rgba(184, 220, 189, 1);
    background-image: none;
}
}



@media (min-width: 1025px) {
}



@media (min-width: 768px) and (max-width: 1024px) {
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#flex-header {
}
}



@media (min-width: 768px) and (max-width: 1024px) {
    
#flex-footer {
}
}



@media (max-width: 767px) {
}



@media (max-width: 767px) {
    
#flex-header {
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
}
}



@media (max-width: 767px) {
    
#flex-footer {
}
}

