/* FUSE 2.0 */
    /* Headers */
        .contentBannerCopy h2,
        .contentBannerCopy h3 {font-weight: 600; letter-spacing: 0; text-transform: none; margin: 0 auto;}
        .contentBannerCopy:not([class*="colour--"]) h2:not([class*="colour--"]),        
        .contentBannerCopy:not([class*="colour--"]) h3:not([class*="colour--"]) {color: #000000;}

        html:not(.desktop) .contentBannerCopy .header16, html:not(.desktop) .contentBannerCopy .mobileHeader16 {font-size: 4.4vw; line-height: 6.4vw;}
        html:not(.desktop) .contentBannerCopy .header20, html:not(.desktop) .contentBannerCopy .mobileHeader20 {font-size: 5.34vw; line-height: 7.5vw;}
        html:not(.desktop) .contentBannerCopy .header28, html:not(.desktop) .contentBannerCopy .mobileHeader28 {font-size: 7.48vw; line-height: 9.8vw;}
        html:not(.desktop) .contentBannerCopy .header40, html:not(.desktop) .contentBannerCopy .mobileHeader40 {font-size: 10.7vw; line-height: 12.5vw;}
        html:not(.desktop) .contentBannerCopy .header56, html:not(.desktop) .contentBannerCopy .mobileHeader56 {font-size: 14.9vw; line-height: 17.6vw;}
        html:not(.desktop) .contentBannerCopy .header120, html:not(.desktop) .contentBannerCopy .mobileHeader120 {font-size: 31.9vw; line-height: 38.4vw;}    

        .desktop .contentBannerCopy .header16, .desktop .contentBannerCopy .desktopHeader16 {font-size: 16px; line-height: 24px;}
        .desktop .contentBannerCopy .header20, .desktop .contentBannerCopy .desktopHeader20 {font-size: 20px; line-height: 28px;}
        .desktop .contentBannerCopy .header28, .desktop .contentBannerCopy .desktopHeader28 {font-size: 28px; line-height: 36px;}
        .desktop .contentBannerCopy .header40, .desktop .contentBannerCopy .desktopHeader40 {font-size: 40px; line-height: 46px;}
        .desktop .contentBannerCopy .header56, .desktop .contentBannerCopy .desktopHeader56 {font-size: 56px; line-height: 66px;}
        .desktop .contentBannerCopy .header120, .desktop .contentBannerCopy .desktopHeader120 {font-size: 120px; line-height: 144px;}

    /* Paragraphs */
        .contentBannerCopy p {margin: 0 auto;}
        .contentBannerCopy:not([class*="colour--"]) p:not([class*="colour--"]) {color: #000000;}
        .contentBannerCopy:not([class*="colour--"]) ul li:not([class*="colour--"]) {color: #000000;}

        html:not(.desktop) .contentBannerCopy p {font-size: 3.73vw; line-height: 6vw;}
        html:not(.desktop) .contentBannerCopy ul li {font-size: 3.73vw; line-height: 6vw;}
        html:not(.desktop) .contentBannerCopy .para10 {font-size: 2.66vw; line-height: 4.5vw;}
        html:not(.desktop) .contentBannerCopy .para12 {font-size: 3.2vw; line-height: 5vw;}
        html:not(.desktop) .contentBannerCopy .para16 {font-size: 4.4vw; line-height: 6.4vw;}

        .desktop .contentBannerCopy p {font-size: 14px; line-height: 22px;}
        .desktop .contentBannerCopy ul li {font-size: 14px; line-height: 22px;}
        .desktop .contentBannerCopy .para10 {font-size: 10px; line-height: 16px;}
        .desktop .contentBannerCopy .para12 {font-size: 12px; line-height: 18px;}
        .desktop .contentBannerCopy .para16 {font-size: 16px; line-height: 24px;}

    /* Semi Bold & Text Link */
        .semiBold {font-weight: 600;}
        .textLink {text-decoration: underline!important;}
        .textLink:not([class*="colour--"]) {color: #000;}

    /* Margins */
        html:not(.desktop) .margin8, html:not(.desktop) .mobileMargin8 {margin-bottom: 2vw;}
        html:not(.desktop) .margin16, html:not(.desktop) .mobileMargin16 {margin-bottom: 4.25vw;}
        html:not(.desktop) .margin32, html:not(.desktop) .mobileMargin32 {margin-bottom: 8.9vw;}
        html:not(.desktop) .margin48, html:not(.desktop) .mobileMargin48 {margin-bottom: 12.8vw;}
        html:not(.desktop) .margin56, html:not(.desktop) .mobileMargin56 {margin-bottom: 15vw;}
        html:not(.desktop) .margin64, html:not(.desktop) .mobileMargin64 {margin-bottom: 16.9vw;}

        .desktop .margin8, .desktop .desktopMargin8 {margin-bottom: 8px;}
        .desktop .margin16, .desktop .desktopMargin16 {margin-bottom: 16px;}
        .desktop .margin32, .desktop .desktopMargin32 {margin-bottom: 32px;}
        .desktop .margin48, .desktop .desktopMargin48 {margin-bottom: 48px;}
        .desktop .margin56, .desktop .desktopMargin56 {margin-bottom: 56px;}
        .desktop .margin64, .desktop .desktopMargin64 {margin-bottom: 64px;}

    /* CTA */
        .fuseCta {display: inline-block; position: relative; text-align: center; font-weight: 600; box-shadow: inset 0 0 0 2px #000000; border-radius: 6px; transition: box-shadow .2s ease-in-out; text-decoration: none; background-color: #fff; color: #000000!important; cursor: pointer; font-size: 3.8vw; line-height: 12.8vw; padding: 0 4.2vw;}
        .desktop .fuseCta {font-size: 14px; line-height: 48px; padding: 0 16px;}

        .fuseCta--ghostBlack {background-color: transparent;}
        .fuseCta--ghostWhite {background-color: transparent; color: #fff!important; box-shadow: inset 0 0 0 2px #fff;}
        
        .fuseCta96 {width: 25.5vw; padding: 0;}
        .fuseCta152 {width: 40.5vw; padding: 0;}
        .fuseCta208 {width: 55.5vw; padding: 0;}
        .fuseCta264 {width: 70.5vw; padding: 0;}
        .fuseCta320 {width: 85.5vw; padding: 0;}

        .desktop .fuseCta96 {width: 96px; padding: 0;}
        .desktop .fuseCta152 {width: 152px; padding: 0;}
        .desktop .fuseCta208 {width: 208px; padding: 0;}
        .desktop .fuseCta264 {width: 264px; padding: 0;}
        .desktop .fuseCta320 {width: 320px; padding: 0;}

/* FUSE 1.0 - elements no longer being used going forward 04/01/2021 */    
    /* Headers */    
        html:not(.desktop) .contentBannerCopy .header24, html:not(.desktop) .contentBannerCopy .mobileHeader24 {font-size: 6.4vw; line-height: 7.4vw;}
        html:not(.desktop) .contentBannerCopy .header32, html:not(.desktop) .contentBannerCopy .mobileHeader32 {font-size: 8.6vw; line-height: 10.1vw;}

        .desktop .contentBannerCopy .header24, .desktop .contentBannerCopy .desktopHeader24 {font-size: 24px; line-height: 28px;}
        .desktop .contentBannerCopy .header32, .desktop .contentBannerCopy .desktopHeader32 {font-size: 32px; line-height: 38px;}

    /* Paragraphs */
        html:not(.desktop) .contentBannerCopy p.subTitle {font-size: 4.4vw; line-height: 6.4vw; font-weight: 600;}
        html:not(.desktop) .contentBannerCopy p.footNote {font-size: 2.7vw; line-height: 4.8vw;}

        .desktop .contentBannerCopy p.subTitle {font-size: 16px; line-height: 24px; font-weight: 600;}
        .desktop .contentBannerCopy p.footNote {font-size: 10px; line-height: 18px;}

    /* Margins */
        html:not(.desktop) .margin0, html:not(.desktop) .mobileMargin0 {margin-bottom: 0vw;}
        html:not(.desktop) .margin4, html:not(.desktop) .mobileMargin4 {margin-bottom: 1vw;}
        html:not(.desktop) .margin24, html:not(.desktop) .mobileMargin24 {margin-bottom: 6.4vw;}

        .desktop .margin0, .desktop .desktopMargin0 {margin-bottom: 0px;}
        .desktop .margin4, .desktop .desktopMargin4 {margin-bottom: 4px;}
        .desktop .margin24, .desktop .desktopMargin24 {margin-bottom: 24px;}

    /* CTA */    
        .contentCta {display: inline-block; cursor: pointer; font-size: 3.8vw; line-height: 10vw; font-weight: 600; padding: 0vw 3.1vw; border: 1px solid #333; border-radius: 4px; transition: all 0.1s linear; text-decoration: none; background-color: #fff; color: #3C3C3C; cursor: pointer;}
        .desktop .contentCta {display: inline-block; position: relative; font-size: 14px; line-height: 38px; font-weight: 600; padding: 0 12px; border: 1px solid #333; border-radius: 4px; transition: all 0.1s linear; text-decoration: none; background-color: #fff; color: #3C3C3C; cursor: pointer;}

        .contentCta:hover {background-color: #DE007B; border: 1px solid #DE007B; color: #FFFFFF; text-decoration: none;}
        .lw .contentCta:hover {background-color: #7B227F; border: 1px solid #7B227F; color: #FFFFFF; text-decoration: none;}

        .contentCta96 {width: 25vw; padding: 0;}
        .contentCta152 {width: 40vw; padding: 0;}
        .contentCta208 {width: 55vw; padding: 0;}
        .contentCta264 {width: 70vw; padding: 0;}
        .contentCta320 {width: 85vw; padding: 0;}

        .desktop .contentCta96 {width: 94px; padding: 0;}
        .desktop .contentCta152 {width: 150px; padding: 0;}
        .desktop .contentCta208 {width: 206px; padding: 0;}
        .desktop .contentCta264 {width: 262px; padding: 0;}
        .desktop .contentCta320 {width: 318px; padding: 0;}