/**
 * Image with Callout Layout Styles
 */

 .image-callout-wrapper {
    display: flex;
    flex-direction: column;
    @media (min-width: 992px) {
        flex-direction: row;
        gap: 3.2rem;
        .section-image, .callout-content {
            flex-basis: 50%;
            
        }
    }
    /* left side - image */
    .section-image {
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    }
    
    /* right side - text and links */
    .callout-content {
        margin: -5rem 2rem 0 2rem;
        @media (min-width: 992px) {
            margin: 0;
        }
        .callout-content-bg {
            padding: 3.5rem;
            @media (min-width: 992px) {
                padding: 50px;
            }
        }
        h2 {
            margin: 0 0 1.5rem 0;
        }

        .sub-copy {
            border-left: 5px solid var(--color-garnet);
            padding: 0 0 0 1.8rem;
            margin: 2rem 0 0 0;
            @media (min-width: 992px) {
                margin: 2rem 0 0 100px;
                padding: 1.8rem 0 0 1.8rem;
            }
            
            p {
                color: inherit;                
                font-family: "Berlingske Serif";
                font-size: 2rem;
                line-height: 2.6rem;
                font-style: normal;
                font-weight: 700;
                padding-right: 4.8rem;
                
                @media (min-width: 992px) {  
                    font-size: 2.4rem;
                    line-height: 3rem; /* 125% */
                    
                }
            }
        }
    }
 }