/* BEGIN EPIC DELIVERED THEME CSS */
/* Generated by v85.0.17 */
/* BEGIN: SPECIAL HIDING PROPERTIES */
/* If you only want certain HTML content to display on mobile, tag it with an "OnlyMobile" class*/
.onlymobile,
.onlyMobile,
.Onlymobile,
.OnlyMobile {
  display: none !important;
}

/* If you want to only show content on a certain affiliate site, tag it with an Affiliate class, and then another class to unhide just for that affiliate. Use URL Rewrite an affiliate-specific override css file to do the unhiding.*/
.affiliate,
.Affiliate {
  display: none !important;
}

/* If you want to show something only when looking at your own chart, not in proxy mode, tag it with a "selfmode" class. If you want something to only show when looking at someone else's chart, use "proxymode" class. */
.proxyMode,
.proxymode,
.ProxyMode,
.Proxymode {
  display: none !important;
}

/* END: SPECIAL HIDING PROPERTIES */
/* BEGIN: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* Prelogin logo height is 6rem by default which can cause it to be cropped for many larger logos. Change it here. But we be aware 
    that your changes can affect the responsive design layout on small screens. Bottom line: the logo must be height-matched to its
    container to get a good result on both sides of the responsive breakpoint. */
/* END: CONFIGURABLE PRELOGIN LOGO HEIGHT */
/* BEGIN: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* NOTE: Commenting these out because they override classic print pop up background which is supposed to be white like paper */
/* Prelogin background image and color */
/*
body {
    background: hsl(182,100%,23.3%) url("../images/prelogin.jpg") no-repeat fixed top center / cover;
}
#content::after {
    background: hsl(182,100%,23.3%) url("../images/prelogin_blurred.jpg") no-repeat fixed top center / cover;
}
*/
/* Postlogin background image and color */
/*
body.isInside {
    background: hsl(182,100%,23.3%) url("../images/background.jpg") no-repeat fixed top center / cover;
}
body.isInside #content::after {
    background: hsl(182,100%,23.3%) url("../images/background_blurred.jpg") no-repeat fixed top center / cover;
}
.component.Popup > .titlebar .titlebarblurbackground::before {
    background: hsl(182,100%,23.3%) url("../images/background_blurred.jpg") no-repeat fixed top center / cover ;    
}
.menudetailstable.leftmenu .leftcolumn::before, 
.goalslarge .goalsleft::before, 
.TRPContainer::before {
    background: hsl(182,100%,23.3%) url("../images/background_blurred.jpg") repeat top left;
}
*/
/* END: CONFIGURABLE BACKGROUND COLOR AND BACKGROUND IMAGE */
/* BEGIN: BACK OUT COMMON PRE-2017 BUTTON WORKAROUNDS */
/* This section is to back out some custom CSS many customers have written directly in their custom form XML files using internal style sheets. Without this, these customizations will not look good with the new UI. */
/* Turn off custom checkbox workarounds */
/* Remove custom icons applied to page title */
/* END: BACK OUT COMMON PRE-2017 BUTTON WORKAROUNDS */
/* BEGIN: HSL BASED COLOR CHANGES FROM colors.css */
/* BEGIN: Transparency of main body */
#graphicHeader:not(:empty) #header_logo .header_logo_link {
  background: transparent url("../images/headerlogo.png") no-repeat scroll center/contain;
}

.features .icon-records {
  background-image: url("../images/quicklinks/health_record.png");
}

.features .info {
  font-family: Arial;
  font-size: 0.8rem;
}

/*#sidebar {
font-family: Arial;
font-size: 0.8rem;} */
a, .linkcolor, .subtle.linkcolor {
  color: #FF4438;
}

h1 {
  font-family: Gilroy;
}

h2 {
  font-family: Georgia;
}

h3 {
  font-family: Arial;
}

.button {
  font-family: Gilroy;
}