.is-hidden-desktop, #trelegy-asthma-200-heading {
    display: block;
}

@media only screen and (min-width: 1200px) {
    .is-hidden-desktop, #trelegy-asthma-200-heading {
        display:none;
    }
}

.is-hidden-mobile {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .is-hidden-mobile {
        display:block;
    }
}

#trelegy-asthma-200-heading, #trelegy-asthma-100-heading {
  .is-hidden-desktop {
      padding-top: 24px;
  }
}

/* ============================================================
   Trelegy responsive tables – Variant 3 styling
   Mobile breakpoint ends at 1199px. Desktop is 1200px onwards
   ============================================================ */

:root{
  --trelegy-text: #2B2B2B;
  --trelegy-divider: #8E8E8E;
  --trelegy-gutter: 15px;     
  --trelegy-radius: 4px;     
  --trelegy-gutter-mobile: 10px;
}

/* ---------------------------
   Shared wrapper + hard reset
---------------------------- */
#trelegy-table-copd,
#trelegy-table-asthma{
  position: relative !important;
  border-radius: var(--trelegy-radius) !important;
  overflow: hidden !important;
  background: #fff !important;

  /* draw border with ::after to avoid corner clipping */
  border: 0 !important;
  box-sizing: border-box !important;
}

#trelegy-table-copd table,
#trelegy-table-asthma table,
#trelegy-table table.trelegy-table-v2{
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;

  position: relative !important;
  z-index: 1 !important;
  table-layout: fixed !important; /* helps ignore width attrs visually */
}

@media only screen and (min-width: 1200px) {
  #trelegy-table-copd,
  #trelegy-table-asthma, 
  #trelegy-table table.trelegy-table-v2{
    max-width: 1170px;
    margin: 0 auto !important;
  }
}

/* Hard reset any global table gridlines */
#trelegy-table-copd td,
#trelegy-table-asthma td{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  font-size: 14px !important;
  line-height: 24px !important;
  color: var(--trelegy-text) !important;

  vertical-align: middle !important;
  padding: 5px var(--trelegy-gutter) !important; /* 5px 15px */
  background-clip: padding-box !important;
}

#trelegy-table-copd td:first-child,
#trelegy-table-asthma td:first-child{
  text-align: left !important;
  padding-left: var(--trelegy-gutter) !important;
}

#trelegy-table-copd td:not(:first-child),
#trelegy-table-asthma td:not(:first-child){
  text-align: center !important;
}

/* RTE cleanup */
#trelegy-table-copd td p,
#trelegy-table-asthma td p{
  margin: 0 !important;
}

#trelegy-table-copd tr.alt td,
#trelegy-table-asthma tr.alt td{
  background: transparent !important;
  padding-bottom: 15px !important;
}

/* Last row needs extra bottom padding */
#trelegy-table-copd table tbody tr:last-child td,
#trelegy-table-asthma table tbody tr:last-child td{
  padding-bottom: 15px !important;
}
/* Fallback if no <tbody> */
#trelegy-table-copd table tr:last-child td,
#trelegy-table-asthma table tr:last-child td{
  padding-bottom: 15px !important;
}

/* ---------------------------
   COPD theme
---------------------------- */
#trelegy-table-copd::after,
#trelegy-table table.trelegy-table-v2::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border: 2px solid #8D684B !important; /* tan outline */
  border-radius: var(--trelegy-radius) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Header row: padding 15px, background #8D684B */
#trelegy-table-copd tr:first-child td{
  background: #8D684B !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 15px var(--trelegy-gutter) !important;
}

/* Group headers: inset divider + header padding */
#trelegy-table-copd tr.table-group-header td{
  font-weight: 700 !important;
  padding: 15px 15px 5px 15px !important;
  position: relative !important;
}

/* Inset divider line (drawn on the colspan cell) */
#trelegy-table-copd tr.table-group-header td::before{
  content: "" !important;
  position: absolute !important;
  left: var(--trelegy-gutter) !important;
  right: var(--trelegy-gutter) !important;
  top: 0 !important;
  height: 2px !important;
  background: var(--trelegy-divider) !important;
}

/* No divider directly under header row */
#trelegy-table-copd tr:first-child + tr.table-group-header td::before{
  content: none !important;
}

/* ---------------------------
   ASTHMA theme
---------------------------- */
#trelegy-table-asthma::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border: 2px solid #BFE8E4 !important; /* aqua outline */
  border-radius: var(--trelegy-radius) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Header row: padding 15px, mint background */
#trelegy-table-asthma tr:first-child td{
  background: #C2E8E6 !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 15px var(--trelegy-gutter) !important;
}

/* Group headers: inset divider + header padding */
#trelegy-table-asthma tr.table-group-header td{
  font-weight: 700 !important;
  padding: 15px 15px 5px 15px !important;
  position: relative !important;
}

/* Inset divider line (drawn on the colspan cell) */
#trelegy-table-asthma tr.table-group-header td::before{
  content: "" !important;
  position: absolute !important;
  left: var(--trelegy-gutter) !important;
  right: var(--trelegy-gutter) !important;
  top: 0 !important;
  height: 2px !important;
  background: var(--trelegy-divider) !important;
}

/* No divider directly under header row */
#trelegy-table-asthma tr:first-child + tr.table-group-header td::before{
  content: none !important;
}

/* ASTHMA desktop/mobile swap */
#trelegy-table-asthma .table-desktop{ display: none !important; }
#trelegy-table-asthma .table-mobile{ display: block !important; }

@media (min-width: 1200px){
  #trelegy-table-asthma .table-desktop{ display: block !important; }
  #trelegy-table-asthma .table-mobile{ display: none !important; }
  #trelegy-table-copd td,
    #trelegy-table-asthma td{
        font-size: 16px !important;
    }
}

#trelegy-table-copd td .table-title-highlight-1, 
#trelegy-table table.trelegy-table-v2 tbody tr:first-child td .table-title-highlight-1{
  color: #DBFFFD !important;
}

#trelegy-table-copd tr:first-child td:last-child,
#trelegy-table-copd tr:first-child td * {
  color: #fff !important;
}

/* ============================================================
   Variant 3 – MOBILE refinements (Figma: Table Variant 3 / Mobile)
   Applies to ASTHMA table’s .table-mobile (<=1199px)
   ============================================================ */

@media (max-width: 1199px){
  /* let the table breathe on small screens */
  #trelegy-table-asthma{
    max-width: 100% !important;
  }

  /* base cell sizing + spacing (mobile) */
  #trelegy-table-asthma .table-mobile td{
    padding: 10px 0 5px 10px !important;
    vertical-align: middle !important;
  }

  /* header row (mint bar) */
  #trelegy-table-asthma .table-mobile tr:first-child td{
    background: #C2E8E6 !important;
    font-weight: 700 !important;
    padding: 22px 0 !important;
  }

  /* section (group) headers like “Infections & infestations” */
  #trelegy-table-asthma .table-mobile tr.table-group-header td{
    font-weight: 700 !important;
    padding: 22px 10px 5px 10px !important;
  }

  /* divider line between groups (darker on mobile per Figma) */
  #trelegy-table-asthma .table-mobile tr.table-group-header td::before{
    height: 2px !important;
    background: #2B2B2B !important;
    opacity: 0.75 !important;
    left: 10px !important;
  }

  /* ensure the “highlight” numeric column reads teal + bold */
  #trelegy-table-asthma .table-mobile .body-highlight-2{
    color: #205C5B !important;
    font-weight: 700 !important;
  }

  /* keep row bottoms aligned with Figma spacing */
  #trelegy-table-asthma .table-mobile tr.alt td{
    padding-bottom: 14px !important;
  }

  #trelegy-table-asthma .table-mobile table tbody tr:last-child td,
  #trelegy-table-asthma .table-mobile table tr:last-child td{
    padding-bottom: 20px !important;
  }
  /* Mobile: widen first column + remove right padding (per Figma) */
  #trelegy-table-asthma .table-mobile td:first-child{
    width: 180px !important;                 /* increase first column width */
    padding-right: 0 !important;           /* no right padding */
  }

  #trelegy-table-asthma .table-mobile td:nth-child(2){
    width: 80px !important;     
    padding-left: 0 !important;                   
  }
  #trelegy-table-asthma .table-mobile td:nth-child(3){
    width: 50px !important;  
    padding-left: 0 !important;              
  }
  #trelegy-table-copd td:first-child,
  #trelegy-table-asthma td:first-child{
    padding-left: var(--trelegy-gutter-mobile) !important;
  }
  #trelegy-table-copd tr.table-group-header td{
    padding: 15px 0 5px 10px !important;
  }
  #trelegy-table-copd tr.table-group-header td::before{
    left: var(--trelegy-gutter-mobile) !important;
  }
}

/* FULFIL tables – CUSTOM 02-2 (Table variant 2) */

/* remove default HTML 'border=1' cell gridlines */
table.trelegy-table-v2 td,
table.trelegy-table-v2 th,
#trelegy-table table.trelegy-table-v2 td,
#trelegy-table table.trelegy-table-v2 th{
  border: 0 !important;
}

table.trelegy-table-v2 td,
#trelegy-table table.trelegy-table-v2 td{
  padding: 15px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.25;
}

table.trelegy-table-v2 td,
#trelegy-table table.trelegy-table-v2 td,
#trelegy-table table.trelegy-table-v2 td p{
  font-size: 16px;
}

/* remove default RTE paragraph spacing inside cells */
table.trelegy-table-v2 p,
#trelegy-table table.trelegy-table-v2 p{ margin: 0; }

/* header row */
table.trelegy-table-v2 tbody tr:first-child td,
#trelegy-table table.trelegy-table-v2 tbody tr:first-child td{
  background: #8A684A !important;
  color: #ffffff !important;
  font-weight: 700;
  text-align: center !important;
}

table.trelegy-table-v2 tbody tr:first-child td *,
#trelegy-table table.trelegy-table-v2 tbody tr:first-child td *{
  color: #ffffff !important;
}

/* zebra striping (skip header row) */
table.trelegy-table-v2 tbody tr:not(:first-child):nth-child(odd) td,
#trelegy-table table.trelegy-table-v2 tbody tr:not(:first-child):nth-child(odd) td{
  background: #F2F3F7;
}

table.trelegy-table-v2 tbody tr:not(:first-child):nth-child(even) td,
#trelegy-table table.trelegy-table-v2 tbody tr:not(:first-child):nth-child(even) td{
  background: #fff;
}

/* body alignment */
table.trelegy-table-v2 tbody tr:not(:first-child) td:first-child,
#trelegy-table table.trelegy-table-v2 tbody tr:not(:first-child) td:first-child{
  text-align: center !important;
  padding-left: 10px;
}

table.trelegy-table-v2 td{
  text-align: center !important;
}

/* rounded corners (works with border-collapse: separate) */
table.trelegy-table-v2 tbody tr:first-child td:first-child,
#trelegy-table table.trelegy-table-v2 tbody tr:first-child td:first-child{ border-top-left-radius: 6px; }

table.trelegy-table-v2 tbody tr:first-child td:last-child,
#trelegy-table table.trelegy-table-v2 tbody tr:first-child td:last-child{ border-top-right-radius: 6px; }

table.trelegy-table-v2 tbody tr:last-child td:first-child,
#trelegy-table table.trelegy-table-v2 tbody tr:last-child td:first-child{ border-bottom-left-radius: 6px; }

table.trelegy-table-v2 tbody tr:last-child td:last-child,
#trelegy-table table.trelegy-table-v2 tbody tr:last-child td:last-child{ border-bottom-right-radius: 6px; }

/* match Figma emphasis color */
table.trelegy-table-v2 .title-highlight-2,
table.trelegy-table-v2 .title-highlight-2 *,
#trelegy-table table.trelegy-table-v2 .title-highlight-2,
#trelegy-table table.trelegy-table-v2 tbody tr:first-child td .title-highlight-2,
#trelegy-table table.trelegy-table-v2 tbody tr:first-child td .title-highlight-2 *{
  color: #205C5B !important;
}

@media (max-width: 1199px){
  table.trelegy-table-v2 td,
  #trelegy-table table.trelegy-table-v2 td{
    padding: 10px 5px;
  }

  table.trelegy-table-v2 td,
  #trelegy-table table.trelegy-table-v2 td,
  #trelegy-table table.trelegy-table-v2 td p{
    font-size: 14px;
  }

  table.trelegy-table-v2 tbody td:first-child,
  #trelegy-table table.trelegy-table-v2 tbody td:first-child{
    padding-left: 10px;
    width: 38%;
  }
  table.trelegy-table-v2 tbody td:first-child,
  #trelegy-table table.trelegy-table-v2 tbody td:last-child{
    width: 36%;
  }

    table.trelegy-table-v2.impact-study tbody td:first-child,
  #trelegy-table table.trelegy-table-v2.impact-study tbody td:first-child{
    width: 28%;
  }
  table.trelegy-table-v2.impact-study tbody td:first-child,
  #trelegy-table table.trelegy-table-v2.impact-study tbody td:last-child{
    width: auto;
  }
}

/**********************
 * DOSING TABLE (Figma 32130:2986)
 * Target: #dosing-table-container
 * Updated: uses DAM checkmark PNGs (blue + grey) for 1:1 checks
 **********************/
:root{
  --dt-navy:#061f5c;
  --dt-yellow:#ffd24a;
  --dt-border:#d6dde8;
  --dt-row:#f4f6f9;
  --dt-text:#0b0f1a;
  --dt-muted:#5b677a;

  /* checkmarks */
  --dt-check-blue-url:url("/content/dam/brs-pharma-us/trelegyhcp-v5/en_US/blue-check.png");
  --dt-check-grey-url:url("/content/dam/brs-pharma-us/trelegyhcp-v5/en_US/grey-check.png");

  /* Adjust if your Figma export differs */
  --dt-check-size:28px;
}

/* ===== Navy panel wrapper ===== */
#dosing-table-container{
  background:var(--dt-navy);
  padding:64px 0 56px;
}

/* Center the table within the navy panel */
#dosing-table-container .trelegy-main-block{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

/* Hide duplicate headline paragraph above table on desktop only */
@media (min-width:769px){
  #dosing-table-container > p.rte-fs-body1:first-of-type{ display:none; }
}

/* ===== Desktop vs Mobile blocks ===== */
#dosing-table-container .trelegy-block-desktop{ 
  display:block; 
  padding-bottom: 12px;
}
#dosing-table-container .trelegy-block-mobile{ 
  display:none; 
}

/**********************
 * DESKTOP TABLE
 **********************/
#dosing-table-container table.trelegy-table-block{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  background:#fff;
  border: none;
}

/* Header cells */
#dosing-table-container table.trelegy-table-block thead.table-header th{
  padding:16px 12px;
  text-align:center;
  vertical-align:top;
  background:#fff;
  color:var(--dt-text);
  border-bottom: none;
}

/* Left header “headline” cell (navy) */
#dosing-table-container table.trelegy-table-block thead.table-header th.showhide{
  width:50%;
  text-align:left;
  background:var(--dt-navy);
  color:#fff;
  border-bottom:0;
  padding:22px 22px;
  border-right:5px solid var(--dt-navy);
}

/* Headline typography inside the cell */
#dosing-table-container .trelegy-heading-4{
  display:block;
  font-family:"Roboto Condensed", Arial, sans-serif;
  font-weight:700;
  font-size:28px;
  line-height:1.2;
}
#dosing-table-container .trelegy-white{ color:#fff; }
#dosing-table-container .trelegy-headline-yellow{ color:var(--dt-yellow); }

/* Product header typography */
#dosing-table-container table.trelegy-table-block thead.table-header th p{ margin:0; }
#dosing-table-container table.trelegy-table-block thead.table-header th p.th-font1{
  font-size:16px;
  line-height: 1;
  font-weight:700;
  color:var(--dt-muted);
  text-transform:uppercase;
  padding-bottom: 10px;
}
#dosing-table-container table.trelegy-table-block thead.table-header th p.th-font2{
  margin-top:4px;
  font-size:24px;
  font-weight:800;
  color:var(--dt-text);
}

/* Strong navy vertical dividers */
#dosing-table-container table.trelegy-table-block thead th:nth-child(2),
#dosing-table-container table.trelegy-table-block tbody td:nth-child(2){
  border-right:5px solid var(--dt-navy);
}
#dosing-table-container table.trelegy-table-block thead th:nth-child(3),
#dosing-table-container table.trelegy-table-block tbody td:nth-child(3){
  border-right:5px solid var(--dt-navy);
}

/* Body rows */
#dosing-table-container table.trelegy-table-block tbody.table-body td{
  padding:16px 16px;
  border-bottom: none;
  vertical-align:middle;
  font-size:20px;
  line-height: 1;
  color:var(--dt-text);
}

/* Alternating row background */
#dosing-table-container table.trelegy-table-block tbody.table-body tr:nth-child(odd) td{ background:var(--dt-row); }
#dosing-table-container table.trelegy-table-block tbody.table-body tr:nth-child(even) td{ background:#fff; }

/* Row label column thick divider */
#dosing-table-container table.trelegy-table-block tbody.table-body td:first-child{
  width:50%;
  border-right:5px solid var(--dt-navy);
}

/* Center check columns */
#dosing-table-container table.trelegy-table-block tbody.table-body td:not(:first-child){
  text-align:center;
}

/* ===== CHECKMARKS (DESKTOP) — PNG-based (overrides any prior CSS-drawn checks) ===== */
#dosing-table-container td.tickmark::before,
#dosing-table-container td.tickmarkgrey::before{
  content:"";
  display:inline-block;
  width:var(--dt-check-size);
  height:var(--dt-check-size);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  transform:none;              /* ensure no rotate from earlier versions */
  border:0;                    /* ensure no border-drawn check remains */
  margin:0;                    /* center via cell text-align */
  vertical-align:middle;
}
#dosing-table-container td.tickmark::before{ background-image:var(--dt-check-blue-url); }
#dosing-table-container td.tickmarkgrey::before{ background-image:var(--dt-check-grey-url); }

/* Optional: prevent any existing inline images in those cells from showing (if present) */
#dosing-table-container td.tickmark img,
#dosing-table-container td.tickmarkgrey img{ display:none !important; }

/* Tighten superscripts in headers */
#dosing-table-container table.trelegy-table-block sup{
  font-size:0.7em;
  line-height:0;
}

#dosing-table-container  .trelegy-color-darker-tan {
  color: #854A1B;
}

#dosing-table-container  .trelegy-color-dark-mint {
  color: #205C5B;
}

/**********************
 * MOBILE (stacked block layout)
 **********************/
@media (max-width:1199px){
  #dosing-table-container{ padding:40px 0; }
  #dosing-table-container .trelegy-main-block { padding:0; }

  #dosing-table-container .trelegy-block-desktop{ display:none; }
  #dosing-table-container .trelegy-block-mobile{ display:block; padding-bottom: 12px;}

  /* Mobile title paragraph above the block */
  #dosing-table-container > p.rte-fs-body1:first-of-type{
    display:block;
    max-width:1200px;
    margin:0 auto;
    padding:0 24px 16px;
    color:#fff;
    font-family:"Roboto Condensed", Arial, sans-serif;
    font-weight:700;
    font-size:20px;
    line-height:1.25;
  }

  #dosing-table-container .trelegy-heading-4{
    font-size:22px;
    line-height: 32px;
    padding-bottom: 15px;
  }
  #dosing-table-container > p.rte-fs-body1:first-of-type strong{ font-weight:800; }

  #dosing-table-container .trelegy-block-mobile .trelegy-table-block{
    background:#fff;
    border: none;
  }

  /* Header grid row */
  #dosing-table-container .trelegy-block-mobile .block-panel-header{
    display:flex;
    border-bottom: none;
  }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection{
    flex:1 1 0;
    padding:10px 5px;
    text-align:center;
    flex-direction: column;
  }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection.bordeRight{
    border-right:5px solid var(--dt-navy);
  }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection p{ margin:0; }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection p.font13{
    font-size:12px;
    line-height: 16px;
    font-weight:700;
    text-transform:uppercase;
    color:var(--dt-muted);
  }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection p.th-font1{
    margin-top:4px;
    font-size:14px;
    font-weight:800;
    color:var(--dt-text);
  }

  /* Rows */
  #dosing-table-container .trelegy-block-mobile .block{ 
    border-top:1px solid var(--dt-navy); 
  }
  #dosing-table-container .trelegy-block-mobile .block-heading{
    padding:15px 12px;
    font-size:16px;
    line-height: 24px;
    color:var(--dt-text);
    background:#fff;
  }
  #dosing-table-container .trelegy-block-mobile .block:nth-child(even) .block-heading,
  #dosing-table-container .trelegy-block-mobile .block:nth-child(even) .block-panel{
    background:var(--dt-row);
  }
  #dosing-table-container .trelegy-block-mobile .block-panel{
    display:flex;
    border-top: none;
  }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
  }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection.tickmark,
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection.tickmarkgrey {
    display: block;
  }


  /* ===== CHECKMARKS (MOBILE) — PNG-based ===== */
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection.tickmark::before,
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection.tickmarkgrey::before{
    content:"";
    display:inline-block;
    width:var(--dt-check-size);
    height:var(--dt-check-size);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    transform:none;
    border:0;
  }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection.tickmark::before{
    background-image:var(--dt-check-blue-url);
  }
  #dosing-table-container .trelegy-block-mobile .block-panel-subsection.tickmarkgrey::before{
    background-image:var(--dt-check-grey-url);
  }
}

#dosing-custom-1 {
  background-color: #061F5C;
  padding-top: 80px;
  padding-bottom: 80px;
}

#dosing-custom-1, #coverage-tool-cont {
  background-color: #061F5C;
  padding-top: 80px;
  padding-bottom: 80px;
}

#dosing-custom-1 #dosing-custom-1-rte{
  padding-left: 20px;
  padding-right: 20px;
}

.dosing-custom-2-images{
  text-align: center;
}

#dosing-custom-1 [class*="c-gd__col"] {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width:1199px){
  #dosing-custom-1, #coverage-tool-cont {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #dosing-custom-1 h2{
    padding-top: 32px;
  }

  #dosing-custom-1 img.trelegy-copd-inhaler-strength {
    width: 224px;
  }

  #dosing-custom-1 img.trelegy-asthma-inhaler-strength {
    width: 254px;
  }
}
#trelegy-custom-button > div {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#trelegy-custom-button > div .ButtonContainerWrapper{
  @media (max-width:1199px){
    width: 100%;
  }
}

/*Hero*/
div#home-hero {
    min-height: 600px;
    @media (max-width:1199px){
      min-height: 230px;
    }
    @media (min-width:1200px){
      background-position: top !important;
    }
}

/* Hide video transcript */
div#ellipta-inhaler-explained-video button[aria-controls="transcript-text"] {
  display: none;
}

/* dotted line */
.bars-container {
  line-height: 10px;
  display: flex;

  @media (max-width:1199px){
    line-height: 6px;
    height: 6px;
  }
}

.bars-container .blue-bar {
  width: 66px;
  height: 10px;
  background-color: var(--dt-navy);
  border-radius: 0.25rem;
  margin-right: 12px;
  display: inline-block;

  @media (max-width:1199px){
    line-height: 6px;
    height: 6px;
  }
}

.bars-container .tan-bar {
  width: 22px;
  min-width: 22px;
  height: 10px;
  background-color: #c3a58f;
  border-radius: 0.25rem;
  display: inline-block;

  @media (max-width:1199px){
    line-height: 6px;
    height: 6px;
  }
}

.bars-container .mint-bar {
  width: 44px;
  height: 10px;
  background-color: #7cc8c4;
  border-radius: 0.25rem;
  display: inline-block;
  margin-right: 12px;

  @media (max-width:1199px){
    line-height: 6px;
    height: 6px;
  }
}

.bars-container .yellow-bar {
  width: 11px;
  height: 10px;
  background-color: #f9be00;
  border-radius: 0.25rem;
  display: inline-block;
  margin-left: 12px;

  @media (max-width:1199px){
    line-height: 6px;
    height: 6px;
  }
}

/* PR Download coupon button */
#pat-res-cc-1 {
  background-color: #f2f3f7;
}

#pat-res-cc-1 button{
  margin: 0 auto;
}

/* Pers */
#video-library-rfu1, #video-library-rfu2, #home-tout1, #home-tout2 {
  display: none;
}

/* H2h */

#imp-stu-h2h-1 .h2h-first, #imp-stu-h2h-2 .h2h-first {
  position: absolute;
  left: 17%;
}
#imp-stu-h2h-1 .h2h-last, #imp-stu-h2h-2 .h2h-last {
  position: absolute;
  right: 20%;
  @media (max-width:1199px){
    right: 18%;
  }
}
#imp-stu-h2h-2 .h2h-last {
  right: 23%;
  @media (max-width:1199px){
    right: 21%;
  }
}
#imp-stu-h2h-1 .h2h-second, #imp-stu-h2h-2 .h2h-second {
  position: absolute;
  top: 45%;
  left: 48%
}
#imp-stu-h2h-1 .card-part >div div:nth-child(2), #imp-stu-h2h-2 .card-part >div div:nth-child(2) {
   background-color: transparent;
}
#imp-stu-h2h-1 .card-part, #imp-stu-h2h-2 .card-part {
  min-height: 64px;
  @media (max-width:1199px){
    min-height: 56px;
  }
}

/* Color override */
.color-override .title-highlight-1{
   color: #44a2a0 !important;
}
.color-override .title-highlight-2, .color-override .rte-heading-colored1, .color-override .rte-heading-colored1 b{
  color: #b48c74 !important;
}