/* ------------------------------------------------------------------------------ */
/* ---------------------- Santander Business CSS Overrides ---------------------- */
/* ------------------------------------------------------------------------------ */

/* show & hide mobile & desktop */
@media only screen and (max-width: 767px) {
    .show-mobile {
        display: block !important;
    }

    .show-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .show-mobile {
        display: none !important;
    }

    .show-desktop {
        display: block !important;
    }
}



/* additional text colors */
.text-santander-blue .lead {
    color: #0172ce;
}

.subtitle-black .subtitle {
    color: #000 !important;
}



/* apply custom santander webfonts */
.webfont-san div div {
    font-family: 'SantanderTextW05-Regular' !important;
    font-weight: normal !important;
}

.webfont-san.large div div {
    font-size: 1.45em;
}

.webfont-san-bold div div {
    font-family: 'SantanderHeadlineW05-Bold' !important;
    font-weight: normal !important;
}

.webfont-san-bold.large div div {
    font-size: 1.45em;
}

.webfont-san-light div div {
    font-family: 'SantanderHeadlineW05-Light' !important;
    font-weight: normal !important;
}

.webfont-san-light.large div div {
    font-size: 1.45em;
}



/* adjust breadcrumb position */
.breadcrumb {
    margin: 0.25em 0 !important;
    padding: 0 !important;
    line-height: 1.25em !important;
}



/* adjust accordion symbol position */
.accordion .accordion-item-btn {
    padding: .65em 1em .65em 1em !important;
}



/* mobile text color adjustments */
@media only screen and (max-width: 767px) {

    #main-content .component-paragraph {
        padding-left: 0 !important;
        padding-right: 0 !important;
        /*line-height: 1.25em;*/
    }

    #main-content .component-paragraph ul li,
    #main-content .component-paragraph ol li {
        margin-bottom: .5em;
    }

    #main-content section .container h3,
    #main-content section .container h4 {
        font-size: 1.25em;
    }

    #main-content .component-paragraph h3 span.text-santander-dark-teal {
        color: #e20000 !important;
    }
}



/* ------------------------------------------------------------------------------ */
/* -------------------------- additional button styles -------------------------- */

/* gray button styles */
.gray-btn a.btn.btn-primary {
    background-color: #fff;
    color: #697072;
    text-decoration: none;
    padding: 0.75em 1.65em 0.73em;
    border: 2px solid #697072;
}

.gray-btn a.btn.btn-primary:active,
.gray-btn a.btn.btn-primary:hover {
    paddong: 0.75em 1.65em 0.73em;
    border: 2px solid #697072;
    background-color: #697072;
    color: #fff;
}



.san-mod .disclosure {
    font-size: .8em;
    margin-bottom: 1em;
}



/* business center mobile buttons */
@media only screen and (max-width: 767px) {
    .button-container {
        text-align: center !important;
    }

    .button-container .btn.btn-primary {
        display: inline-block !important;
    }
}



/* business heading mobile adjustments */
@media only screen and (max-width: 767px) {
    #main-content .container .component-paragraph h1 {
        font-size: 7.5vw !important;
    }

    #main-content .container .component-paragraph h2 strong {
        /*font-size: 9.5vw !important;*/
    }
}



/* business round image mobile adjustments */
@media only screen and (max-width: 767px) {
    #main-content .round-img .component-image div:nth-of-type(1) {
        text-align: center !important;
    }

    #main-content .round-img .component-image img {
        width: 216px !important;
        margin: 0 auto !important;
    }
}



/* business change color of H2 */
#main-content h2 {
    color: #14a1bc !important;
}

#main-content .billboard-text-wrapper h2 {
    color: inherit !important;
}



/* business change underline text links */
#main-content u a,
#main-content .txt-link a {
    text-decoration: underline !important;
}



/* business remove border between columns for Two Column Fragment */
.no-divider .two-column-fragment .left-column {
    border-right: none !important;
}



/* remove extra mobile padding on HTML fragment content */
@media only screen and (max-width: 767px) {
    #main-content .component-html {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}



/* add flame icon to mobile menu */
@media (max-width: 1184px) {
    #main-content .main-nav.wlrMenu05 .nav-menu>nav>.list-nav-menu {
        top: -84px !important;
    }

    #main-content .main-nav.wlrMenu05 .nav-menu.active:before {
        content: '';
        background: url('/documents/330001/423970/spritesheet.png/83823071-dd8c-64e9-ba15-af5eb375631b') no-repeat scroll 0 0;
        width: 29px;
        height: 26px;
        background-position: -507px -5px;
        position: absolute;
        right: 1em;
        top: -5em;
    }

    #main-content .main-nav.wlrMenu05 .nav-menu .nav-menu-trigger:hover {
        background-color: #c90212;
    }
}



/* ------------------------------------------------------------------------------ */
/* ---------------------------- content table styles ---------------------------- */
.san-mod .table-wrapper {
    display: table;
    width: 98.5%;
    clear: both;
    margin-bottom: 2em;
    overflow-x: scroll;
}

.san-mod .table-wrapper table.common-table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

.san-mod .table-wrapper table.common-table tbody {
    width: 100%;
}

.san-mod .table-wrapper table.common-table tr {
    border: 1px solid #eff6f9;
}

.san-mod .table-wrapper table.common-table th {
    color: #137a7a;
    background: #eff6f9;
    font-size: 1.75em;
    font-weight: 400;
    border-right: 1px solid #fff;
    vertical-align: top;
    padding: 10px 20px;
}

.san-mod .table-wrapper table.common-table td {
    color: #697072;
    vertical-align: top;
    border-right: 1px solid #eff6f9;
    padding: 10px 20px;
}

.san-mod .table-wrapper table.common-table th:last-child,
.san-mod .table-wrapper table.common-table td:last-child {
    border-right: none;
}

.san-mod .table-wrapper table.common-table td:first-child {
    border-right: 1px solid #eff6f9;
}

.san-mod .table-wrapper table.common-table ul {
    margin: 0 !important;
}

.san-mod .table-wrapper table.common-table li {
    margin-bottom: .5em;
}

/* -- alternating table styles -- */
.san-mod .table-wrapper table.alt-table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

.san-mod .table-wrapper table.alt-table tbody {
    width: 100%;
}

.san-mod .table-wrapper table.alt-table tr:nth-child(even) {
    /*border: 1px solid #eff6f9;*/
    background: #eff6f9;
}

.san-mod .table-wrapper table.alt-table th {
    color: #e20000;
    background: #fff;
    font-size: 1em;
    font-weight: 700;
    border-right: 1px solid #eff6f9;
    padding: 10px 20px;
    vertical-align: top;
    text-align: left;
}

.san-mod .table-wrapper table.alt-table td {
    color: #697072;
    vertical-align: top;
    border-right: 1px solid #eff6f9;
    padding: 10px 20px;
}

.san-mod .table-wrapper table.alt-table td:first-child {
    border-right: 1px solid #eff6f9;
}

.san-mod .table-wrapper table.alt-table tr:nth-child(even) td {
    border-right: 1px solid #fff;
}

.san-mod .table-wrapper table.alt-table th:last-child,
.san-mod .table-wrapper table.alt-table td:last-child {
    border-right: none;
}

.san-mod .table-wrapper table.alt-table ul {
    margin: 0;
}

.san-mod .table-wrapper table.alt-table li {
    margin-bottom: .5em;
}

/* -- nested table styles -- */
.san-mod .table-wrapper table.nested-table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

.san-mod .table-wrapper table.nested-table tbody {
    width: 100%;
}

.san-mod .table-wrapper table.nested-table tr {
    border: 1px solid #eff6f9;
}

.san-mod .table-wrapper table.nested-table th {
    color: #e20000;
    background: #eff6f9;
    font-size: 1em;
    font-weight: 700;
    border-right: 1px solid #fff;
    padding: 10px 20px;
    vertical-align: top;
    text-align: left;
}

.san-mod .table-wrapper table.nested-table td {
    color: #697072;
    vertical-align: top;
    border-right: 1px solid #eff6f9;
    padding: 10px 20px;
}

.san-mod .table-wrapper table.nested-table td:first-child {
    border-right: 1px solid #eff6f9;
}

.san-mod .table-wrapper table.nested-table tr:nth-child(odd) td {
    border-right: 1px solid #fff;
}

.san-mod .table-wrapper table.nested-table th:last-child,
.san-mod .table-wrapper table.nested-table td:last-child {
    border-right: none;
}

.san-mod .table-wrapper table.nested-table ul {
    margin: 0;
}

.san-mod .table-wrapper table.nested-table li {
    margin-bottom: .5em;
}

/* -- simple-table styles -- */
.san-mod .table-wrapper table table.simple-table {
    margin-bottom: 0
}

.san-mod .table-wrapper table.simple-table {
    margin-bottom: 1em;
    border-collapse: collapse;
    width: 100%;
}

.san-mod .table-wrapper table.simple-table tbody {
    width: 100%;
}

.san-mod .table-wrapper table.simple-table tr {
    border: none;
}

.san-mod .table-wrapper table.simple-table th {
    color: #697072;
    background: none;
    font-size: inherit;
    font-weight: 400;
    border-right: none;
    padding: 0;
}

.san-mod .table-wrapper table.simple-table td {
    color: #697072;
    vertical-align: top;
    border-right: none;
    padding: 0;
}

.san-mod .table-wrapper table.simple-table td:first-child {
    border-right: none;
}

/* -- table column presets -- */
.san-mod .table-wrapper .col-1-2 th,
.san-mod .table-wrapper .col-1-2 td {
    width: 50%;
}

.san-mod .table-wrapper .col-1-3 th,
.san-mod .table-wrapper .col-1-3 td {
    width: 33%;
    width: calc(100% / 3);
}

.san-mod .table-wrapper .col-1-4 th,
.san-mod .table-wrapper .col-1-4 td {
    width: 25%;
}

.san-mod .table-wrapper .col-1-5 th,
.san-mod .table-wrapper .col-1-5 td {
    width: 20%;
}

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {

    /* -- mobile table styles -- */
    .san-mod .table-wrapper {
        margin-top: 1em;
        overflow-x: scroll;
    }

    .san-mod .table-wrapper table.common-table th {
        font-size: 1.25em;
    }

    .san-mod .table-wrapper table.alt-table th {
        color: #137a7a;
        font-size: .9em;
        line-height: 1.25em;
    }

    .san-mod .table-wrapper.nested-table-wrapper {
        display: block;
    }

    .san-mod .table-wrapper table.nested-table th {
        color: #137a7a;
        font-size: .9em;
        line-height: 1.25em;
    }
}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {}

/* DESKTOP SMALL VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {}

/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {}



/* ------------------------------------------------------------------------------- */
/* ---------------------------- content column styles ---------------------------- */
/* col styles */
.san-mod .col-wrapper {
    display: table;
    width: 100%;
    clear: both;
    margin-bottom: 2em;
}

/* two col */
.san-mod .col-wrapper .col-1-2 {
    vertical-align: top;
    width: 50%;
    width: calc(100% / 2);
    position: relative;
    display: inline-block;
    float: left;
}

.san-mod .col-wrapper .col-1-2.left-60 {
    float: left;
    width: 50%;
}

.san-mod .col-wrapper .col-1-2.right-40 {
    float: right;
    width: 40%;
}

/* three col */
.san-mod .col-wrapper .col-1-3 {
    vertical-align: top;
    width: 33%;
    width: calc(100% / 3);
    display: inline-block;
    position: relative;
    float: left;
}

/* four col */
.san-mod .col-wrapper .col-1-4 {
    vertical-align: top;
    width: 25%;
    width: calc(100% / 4);
    display: inline-block;
    position: relative;
    float: left;
}

/* five col */
.san-mod .col-wrapper .col-1-5 {
    vertical-align: top;
    width: 20%;
    width: calc(100% / 5);
    display: inline-block;
    position: relative;
    float: left;
}

/* MOBILE VERSION */
@media only screen and (max-width: 767px) {

    .san-mod .col-wrapper {
        display: table;
        width: 96%;
        clear: both;
        margin: 0 auto 2em;
    }

    /* two col */
    .san-mod .col-wrapper .col-1-2 {
        float: none !important;
        width: 100% !important;
    }

    .san-mod .col-wrapper .col-1-2.left-60 {
        float: none !important;
        width: 96% !important;
        margin: 0 auto 1em !important;
    }

    .san-mod .col-wrapper .col-1-2.right-40 {
        float: none !important;
        width: 80% !important;
        margin: 0 auto 1em !important;
        left: 10% !important;
    }

    /* three col */
    .san-mod .col-wrapper .col-1-3 {
        float: none !important;
        width: 100% !important;
    }

    .san-mod .col-wrapper .col-1-3 ul {
        margin: 0 2%;
    }

    /* four col */
    .san-mod .col-wrapper .col-1-4 {
        float: none !important;
        width: 50% !important;
    }

    /* five col */
    .san-mod .col-wrapper .col-1-5 {
        float: none !important;
        width: 100% !important;
    }

}

/* TABLET VERSION */
@media only screen and (min-width: 768px) and (max-width:979px) {

    /* four col */
    .san-mod .col-wrapper .col-1-4 {
        width: 50%;
        width: calc(100% / 2);
    }

}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {}

/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {}