﻿/* COUNTUP STYLES */
.cacountup-content {
    display: inline-block;
    text-align: left;
    align-items: center;
}

.cacountupvalue {
    display: inline-block;
    margin-left: -8px;
}

.cacountup-content span {
    display: inline-block;
}

.cacountup-content img {
    display: inline-block;
    margin: 0 auto 0;
}
/* Styles for big statistic numbers */
.ca-percentstyle1 {
    font-family: 'Open Sans Condensed',Arial,Helvetica,sans-serif;
    font-weight: 100;
    font-size: 4.5rem;
    line-height: 1.2;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
/* Styles for descriptive text above/below big numbers */
/* Regular caption for 33 or 50 % column width layouts */
.ca-percentcaption {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    max-width: 450px;
    margin: 0 auto 10px;
}

.ca-percentsubtitle {
    font-size: 3rem;
    line-height: 3.4rem;
    margin: 0 0 15px 0;
}
/* Wider caption for 100% column width layouts */
.ca-percentcaptionfull {
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    max-width: 60%;
    margin: 0 auto 10px;
}
/* Globe & Maple leaf icon that can change colour to show global stats figure */
.ca-icon {
    width: 1em;
    height: 1em;
    vertical-align: -6%;
    display: inline-block;
    margin: 0px 5px 0px 5px;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.ca-icon-globe {
    -webkit-mask: url(/content/dam/kpmg/ca/images/svg/2022/earth-icon-global-stat-black.svg) no-repeat 50% 50%;
    mask: url(/content/dam/kpmg/ca/images/svg/2022/earth-icon-global-stat-black.svg) no-repeat 50% 50%;
}

.ca-icon-mapleleaf {  -webkit-mask: url(/content/dam/kpmg/ca/images/svg/2022/canada-purple-maple-leaf.svg) no-repeat 50% 50%;
    mask: url(/content/dam/kpmg/ca/images/svg/2022/canada-purple-maple-leaf.svg) no-repeat 50% 50%;
  }

/* Put multiple stats inline on a row */
.ca-rowofstats {
    text-align: center;
}

.ca-sectors1 {
    margin: 0px 3% 5px 3%;
    display: inline-block;
}

    .ca-sectors1 img {
        height: 1.25em;
        max-width: 150px;
        margin-top: 5px;
    }
/* Additional class settings */
.ca-rounded {
    border-radius: 10px;
}

.ca-bg-padding {
    padding: 30px 20px;
}

.ca-text-left {
    text-align: left;
}
.ca-text-center {
    text-align: center;
}
.ca-percentcaption ul {
    list-style: disc;
    font-weight: normal;
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.5;
}

.ca-percentcaption ul li {
    margin: 0 0 10px;
}
/* Container and styles when adding row of 5 or 6 to a 100% column control */
.ca-flex-wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

    .ca-flex-wrapper .ca-circle {
        border-radius: 50%;
        height: 17.7rem;
        width: 17.7rem;
        line-height: 1.5;
        margin: 10px auto;
    }
/* Mobile media settings */
@media (max-width: 640px) {
    .ca-percentcaption {
        font-size: 1.6rem;
        max-width: 100%;
    }

    .ca-percentcaptionfull {
        font-size: 1.6rem;
        max-width: 100%;
    }

    .ca-percentcaption ul {
        margin: 0 0 0 20px;
    }
}