/* 2022 Annual Report CSS 

    Notes [TO BE REMOVED]: 

        "index.html" has been altered with an addition of the "2022report.css" file that can be merged with the main production file once tested.
        
        Assets in the "2021" directory have not been altered and were fetched from the production site's front-end in order to display in a testing environment.
        
        .report-home class added to HTML class on Index as to not override any subpages.
        
        /assets/images/ directory contains new/updated images utilized by the webpage.
        
        Instances of "2021" Annual report in the header replaced with "2022"; a few other replacements needed (navigation and any file structure changes that may occur).

*/

.report-home, .report-home body{
    font-size: 18px;
}

.mt-auto{
    margin-top: auto;
}

.report-home .ultra-stat{
    font-size: 150px;
    line-height: 180px;
}

.prominent-figure .regular{
    font-size: 1.1111rem;
    line-height: 1.5555rem;
}

.report-home .letter .sig{
    width: 350px;
}

.report-home .heading-01, .report-home .body-short-01{
    font-size: 1rem;
    line-height: 1.2778rem;
}

.report-home .d-flex{
    display: flex;
}

.report-home .a-flex-end{
    align-content: flex-end;
}

.report-home .text-container .heading{
    width: 100%;
}

.letter-author{
    font-size: 1.1111rem;
    line-height: 1.6667rem;
}

.letter-intro{
    font-size: 2.0566rem;
    line-height: 2.5rem;
}

h2.letter-intro{
    font-size: 1.9444rem;
    line-height: 2.5556rem;
}

.pl-2_5{
    padding-left: 2.2222rem;
}

.footer-pdf{
    align-items: flex-end !important;
    display: flex;
}

.template-hero div{
    overflow: hidden;
}

.d-block{
    display: block;
}

.arrow-container{
    background: url(./assets/images/hero-arrows.png);
    background-position-x: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.arrow-container .text-container{
    min-height: calc(13rem + .25 * ((100vw - 20rem)/ 22));
}

.report-home .text-container .heading{
    text-align: center;
    font-size: calc(1.5rem + .25 * ((100vw - 20rem)/ 22));
    line-height: calc(1.5rem + .25 * ((100vw - 20rem)/ 22));
}




@media only screen and (min-width:576px){
    .prominent-figure{
        display: flex;
        align-items: flex-end;
    }
}

@media (min-width: 1056px){
    .report-home .text-container .heading {
        width: 80%;
    }
    .arrow-container {
        background: url(./assets/images/hero-arrows.png);
        background-position-x: left;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: bottom;
    }
    .report-home .text-container .heading{
        width: 100%;
        text-align: center;
        font-size: 2.899vw;
        line-height: 2.899vw;
    }
    .arrow-container .text-container{
        min-height: unset;
    }
}

@media only screen and (min-width: 1920px){
    #ibm-footer .ibm-columns{
        width: 1840px;
        margin: 0 auto;
    }
    .report-home .text-container .heading{
        width: 100%;
        text-align: center;
        font-size: 2.899vw;
        line-height: 2.899vw;
    }
}