@font-face {
    font-family: "Trade Gothic";
    font-weight: 500;
    font-style: normal;
    src: url("/fonts/Trade_Gothic/40775ed4-d9b0-4f75-b874-80f2842332a9.eot?#iefix");
    src: url("/fonts/Trade_Gothic/40775ed4-d9b0-4f75-b874-80f2842332a9.eot?#iefix") format("eot"), url("/fonts/Trade_Gothic/24ba8ea7-bbf3-40e0-b924-fd985d79ebca.woff2") format("woff2"), url("/fonts/Trade_Gothic/9274bb7f-01c5-45cb-b935-f53683ab6dd6.woff") format("woff"), url("/fonts/Trade_Gothic/a94b3f7a-c1fd-4bbe-9273-1f6f081dcb2f.ttf") format("truetype"), url("/fonts/Trade_Gothic/b0fb9bf0-3364-4802-9c4e-89202a063331.svg#b0fb9bf0-3364-4802-9c4e-89202a063331") format("svg");
}

@font-face {
    font-family: "Trade Gothic";
    font-weight: 500;
    font-style: italic;
    src: url("/fonts/Trade_Gothic/379b55d3-190d-48bd-b1f2-dc787a73b65b.eot?#iefix");
    src: url("/fonts/Trade_Gothic/379b55d3-190d-48bd-b1f2-dc787a73b65b.eot?#iefix") format("eot"), url("/fonts/Trade_Gothic/5760433c-f9b7-4c0d-b618-77b03ff59186.woff2") format("woff2"), url("/fonts/Trade_Gothic/48f8ec71-d114-4f7f-a933-b1032c89aa32.woff") format("woff"), url("/fonts/Trade_Gothic/efdb46c3-279b-490c-8468-dfe30e01582c.ttf") format("truetype"), url("/fonts/Trade_Gothic/9572e7af-5fa0-46b5-b48a-90892a8f7aa5.svg#9572e7af-5fa0-46b5-b48a-90892a8f7aa5") format("svg");
}

@font-face {
    font-family: "Trade Gothic";
    font-weight: 900;
    font-style: normal;
    src: url("/fonts/Trade_Gothic/07702e82-1476-4552-97e1-682d5af3bd30.eot?#iefix");
    src: url("/fonts/Trade_Gothic/07702e82-1476-4552-97e1-682d5af3bd30.eot?#iefix") format("eot"), url("/fonts/Trade_Gothic/4a5b9bde-0062-4b1f-ae1f-d2ad4d283b55.woff2") format("woff2"), url("/fonts/Trade_Gothic/dd603555-b5c3-4df6-885b-b75ef30fa0f8.woff") format("woff"), url("/fonts/Trade_Gothic/6515df23-fbdf-459f-924c-b449b8b7ade8.ttf") format("truetype"), url("/fonts/Trade_Gothic/17c3c18f-135d-447c-bcfd-7bcfc2ca515a.svg#17c3c18f-135d-447c-bcfd-7bcfc2ca515a") format("svg");
}

@font-face {
    font-family: "Trade Gothic";
    font-weight: 900;
    font-style: italic;
    src: url("/fonts/Trade_Gothic/3a3811df-095b-42db-a25d-ddab2bbeedfa.eot?#iefix");
    src: url("/fonts/Trade_Gothic/3a3811df-095b-42db-a25d-ddab2bbeedfa.eot?#iefix") format("eot"), url("/fonts/Trade_Gothic/cf117f57-227f-4bba-ae2f-24caa1ec7a5d.woff2") format("woff2"), url("/fonts/Trade_Gothic/e2a62655-b75b-4999-9377-75c6f7957ae5.woff") format("woff"), url("/fonts/Trade_Gothic/aa7f4d20-bc42-4a35-b9cb-6ce46f1ec04d.ttf") format("truetype"), url("/fonts/Trade_Gothic/d4f1182b-2309-4987-8ef8-2c8274d7b208.svg#d4f1182b-2309-4987-8ef8-2c8274d7b208") format("svg");
}

@font-face {
    font-family: "Trade Gothic Condensed";
    font-weight: 500;
    font-style: normal;
    src: url("/fonts/Trade_Gothic/57d839de-c1a3-492d-837d-edcd2c1d620b.eot?#iefix");
    src: url("/fonts/Trade_Gothic/57d839de-c1a3-492d-837d-edcd2c1d620b.eot?#iefix") format("eot"), url("/fonts/Trade_Gothic/4a10911a-c25d-4efa-b155-59d533f0e0c2.woff2") format("woff2"), url("/fonts/Trade_Gothic/ac62393e-80e8-42f0-a6d7-fb566b94e567.woff") format("woff"), url("/fonts/Trade_Gothic/97d9873e-7926-4480-96de-a1d47c4afa72.ttf") format("truetype"), url("/fonts/Trade_Gothic/de820f99-99c3-48ab-a20d-f18a36c95b5e.svg#de820f99-99c3-48ab-a20d-f18a36c95b5e") format("svg");
}

@font-face {
    font-family: "Trade Gothic Condensed";
    font-weight: 500;
    font-style: italic;
    src: url("/fonts/Trade_Gothic/b3f496f3-4f32-4733-b8f9-9a454d424f55.eot?#iefix");
    src: url("/fonts/Trade_Gothic/b3f496f3-4f32-4733-b8f9-9a454d424f55.eot?#iefix") format("eot"), url("/fonts/Trade_Gothic/41ece3eb-1bb2-47b3-b868-6adebc34c1a4.woff2") format("woff2"), url("/fonts/Trade_Gothic/17dcb20a-a719-4259-bcd1-d75d63499d9b.woff") format("woff"), url("/fonts/Trade_Gothic/a004c7a1-d244-4304-a65d-c43cb2f5a59d.ttf") format("truetype"), url("/fonts/Trade_Gothic/f57f7220-da69-4f4e-8261-7f7801168bd8.svg#f57f7220-da69-4f4e-8261-7f7801168bd8") format("svg");
}

@font-face {
    font-family: "Trade Gothic Condensed";
    font-weight: 900;
    font-style: normal;
    src: url("/fonts/Trade_Gothic/f0708d82-47f5-4497-afac-8c5a771250e8.eot?#iefix");
    src: url("/fonts/Trade_Gothic/f0708d82-47f5-4497-afac-8c5a771250e8.eot?#iefix") format("eot"), url("/fonts/Trade_Gothic/520ed712-50ad-4591-aa63-b242b83a3694.woff2") format("woff2"), url("/fonts/Trade_Gothic/c9083b7e-ba26-4e45-8f1b-34ad32e924e5.woff") format("woff"), url("/fonts/Trade_Gothic/84c568ba-a16d-43bb-ad9f-783ab985108f.ttf") format("truetype"), url("/fonts/Trade_Gothic/398af540-cbbe-49ac-8de9-7246da632d63.svg#398af540-cbbe-49ac-8de9-7246da632d63") format("svg");
}

@font-face {
    font-family: "Trade Gothic Condensed";
    font-weight: 900;
    font-style: italic;
    src: url("/fonts/Trade_Gothic/a0a8ec99-1789-4b71-b17f-ddab957120d6.eot?#iefix");
    src: url("/fonts/Trade_Gothic/a0a8ec99-1789-4b71-b17f-ddab957120d6.eot?#iefix") format("eot"), url("/fonts/Trade_Gothic/3fdda737-37d7-427f-8882-07c8713989cf.woff2") format("woff2"), url("/fonts/Trade_Gothic/61d59718-e067-4b03-b9e8-76b9fd8289e3.woff") format("woff"), url("/fonts/Trade_Gothic/d100bbbc-4838-476a-abe1-4c3160a74e42.ttf") format("truetype"), url("/fonts/Trade_Gothic/54303de9-8dbf-408f-a9f1-4750c32fb7c5.svg#54303de9-8dbf-408f-a9f1-4750c32fb7c5") format("svg");
}

/* VARIABLES */
:root {
    /* CPC COLORS */
    --dk-blue: #0054a4;
    --blue: #3F89CF;
    --lt-blue: #6cace4;
    --orange: #f26531;
    --gold: #fdb813;
    --green: #80c342;
    --dk-grey: #282828;
    --grey: #707372;
    --md-grey: #dcdcdc;
    --lt-grey: #f2f2f2;
    /* FILTER COLORS */
    --filter-lt-blue: invert(62%) sepia(53%) saturate(434%) hue-rotate(170deg) brightness(96%) contrast(86%);
    --filter-dk-blue: invert(17%) sepia(70%) saturate(3395%) hue-rotate(196deg) brightness(96%) contrast(101%);
    --filter-blue: invert(56%) sepia(15%) saturate(1688%) hue-rotate(172deg) brightness(88%) contrast(88%);
    --filter-orange: invert(49%) sepia(22%) saturate(5006%) hue-rotate(343deg) brightness(100%) contrast(90%);
    --filter-white: invert(98%) sepia(10%) saturate(116%) hue-rotate(307deg) brightness(116%) contrast(87%);
    /* MEDIA BREAKPOINTS */
    --breakpoint-tablet: 1024px;
    --breakpoint-mobile: 768px;
}

body {
    font-size: 16px;
    line-height: normal;
}

/* MODULE BACKGROUND AND TEXT COLOR*/
.bg-dk-blue {
    background-color: var(--dk-blue);
}

.bg-blue {
    background-color: var(--blue);
}

.bg-lt-blue {
    background-color: var(--lt-blue);
}

    .sc-content-block .bg-lt-blue :is(p, li) a,
    .bg-lt-blue .sc-content-block :is(p, li) a {
        color: var(--dk-blue);
    }

.sc-content-block :is(.bg-dk-blue, .bg-lt-blue) :is(p, li) :is(a:hover, a:focus),
:is(.bg-dk-blue, .bg-lt-blue) .sc-content-block :is(p, li) :is(a:hover, a:focus) {
    color: var(--orange);
}

.bg-orange {
    background-color: var(--orange);
}

.bg-gold {
    background-color: var(--gold);
}

.bg-green {
    background-color: var(--green);
}

.bg-dark,
.bg-dk-grey {
    background-color: var(--dk-grey);
}

.bg-grey {
    background-color: var(--grey);
}

.bg-light,
.bg-lt-grey {
    background-color: var(--lt-grey);
}

.bg-wireframe {
    position: relative;
}

    .bg-wireframe::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .bg-wireframe.bg-dark::before,
    .bg-wireframe.bg-dk-blue::before,
    .bg-wireframe.bg-lt-blue::before {
        background-image: url(/Portals/_default/Containers/CPC/corp-marketing-background-wireframe-dark.svg);
    }

    .bg-wireframe.bg-light::before {
        background-image: url(/Portals/_default/Containers/CPC/corp-marketing-background-wireframe-light.svg);
    }

.bg-dark.bg-wireframe.lt-blue::before {
    filter: invert(1) var(--filter-lt-blue) !important;
}

.bg-light.bg-wireframe.blue::before {
    filter: brightness(0) var(--filter-blue) !important;
}

.dark-theme-text {
    color: #fff;
}

    .dark-theme-text a {
        color: var(--lt-blue);
    }

/* CONTENT STRUCTURE */
.cpc-container {
    width: 100%;
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
    padding-block: 5.5rem 5.5rem;
}

    .cpc-container h1,
    .cpc-container h2,
    .cpc-container h3,
    .cpc-container h4,
    .cpc-container h5,
    .cpc-container h6,
    .cpc-container p,
    .cpc-container li,
    .cpc-container .cta {
        color: inherit;
    }

.cpc-content {
    box-sizing: border-box;
    max-width: 1200px;
    width: 100%;
    margin: auto;
    margin-inline: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-inline: 1rem;
}

    .cpc-content.content-small {
        max-width: 960px;
    }

    .cpc-content > *:first-child:is(h1, h2, h3, h4, h5, h6, p, ul, ol) {
        margin-top: 0;
    }

    .cpc-content.two-column,
    .cpc-content .two-column {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 3rem;
    }

@media screen and (max-width: var(--breakpoint-mobile)) {
    .cpc-content.two-column,
    .cpc-content .two-column {
        grid-template-columns: 100%;
    }
}

.align-center {
    text-align: center;
}

/* CALL TO ACTION */
.cta {
    text-transform: uppercase;
    min-height: 2rem;
    display: flex;
    align-items: center;
    /* column-gap: 1rem; */
    width: fit-content;
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    text-decoration: none;
}

    .cta::after {
        width: 1.6rem;
        height: 1.6rem;
        /* aspect-ratio: 1; */
        flex-shrink: 0;
        margin-left: 0.8rem;
    }

    .cta:hover {
        text-decoration: none;
        border-bottom: none !important;
    }

    /* CTA Icons */
    .cta.primary::after {
        content: url("https://www.cpcworldwide.com/portals/0/library/Icons/primary-cta/primary-cta-black.svg");
        width: 1.6rem;
    }

    .cta.arrow-up::after {
        content: url("https://www.cpcworldwide.com/portals/0/library/Icons/arrow-up/arrow-up-black.svg");
        max-width: 1.2rem;
    }

    .cta.arrow-down::after {
        content: url("https://www.cpcworldwide.com/portals/0/library/Icons/arrow-down/arrow-down-black.svg");
        max-width: 1.2rem;
    }

    /* CTA Colors */
    .cta.white {
        color: #eee;
    }

        .cta.white::after {
            filter: var(--filter-white);
        }

    .cta.blue::after {
        filter: var(--filter-blue);
    }

    .cta.lt-blue::after {
        filter: var(--filter-lt-blue);
    }

    .cta.dk-blue::after {
        filter: var(--filter-dk-blue);
    }

    .cta.orange::after {
        filter: var(--filter-orange);
    }

    .cta:hover::after {
        filter: var(--filter-orange);
    }

.align-center .cta {
    margin: auto;
    margin-inline: auto;
}

/* WIREFRAME DIVIDER */
.CPC-WireframeDivider-cmpnt {
    background-image: url(/Portals/_default/Containers/Colder/images/wireframe_topborder.png);
    min-height: 2.3rem;
    width: 100%;
}


/* MISC STYLING */
.sc-content-block .cpc-content p a:hover, .sc-content-block .cpc-content p a:focus {
    text-decoration: underline;
    text-decoration-color: var(--orange);
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.cpc-content span.full-width {
    width: 100%;
    display: block;
}

.cpc-content hr {
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-block: 3rem;
}

.cpc-content ul, .cpc-content ol {
    padding: 0;
    padding-left: 2rem;
}

    .cpc-content ol li::marker {
        font-weight: bold;
    }

.cpc-content li, .cpc-content dt, .cpc-content dd {
    line-height: 2.5rem;
    color: inherit;
    list-style-position: outside;
}

.cpc-content ul {
    list-style-type: square;
}

    .cpc-content ul ul {
        list-style: circle;
        margin-top: 10px;
    }

.cpc-content li::marker {
    color: var(--dk-blue);
}

.bg-blue .cpc-content li::marker {
    color: white;
}

.cpc-content .list-flex ul, .cpc-content .list-flex ol, .cpc-content ul.list-flex, .cpc-content ol.list-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.cpc-content .list-flex li {
    width: 100%;
    max-width: 500px;
    list-style-position: inside;
    margin: 1rem 1rem 0
}

@media screen and (max-width: 767px) {
    .cpc-content li {
        list-style-position: outside;
    }
}



/* ACCORDIONS */
section.accordion {
    margin: 0;
    margin-top: 1rem;
    width: 100%;
    background-color: #eee;
    border-radius: 4px;
    color: black;
    text-align: left;
    padding: 0.6rem 1rem;
}

.accordion > :is(h1,h2,h3,h4,h5,h6) {
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    margin-block: 0;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-block: 0.2rem;
    display: flex;
    align-items: center;
    /* gap: 0.4rem; */
    width: 100%;
    font-size: 1.3rem;
    font-weight: bold;
}

    .accordion > :is(h1,h2,h3,h4,h5,h6)::before {
        display: inline-block;
        content: url(https://www.cpcworldwide.com/portals/0/library/icons/plus/plus.svg);
        width: 1rem;
        min-height: 4px; /* Ensures the minus icon's height is sized correctly */
        filter: var(--filter-orange);
        margin-right: 0.4rem;
    }

.accordion.open > :is(h1,h2,h3,h4,h5,h6)::before {
    content: url(https://www.cpcworldwide.com/portals/0/library/icons/minus/minus.svg);
}

section.accordion .accordion-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 500ms ease-in-out;
}

.accordion.open .accordion-content {
    max-height: none;
    padding-top: 1rem;
}

.accordion .accordion-content :last-child {
    margin-bottom: 0;
}

.accordion .accordion-content a {
    color: var(--blue);
}

    .accordion .accordion-content a:hover, .accordion .accordion-content a:focus {
        color: var(--dk-blue);
    }

/* Disable 2sxc QuickE Toolbar */
body:not(.dnnEditState) .sc-content-block-menu.sc-content-block-quick-insert {
    display: none !important;
}