/*
 * dailypayload.css
 *
 * Daily Payload Site-Wide Style Sheet
 * Copyright (C) 2024
 * Packetizer, Inc.
 * All Rights Reserved
 *
 * This file builds on the Packetizer style sheet.
 *
 */

 :root,
 [data-bs-theme=light]
 {
     --dp-banner-rule: #404040;
     --dp-latest-stories-bg: #0066cc;
     --dp-latest-stories-fg: #ffffff;
     --dp-security-stories-bg: #facf71;
     --dp-security-stories-fg: #ffffff;
     --dp-voip-stories-bg: #55cbcd;
     --dp-voip-stories-fg: #ffffff;
     --dp-mobile-stories-bg: #ff3a6f;
     --dp-mobile-stories-fg: #ffffff;
     --dp-cloud-stories-bg: #bcbdcc;
     --dp-cloud-stories-fg: #ffffff;
     --dp-other-stories-bg: #4e5154;
     --dp-other-stories-fg: #ffffff;
 }

 /* Enable dark mode only on screens */
@media screen
{
    [data-bs-theme=dark]
    {
        --dp-latest-stories-bg: #0066cc;
        --dp-latest-stories-fg: #ffffff;
        --dp-security-stories-bg: #d5a742;
        --dp-security-stories-fg: #ffffff;
        --dp-voip-stories-bg: #55cbcd;
        --dp-voip-stories-fg: #ffffff;
        --dp-mobile-stories-bg: #cc5c79;
        --dp-mobile-stories-fg: #ffffff;
        --dp-cloud-stories-bg: #8c8c8c;
        --dp-cloud-stories-fg: #ffffff;
        --dp-other-stories-bg: #272b2f;
        --dp-other-stories-fg: #ffffff;
    }
}

 hr.dp-banner-rule
 {
    height: 8px;
    color: var(--dp-banner-rule);
    background-color: var(--dp-banner-rule);
    margin-top: 0;
    margin-bottom: 0;
 }

.widespacing
{
    letter-spacing: 0.2em;
}

.story-card
{
    margin-top: 1rem;
}

.story-card-header
{
    font-weight: bold;
}

.story-card-body
{
    padding-top: 1rem !important;
    padding-bottom: 0rem !important;
}

.dp-latest-stories
{
    background-color: var(--dp-latest-stories-bg);
    color: var(--dp-latest-stories-fg);
}

.dp-security-stories
{
    background-color: var(--dp-security-stories-bg);
    color: var(--dp-security-stories-fg);
}

.dp-voip-stories
{
    background-color: var(--dp-voip-stories-bg);
    color: var(--dp-voip-stories-fg);
}

.dp-vc-stories
{
    background-color: var(--dp-vc-stories-bg);
    color: var(--dp-vc-stories-fg);
}

.dp-mobile-stories
{
    background-color: var(--dp-mobile-stories-bg);
    color: var(--dp-mobile-stories-fg);
}

.dp-cloud-stories
{
    background-color: var(--dp-cloud-stories-bg);
    color: var(--dp-cloud-stories-fg);
}

.dp-cloud-stories
{
    background-color: var(--dp-cloud-stories-bg);
    color: var(--dp-cloud-stories-fg);
}

.dp-other-stories
{
    background-color: var(--dp-other-stories-bg);
    color: var(--dp-other-stories-fg);
}