/* General Module Styling */
.module-visual-call-to-action-panel .inner-wrapper {
    /* any general styling for the module */
    display:flex;
    gap:2rem;
    flex-wrap: wrap;
}

.module-visual-call-to-action-panel h1,
.module-visual-call-to-action-panel h2,
.module-visual-call-to-action-panel h3,
.module-visual-call-to-action-panel h4,
.module-visual-call-to-action-panel h5,
.module-visual-call-to-action-panel h6 {
    margin:0;
}

.module-visual-call-to-action-panel .copy-wrapper strong {
    color:var(--dark-orange);
}

.module-visual-call-to-action-panel .copy-wrapper .copy {
    font-size:1.7rem;
    line-height:2.6rem;
    color:var(--dark-gray);
    margin-top:1rem;
}

.module-visual-call-to-action-panel .copy-wrapper .links {
    margin-top:2rem;
}

.module-visual-call-to-action-panel .copy-wrapper ul {
    margin:0;
    padding:0;
}

.module-visual-call-to-action-panel .copy-wrapper ul li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    overflow: hidden; /* Fix for firefox and IE 10-11  */
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
    break-inside: avoid-column;
    padding-bottom:10px;
}

.module-visual-call-to-action-panel .copy-wrapper ul li a {
    display:inline-flex;
    align-items: center;
    font-size:1.6rem;
    line-height: 2.2rem;
    padding-left:2.5rem;
    position: relative;
}

.module-visual-call-to-action-panel .copy-wrapper ul li a:before {
    font: var(--fa-font-solid);
    color:var(--dark-orange);
    position: absolute;
    left:0;
}
.module-visual-call-to-action-panel .copy-wrapper ul li a.link-type-page:before {
    content: '\f15b';
}

.module-visual-call-to-action-panel .copy-wrapper ul li a.link-type-document:before {
    content: '\f56d';
}

.module-visual-call-to-action-panel .copy-wrapper ul li a.link-type-website:before {
    content: '\f08e';
}

.module-visual-call-to-action-panel .copy-wrapper .buttons {
    margin-top:2rem;
}

.module-visual-call-to-action-panel .copy-wrapper .label {
    font-size:1.9rem;
    line-height: 2.2rem;
    font-weight: 700;
    margin-top:3rem;
}

.module-visual-call-to-action-panel .image-wrapper {
    position: relative;
    width:100%;
}

.module-visual-call-to-action-panel .image-wrapper img {
    width:100%;
    height:auto;
}

.module-visual-call-to-action-panel .image-wrapper img.desktop {
    display:none;
}

.module-visual-call-to-action-panel.mcs-gray .inner-wrapper {
    background:var(--light-gray);
}

.module-visual-call-to-action-panel.mcs-gray .inner-wrapper .copy-wrapper {
    padding:5rem;
}

@media (min-width:1200px) {
    .module-visual-call-to-action-panel .inner-wrapper {
        display:grid;
        grid-template-columns: 1fr 1fr;
        align-items:center;
        gap:5rem;
    }

    .module-visual-call-to-action-panel .image-wrapper img.mobile {
        display:none;
    }

    .module-visual-call-to-action-panel .image-wrapper img.desktop {
        display:block;
    }

    .module-visual-call-to-action-panel .copy-wrapper ul {
        columns:2;
    }

    .module-visual-call-to-action-panel .inner-wrapper.image-left .image-wrapper {
        order:0;
    }

    .module-visual-call-to-action-panel .inner-wrapper.image-left .copy-wrapper {
        order:1;
    }

    .module-visual-call-to-action-panel .copy-wrapper .copy {
        font-size:1.9rem;
        line-height:2.6rem;
    }

    .module-visual-call-to-action-panel .copy-wrapper ul li a {
        font-size:1.8rem;
        line-height: 2.2rem;
    }

    .module-visual-call-to-action-panel .image-wrapper:before {
        content: '';
        position: absolute;
        height: 50%;
        top: 25%;
        width: 20px;
        background-color: var(--light-orange);
        left: calc(100% - 20px);
    }
    
    .module-visual-call-to-action-panel .image-wrapper:after {
        content: '';
        position: absolute;
        height: 50%;
        top: 25%;
        width: 20px;
        background-color: var(--dark-orange);
        left: calc(100%);
    }

    .module-visual-call-to-action-panel .inner-wrapper.image-left .image-wrapper:before {
        left: 0px;
    }
    
    .module-visual-call-to-action-panel .inner-wrapper.image-left .image-wrapper:after {
        left: -20px;
    }
}