:root {
    /*    --clr-bg-primary: linear-gradient(90deg, #3627CB 0%, #D90958 100%);*/
    --clr-bg-secondary: linear-gradient(90deg, #D90958 0%, #3627CB 100%);
    --clr-bg-tertiary: linear-gradient(90deg, #FF7200 0%, #FF007E 100%);
    --clr-bg-quaternary: linear-gradient(90deg, #D41A5D 0%, #FFA332 100%);
    --clr-bg-quinary: linear-gradient(90deg, #0038A8 0%, #9747FF 100%);
    --clr-bg-senary: linear-gradient(90deg, #FC9D81 0%, #D50656 100%);
    --clr-bg-septary: linear-gradient(90deg, #FB8986 0%, #FB0803 100%);
    --clr-bg-neutral: #7D7D7D;
    --clr-bg-transparent: rgba(53, 53, 53, 0.5);
    --clr-bg-accent: #E9242B;
    --clr-bg-white: #FFFFFF;
    --clr-bg-swimlane: #2A2E36;
    --clr-bg-solid-primary: #0038A8;
    --clr-bg-brand-primary-200: #F8A6A8;
    --clr-bg-brand-primary-700: #920B11;
    --clr-text-white: #FFFFFF;
    --clr-text-neutral: #7D7D7D;
    --clr-text-neutral-700: #121212;
    --clr-text-neutral-600: #2B2B2B;
    --clr-text-neutral-500: #3C3C3C;
    --clr-text-neutral-head-500: #353535;
    --clr-text-neutral-head-600: #121212;
    --clr-text-accent: #E9242B;
    --clr-text-black: #000000;
    --clr-text-brand-primary-600: #C11116;
    --clr-text-brand-primary: #0038A8;
    --clr-border-brand: #F0484D;
    --clr-border-brand-primary: #0038A8;
    --clr-border-brand-primary-500: #E9242B;
    --clr-border-neutral: #7D7D7D;
    --clr-border-white: #FFFFFF;
    --clr-hover-quaternary: radial-gradient(circle, #D41A5D, #FFA332 70%);
    --img-bundle-bg: url("../images/pilipinas-live-bundle-bg.png");
    --clr-bg-primary: #E9242B;
    --clr-text-accent: #E9242B;
    /* Hero component font sizes */
    --font-size-hero-title: 3rem; /* 48px */
    --font-size-hero-title-lg: 2.625rem; /* 42px */
    --font-size-hero-title-md: 2.25rem; /* 36px */
    --font-size-hero-title-sm: 2rem; /* 32px */
    --font-size-hero-title-xs: 1.75rem; /* 28px */

    --font-size-hero-desc: 1.125rem; /* 18px */
    --font-size-hero-desc-md: 1rem; /* 16px */
    --font-size-hero-desc-sm: 0.875rem; /* 14px */
    --font-size-hero-desc-xs: 0.8125rem; /* 13px */
    /* Spacing */
    --spacing-xs: 0.625rem; /* 10px */
    --spacing-sm: 0.75rem; /* 12px */
    --spacing-md: 1rem; /* 16px */
    --spacing-lg: 1.25rem; /* 20px */
    --spacing-xl: 1.5rem; /* 24px */
}

.hero-article-background {
    position: relative;
    background-image: url('/Content/images/backgrounds/about-background-2.png'), url('/Content/images/backgrounds/about-background-1.png');
    background-size: cover, cover;
    background-position: center, center;
    padding-bottom:60px;
}

.announcement-background {
    position: relative;
    background-image: url('/Content/images/backgrounds/announcement-bg-2.png'), url('/Content/images/backgrounds/announcement-bg-1.png');
    background-size: cover, cover;
    background-position: center, center;
/*    padding-bottom: 60px;*/
}