/* ============================================= */
/* ===== MICROSITE THEME COLOR OVERRIDES   ===== */
/* ============================================= */
:root {
  --site-primary: #A6192E;
  --site-secondary: #741120;
  --site-tertiary: #E1523D;
  --white: #ffffff;
  --black: #000;
  --gray-lightest: #fafafa;
  --gray-lighter: #ededed;
}

/* ======================================== */
/* ===== HOMEPAGE HERO CUSTOMIZATION  ===== */
/* ======================================== */

/* HERO BACKGROUND IMAGE + GRADIENT OVERLAY
 
 - How to Change Image: Upload Image through SiteBuilder Image Assets, ensure it has a different filename, update URL with the filename below
 - How to Change Color Gradient Overlay: use HEX to RGBA converter for the appropriate format, first rgba() value is top color, second value is bottom color, use last digit in each for opacity (.75 = 75%).
 - Example (do not remove or edit):
     .pg_Index .hero-row {
         background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.97)), url('/data/SiteBuilderAssetsOriginals/Live/Images/diabetes/hero-bg14.png');
         background-position: center;
         background-repeat: no-repeat;
     }
 */

.pg_Index .hero-row {
  background-image: url("/data/SiteBuilderAssetsOriginals/Live/Images/diabetes/hero-bg14.png") !important;
  background-position: left;
  background-repeat: no-repeat;
  background-color: var(--black);
}

/**************************************/
/***** added 12.13.21 matt dlobik ****/
/************************************/

.widget-instance-diabetes_home-self-serve-featured-articles {
  box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}

.widget-instance-Home_MainContentB0B2home-SelectableContentList-1 {
  box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}

.widget-instance-Home_MainContentB0B2home-article-list-new-and-popular-combined {
  box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}

.widget-instance-Home_MainContentB0B2B2home-article-list-new-and-popular-combined {
  margin-top: 70px;
}

.new-and-popular-combined {
  box-shadow: 0px 3px 5px rgb(0 0 0 / 20%);
}