:root {
    /* Summary Section Parent */
    --hsd-mod-summary-section-background: #f8f8f8;

    /* Color for Heading AND Border */
    --hsd-mod-summary-section-highlight-color: #007cc0;

    /* p / ul */
    --hsd-mod-ss-p-ul-color: #000;
  }

  .hsd-mod-summary-section {
    display: flex;
    flex-flow: column;
    gap: 12px;

    max-width: 1440px;
    width: 100%;
    padding: 32px 2rem 44px;
    margin: 32px 0;
    box-sizing: border-box;

    background: var(--hsd-mod-summary-section-background) !important;
    border-left: 4px solid var(--hsd-mod-summary-section-highlight-color) !important;

    transition: all 0.1s ease-out;
  }
  .hsd-mod-summary-section:hover {
    padding-left: calc(2rem - 4px);

    border-left: 8px solid var(--hsd-mod-summary-section-highlight-color) !important;
  }

  .hsd-mod-summary-section span {
    margin: 0 0 8px !important;

    font-size: clamp(16px, 2vw, 18px) !important;
    color: var(--hsd-mod-summary-section-highlight-color) !important;
    text-transform: uppercase !important;
  }

  .hsd-mod-summary-section p,
  .hsd-mod-summary-section ul {
    margin: 0 !important;

    font-size: clamp(12px, 2vw, 14px) !important;
    color: var(--hsd-mod-ss-p-ul-color) !important;
  }

  @media screen and (max-width: 767px) {
    .hsd-mod-summary-section ul {
      padding-left: 20px !important;
    }
    .hsd-mod-summary-section li {
      margin-bottom: 8px !important;
    }
  }

/* Content w/ Lifestyles customizable root variables */
:root {
  /* cwl = Content w/ Lifestyles */

  /* Accent Class */
  --hsd-mod-cwl-50-50-accent-background-color: #000;
  --hsd-mod-cwl-50-50-accent-text-color: #fff;
  --hsd-mod-cwl-50-50-accent-link-color: #fff;
}

/* Module Parent */
.hsd-mod-content-w-lifestyle-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  justify-items: center;
  max-width: 1440px;
  width: 100%;
}

/* Image Cont */
.hsd-mod-cwl-50-50-img {
  width: 100%;
  height: 100%;
}
.hsd-mod-cwl-50-50-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Content Cont */
.hsd-mod-cwl-50-50-content {
  margin: 1rem;
  padding: 4rem;
  box-sizing: border-box;
}

/*  ** Optional Classes ** */

/* Reverse Class */
/* (swaps image and content position when added) */
.hsd-mod-cwl-50-50-reverse {
  grid-template-columns: 50% 50%;
}
.hsd-mod-cwl-50-50-reverse .hsd-mod-cwl-50-50-content {
  order: 1;
}

/* Accent styling */
.hsd-mod-cwl-50-50-accent {
  color: var(--hsd-mod-cwl-50-50-accent-text-color) !important;
  background-color: var(--hsd-mod-cwl-50-50-accent-background-color);
}
.hsd-mod-cwl-50-50-accent a {
  color: var(--hsd-mod-cwl-50-50-accent-link-color) !important;
}

/* Split 1 image: stack two images vertically to look like one image */
.hsd-mod-cwl-50-50-img--stacked {
  height: auto;
}

.hsd-mod-cwl-50-50-img--stacked img {
  display: block;
  width: 100%;
  height: auto !important;
  margin: 0;
  padding: 0;
}

/* Media Query for mobile */
@media screen and (max-width: 767px) {
  /* Module Parent */
  .hsd-mod-content-w-lifestyle-50-50 {
    grid-template-columns: 1fr;
  }

  /* Content Cont */
  .hsd-mod-cwl-50-50-content {
    margin: 1rem;
    padding: 1rem;
  }

  /* Have the content above the image */
  .hsd-mod-content-w-lifestyle-50-50 .hsd-mod-cwl-50-50-content {
    order: 2;
  }
}
  /* Responsive Table Module Styles */
  :root {
    --hsd-rt-scrollbar-color: #f2f2f2 transparent;
    --hsd-rt-webkit-scrollbar-thumb-color: #f2f2f2;
    --hsd-rt-webkit-scrollbar-track-color: transparent;
  }

  /* Table Scroll Label Module Styles */
  :root {
    /* ::before */
    --hsd-mod-tsl-before-background: transparent;
    --hsd-mod-tsl-before-color: #000;
    --hsd-mod-tsl-before-font-size: 14px;
  }

  /* If the table starts scrolling before 650px screensize, update
    the max-width to the screen size where scrolling starts */
  @media screen and (max-width: 716px) {
    .hsd-mod-table-scroll-label:before {
      content: "Scroll to see more \2192";
    }
  }
  @media screen and (max-width: 650px) {
    .hsd-mod-table-scroll-label:before {
      content: "Drag to see more \2192";
    }
  }

  /* Responsive Table Module Styles */
  .hsd-mod-responsive-table {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1rem;
  }

  /* Scroll For Overflow */
  .hsd-mod-rt-scroll-cont {
    max-width: 100%;

    overflow-x: scroll;
    scrollbar-color: var(--hsd-rt-scrollbar-color);
  }
  .hsd-mod-rt-scroll-cont::-webkit-scrollbar-thumb {
    background: var(--hsd-rt-webkit-scrollbar-thumb-color);
  }
  .hsd-mod-rt-scroll-cont::-webkit-scrollbar-track {
    background: var(--hsd-rt-webkit-scrollbar-track-color);
  }

  /* Table */
  .hsd-mod-rt-table {
    max-width: 100% !important;
    width: 100% !important;
    margin: 1rem 0px;

    border-collapse: collapse;
  }

  .hsd-mod-rt-table th,
  .hsd-mod-rt-table td {
    min-width: 150px;
    padding: 8px;

    border: 1px solid #ddd;
    text-align: center;
  }

  .hsd-mod-rt-table thead th {
    background-color: #f2f2f2;
    color: #333;
  }

  .hsd-mod-rt-table tr:nth-child(even) {
    background-color: #f9f9f9;
  }

  .hsd-mod-rt-table tr:hover {
    background-color: #f1f1f1;
  }

  .hsd-mod-rt-table td {
    color: #555;
  }

  :is(.hsd-mod-rt-table td ul, .hsd-mod-rt-table td ol) {
    display: table;
    margin: 0 auto;
    list-style-position: inside;
    
    text-align: left;
  }

  .hsd-mod-rt-show-mobile {
    display: none;

    text-align: center;
  }

  @media screen and (min-width: 740px) {
    /* hide scrollbar but allow scrolling */
    .hsd-mod-rt-scroll-cont {
      /* -ms-overflow-style: none;  */
      /* for Internet Explorer, Edge */
      /* scrollbar-width: none;  */
      /* for Firefox */
      overflow-y: scroll;
    }

    .hsd-mod-rt-scroll-cont::-webkit-scrollbar {
      display: none; /* for Chrome, Safari, and Opera */
    }
  }

  @media screen and (max-width: 740px) {
    .hsd-mod-rt-show-mobile {
      display: block;
      text-align: center;
    }
  }

  /* Table Scroll Label Mod Styles */
  .hsd-mod-table-scroll-label {
    position: relative;
  }

  .hsd-mod-table-scroll-label:before {
    position: sticky;
    top: 0;
    left: 0;

    padding-left: 8px;

    background: var(--hsd-mod-tsl-before-background);
    color: var(--hsd-mod-tsl-before-color) !important;
    font-size: var(--hsd-mod-tsl-before-font-size) !important;
    font-style: italic;
  }

  /* Full-width Hero */
  :root {
    /* Desktop Gradient Overlay | Desktop Background Image */
    --hsd-mod-bhwc-desktop-bg: url("https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=897283");
    /* Mobile Gradient Overlay | Mobile Background Image */
    --hsd-mod-bhwc-mobile-bg: url("https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=897282");

    /* Hero Styles */
    --hsd-mod-bhwc-hero-font-color: white;

    /* Adjust the position of the btns and body on mobile */
    /* switch from column to column-reverse if requested */
    --hsd-mod-bhwc-mobile-btn-body-position: column;

    /* Change the mobile bg-position AND padding ONLY IF there is only an <h1> */
    /* IF <h1>+content+ctas: center 20% | IF content/ctas removed: center 13% */
    --hsd-mod-bhwc-mobile-mobile-bg-position: center 20%;
    /* IF <h1>+content+ctas: 270px 5vw 9vw | IF content/ctas removed: 185px 5vw 9vw */
    --hsd-mod-bhwc-mobile-padding: 270px 5vw 9vw;
  }

  .hsd-mod-background-hero-w-content {
    width: 100%;

    height: auto;
    margin: 0 auto;
    padding: 5vw;

    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0) 100%), var(--hsd-mod-bhwc-desktop-bg) no-repeat center;
    background-size: cover;
    background-position: center 64%;
  }
  .hsd-mod-bhwc-content-cont {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    gap: 24px;

    max-width: 1440px;
    margin: 0 auto;
  }
  .hsd-mod-bhwc-body-btn-cont {
    display: flex;
    flex-flow: column;
    gap: 12px;
    max-width: 38vw;

    color: var(--hsd-mod-bhwc-hero-font-color) !important;
    font-size: 16px !important;
  }
  .hsd-mod-bhwc-body-btn-cont .row a {
    width: 100% !important;
  }

  .hsd-mod-bhwc-body-cont p:last-of-type {
    margin: 0 !important;
  }

  .hsd-mod-bhwc-content-cont h1 {
    display: flex;
    flex-flow: column;
    gap: 8px;
    margin: 12px 0 0;

    color: var(--hsd-mod-bhwc-hero-font-color) !important;
    font-size: 48px !important;
    line-height: 1.2;
  }
  .hsd-mod-bhwc-content-cont h1 span {
    margin: 0;
    font-size: 24px !important;
  }
  @media screen and (max-width: 850px) {
    .hsd-mod-bhwc-content-cont {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0;
    }
    .hsd-mod-bhwc-content-cont {
      max-width: 100%;

      color: var(--hsd-mod-bhwc-hero-font-color) !important;
      font-size: 16px !important;
      text-align: center;
    }
    .hsd-mod-bhwc-content-cont h1 span {
      display: block;
    }
    .hsd-mod-bhwc-content-cont h1 {
      font-size: 36px !important;
      line-height: 1.2;
    }
    .hsd-mod-background-hero-w-content {
      display: flex;
      align-items: end;
      width: 100%;
      padding: var(--hsd-mod-bhwc-mobile-padding);
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.7) 65%, rgba(0, 0, 0, 0.3) 100%), var(--hsd-mod-bhwc-mobile-bg) no-repeat center;
      background-size: cover;
      background-position: center 17%;
    }

    .hsd-mod-bhwc-body-btn-cont {
      max-width: 100%;

      flex-flow: var(--hsd-mod-bhwc-mobile-btn-body-position);
    }
  }

  @media screen and (max-width: 720px) {
    .hsd-mod-background-hero-w-content {
      background-position: var(--hsd-mod-bhwc-mobile-mobile-bg-position);
    }
  }

  /* |=-----------------------=| */
  /*  Mod - DEP Button Container */
  /* |=-----------------------=| */

  /* Change colors to match client's website */
  :root {
    /*  Button Default */
    --hsd-mod-dep-btn-background: #000;
    --hsd-mod-dep-btn-border: var(--hsd-mod-dep-btn-background);
    --hsd-mod-dep-btn-font-color: #fff;
    --hsd-mod-dep-btn-border-radius: 0;
    /*  Button :hover */
    --hsd-mod-dep-btn-background-hover: grey;
    --hsd-mod-dep-btn-border-hover: var(--hsd-mod-dep-btn-background-hover);
    --hsd-mod-dep-btn-font-color-hover: #fff;
  }

  /* Button Container */
  .hsd-mod-dep-btn-container {
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    margin: 10px 0px;
  }

  /* Button */
  .hsd-mod-dep-btn {
    width: 100%;
    padding: 15px 20px;
    margin: 0 2px;

    background-color: var(--hsd-mod-dep-btn-background);
    border: 1px solid var(--hsd-mod-dep-btn-border);
    border-radius: var(--hsd-mod-dep-btn-border-radius);

    color: var(--hsd-mod-dep-btn-font-color) !important;
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none !important;

    transition: all 0.25s ease-out;
  }
  /* Button :hover */
  .hsd-mod-dep-btn:hover {
    background-color: var(--hsd-mod-dep-btn-background-hover);
    border: 1px solid var(--hsd-mod-dep-btn-border-hover);

    color: var(--hsd-mod-dep-btn-font-color-hover) !important;
  }

  @media screen and (max-width: 727px) {
    /* Button Container */
    .hsd-mod-dep-btn-container {
      flex-flow: column;
    }

    /* Button */
    .hsd-mod-dep-btn {
      width: 100% !important;
      padding: 15px 0;
      margin: 2px 0;
    }
  }

div#content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}
#content .region, .default_padding {
    padding: 0px !important;
}
.mw_full {
    width: 100% !important;
}
.customContent {
max-width: 1350px;
margin: 0 auto;
}

h1.heading-h1.thm-hglight-text_color.thm-hglight_border {
    text-align: center !important;
}

/* Style the breadcrumblist */
#hsd-breadcrumbs { 
  text-align:center;
  padding: 1rem; 
  margin:0.5rem auto; 
}
ul.breadcrumb {
  padding: 0.5rem !important;
  list-style: none;
  border-bottom: solid 1px #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  margin: 0px !important;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: #eee;
  content: "/ ";
}

ul.breadcrumb li a {
  text-decoration: none;
}

ul.breadcrumb li a:hover {
  text-decoration: underline;
}.revwid-container .revwid-box {
    height: 100%;
}
:root {
    --hsd-mod-eo-font-color: #000;
    --hsd-mod-eo-background-color: #f6f6f6;
    --hsd-mod-eo-border: 1px solid #d5d5d5;
    --hsd-mod-eo-drop-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

.hsd-author {
    margin-top: 100px;
}
  .hsd-mod-expert-opinion {
    max-width: 1440px;
    margin: 0 auto;
    padding: 4rem 2rem;
    position: relative;
  }

  .hsd-mod-eo-opinion {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 24px;
    padding: 92px 25px 35px 25px;
    border-radius: 4px;
    border: var(--hsd-mod-eo-border);
    box-shadow: var(--hsd-mod-eo-drop-shadow);
    background-color: var(--hsd-mod-eo-background-color);
  }

  .hsd-mod-eo-icon-cont {
    position: absolute;
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: center;
    left: 50%; 
  transform: translate(-50%, -50%);
  }
  .hsd-mod-eo-avatar-cont {
    position: relative;
    width: 100%;
    top: 60px;
    display: flex;
    justify-content: center;
    left: 50%;
  transform: translate(-50%, -50%);
  }
  .hsd-mod-eo-avatar {
    width: 120px;
    border-radius: 50%;
  }

  .hsd-mod-eo-title {
    color: #000;
    font-size: 1.5em;
    font-weight: 900;
    line-height: 36px; /* 150% */
    margin: 0 !important;
  }

  .hsd-mod-eo-content {
    color: #000;
    line-height: 26px;
    margin: 0 !important;
    padding: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
  }

  .hsd-mod-eo-name {
    color: var(--hsd-mod-eo-font-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin: 0 !important;
  }

  .hsd-mod-eo-name a {
    text-decoration: none;
  }

  @media screen and (max-width: 850px) {
    .hsd-mod-eo-title {
      font-size: 20px;
      font-weight: 500;
      line-height: 25px; /* 125% */
    }

    .hsd-mod-eo-content {
      font-size: 14px;
      line-height: 22px; /* 157.143% */
    }
    .hsd-mod-eo-icon-cont {
        height: 100px;
    }
  }

  @media screen and (max-width: 375px) {
    .hsd-mod-eo-opinion {
      max-height: 574px;
      overflow-y: scroll;
    }
  }