:root {
    --site-primary: #3d415f;
    --site-primary-dark: #3d415f;
    --site-secondary: #f8df8d;
    --site-secondary-dark: #f3c300;
    --microsite-monitor: #1226aa;
    --microsite-monitor-dark: #05157e;
    --link-color: #007984;
    --link-hover: #1598a5;
    --link-visited: #41057e;
    --white: #ffffff;
    --black: #383636;
	--gray: #ededed;
}


/* HOMEPAGE - Hero Background Image & Gradient Overlay
 
- How to Change Image: Upload Image through SiteBuilder Image Assets either w/ the same filename as existing, or a different filename and update background-image URL with new file name
 
- How to Change Color Gradient Overlay (note: this is optional; can be deleted from CSS): 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%).
 
*/
 
 /* Header */
 .journal-bg {
    background: var(--microsite-monitor) !important;
}
 
 /* Footer */
 .widget-SitePageFooter .journal-footer {
	 background-color: var(--microsite-monitor-dark) !important;
	 color: var(--white) !important;
 }
 
/* CTA Button */
.pg_Index .cta-button {
    background-image: url('/data/SiteBuilderAssetsOriginals/Live/Images/monitor/CTA-button-bg-placeholder.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(61, 65, 95, 0.9);
}

.widget-SitePageHeader img#logo-ASAMonitor {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pg_index .cta-button a {
    display: block;
    margin-bottom: 24px !important;
}