.normal-paragraph .confluence-content {
    display: block;
    font-family: 'Proxima Nova Regular', sans-serif;
    margin-bottom: 29px;
}

.normal-paragraph .confluence-content a {
    color: inherit;
    text-transform: none; 
}

@media (max-width: 479px) {
    .normal-paragraph .confluence-content {
        font-size: 18px;
        line-height: 22px;
    }
}

.unstyled-paragraph .confluence-content {
    display: block;
    margin-bottom: 29px;
}

.article-tile ul, .news-article ul {
    padding-left: 30px;
}

.regular-case {
    text-transform: none;
}

.no-gutter {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 480px) {
    .sol-content {
        max-width: 69%;
    }
}

/*
Fix for the slider on the mobile app page, we can't set display to none because it breaks the webflow libraries if the element isn't visible on page load
 */
@media (min-width: 768px) {
    .cloaked-mobile-content {
        height: 0;
        width: 0;
        z-index: -1;
        opacity: 0;
    }
}


.store-links, .mobile-app-icon, .left-phone, .middle-phone, .right-phone {
    float: right;
    height: 100%;
    position: relative;
}

.mobile-app-icon img, .left-phone img, .middle-phone img, .right-phone img {
    left: 0px;
    top: auto;
    right: 0px;
    margin-top: auto;
    vertical-align: middle;
    position: absolute;
}

.store-links img {
    left: 0px;
    top: auto;
    right: 0px;
    margin-top: auto;
    vertical-align: middle;
    position: relative;
}

.store-links .phone-image-google-play-store, .mobile-app-icon img {
    bottom: 30px;
}

.store-links .phone-image-apple-store {
    bottom: 73px;
}

.left-phone img, .middle-phone img, .right-phone img {
    bottom: 0;
}

.store-links {
    width: 120px;
}

.mobile-app-icon {
    width: 130px;
}

.mobile-app-icon img {
}

.desktop-phone-block {
    position: relative;
    display: inline-block;
    height: 350px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    border-bottom: 2px solid #d6d0d1;
    /*background-image: url('../images/ApplyOnlineApp/Section2-Body_Carousel-Images/app-store.png'), url('../images/ApplyOnlineApp/Section2-Body_Carousel-Images/Layer-1719.png');
    background-position: 99% 90%, 86% 90%;
    background-size: auto, 120px;
    background-repeat: no-repeat, no-repeat;*/
    text-align: center;
}

.middle-phone {
    width: 232px;
    z-index: 1;

}

.right-phone {
    width: 217px;
    -webkit-transform: translate(60px, 0px);
    -ms-transform: translate(60px, 0px);
    transform: translate(60px, 0px);
    z-index: 0;
}

.left-phone {
    width: 217px;
    -webkit-transform: translate(-60px, 0px);
    -ms-transform: translate(-60px, 0px);
    transform: translate(-60px, 0px);
    z-index: 0;
}

.mobile-phone-slider {
    margin-top: 16px;
}


@media screen and (max-width: 479px) {
    .store-links {
        width: 110px;
    }

    .mobile-app-icon {
        width: 100px;
        right: 10px;
    }
}

@media (min-width: 992px) {
    .desktop-phone-block {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .desktop-phone-block.stores-block {
        height: 150px;
        border-bottom: 0;
    }

    /*.middle-phone {
        width: 190px;
        z-index: 1;

    }

    .right-phone {
        width: 160px;
        -webkit-transform: translate(60px, 0px);
        -ms-transform: translate(60px, 0px);
        transform: translate(60px, 0px);
        z-index: 0;
    }

    .left-phone {
        width: 160px;
        -webkit-transform: translate(-60px, 0px);
        -ms-transform: translate(-60px, 0px);
        transform: translate(-60px, 0px);
        z-index: 0;
    }*/
}


/*@media (max-width: 767px) {
.article-tile, .news-article {
text-align: center;
}
}*/

/*
Used to hide menu items when the search bar has focus, so it is still visible when the mobile keyboard pops up
 */
.search-has-focus {
    display: none !important;
}

/*

 */
.client-name-logo .client-logo {
    max-height: 55px;
    width: auto;
    max-width: 100px;
}

.benefit-list .confluence-content {
    display: list-item;
    margin-bottom: 10px;
    margin-left: 20px;
}

.block-display .confluence-content {
    display: block;
}

.link-element {
    cursor: pointer;
}

.selected-archive .grey-link-block {
    background-color: #cacbce;
}

.selected-tag {
    background-color: #c1c3c7;
}

.search-result-info {
    margin-top: 20px;
    margin-bottom: 40px;
}

.link.disabled {
    cursor: not-allowed;
}

.archive-nav-link.disabled {
    opacity: 0.5;
}

.solutions-text p {
    margin-bottom: 29px;
}

a.solution-link {
    margin-top: 22px;
}

.search-dropdown.search-bar-open {
    display: block !important;
    transition: opacity 200ms !important;
    opacity: 1;
    z-index: auto;
}

.search-dropdown.search-bar-closed {
    display: none !important;
    opacity: 1;
    z-index: auto;
}

.lending-image {
    margin-top: 16px;
}

.read-more.read-more-unpadded {
    margin-top: 0;
}

.search-result-link {
    margin-top: 10px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #c11844;
}

.search-result-link a {
    border-bottom: 1px solid #e1a7b1;
    color: #c11844;
    text-decoration: none;
    text-transform: none;
}

/*

Column height adjustments for boxes

 */

@media (min-width: 992px) {
    .w-mod-flexbox .flex-row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .w-mod-flexbox .flex-column {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .w-mod-flexbox .flex-cell {
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .w-mod-flexbox .flex-cell.flex-cell-grow {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .w-mod-flexbox .flex-cell .tile-block {
        margin-bottom: 0;
        height: auto;
    }

    .w-mod-flexbox .flex-cell .tile-block.bottom-margin {
        margin-bottom: 20px;
    }

    .w-mod-flexbox .full-width {
        width: 100%;
    }

    .w-mod-flexbox .no-bottom-margin {
        margin-bottom: 0;
    }

    .w-mod-flexbox .bottom-margin {
        margin-bottom: 20px;
    }

    .w-mod-flexbox .benefit-block {
        height: auto;
    }

    .w-mod-flexbox .benefit-block.image {
        height: auto;
    }

    .w-mod-flexbox .com-image-tile.child {
        background-size: cover;
    }

    .w-mod-flexbox .alt-grey.community.tile-block {
        width: 100%;
    }

    /*
    Width adjusted for Firefox
     */
    .solution-item-content .sol-content  {
        max-width: 70%
    }

    /*
    Fix for IE flex vertical alignement issue
    https://connect.microsoft.com/IE/feedback/details/802625/min-height-and-flexbox-flex-direction-column-dont-work-together-in-ie-10-11-preview
     */
    .client-block {
        height: 375px;
        min-width: 375px;
    }

    .client-block-text {
        height: auto;
        padding-top: 80px;
    }

    .w-mod-flexbox .client-block-text {
        padding-top: 0;
    }
}



@media screen and (min-width: 480px) {
    /*
    Text wrapping fix for IE
     */
    .solution-item-content .sol-content .small-text {
        max-width: 100%;
    }
}

/*
Prevent issue with mobile phone images wrapping
 */
.desktop-phone-block {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
}

/*
Reduce padding around the bottom link of the dark boxes of the solutions page
 */
.solution-row .solution-dark-box {
    padding: 45px 30px 30px 30px;
}
.solution-row .solution-dark-box .solution-link {
    margin-top: 0;
}

h5.client-list-name {
    font-weight: 400;
}

.mobile-spacer {
    margin-bottom:20px;
}

/*
Fix to include and centre redcross image for mobile
 */
@media (max-width: 991px) {
    .com-tile .com-image-tile.redcross {
        display: block;
        height: 350px;
        background-position: 50% 35%;
    }
}

/*
Fix for applyonline image on app page
*/

.tile-image.tile-image-contained {
    background-size: contain;
}

/*
Fix for inconsistent font rendering on mac
*/
.hero-bar-title {
    -webkit-font-smoothing: antialiased;
}

.hero.blog {
    background-image: url('../images/Blog/Blog_HeroImage/Layer-1729-min.png');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero.blog-article {
    background-image: url('../images/Blog/Blog_Article_HeroImage/Layer-1729-min.png');
    background-position: 50% 50%;
    background-size: cover;
}

.hero-slide.news {
    padding-top: 525px;
    padding-bottom: 0px;
    background-image: url('../images/NBlog/Blog_Article_HeroImage/Layer-1728-min.png');
    background-position: 50% 100%;
}