/* ------------------------------------------------------------------------------- */
/* ------------------- Santander Private Client CSS Overrides -------------------- */
/* ----------------------------------------------------------------------------v35 */

@font-face {
    font-family: 'SantanderTextW05-Bold';
    src: url("/documents/330001/1387153/SantanderTextW05-Bold.woff2") format("woff2"), url("/documents/330001/1387153/SantanderTextW05-Bold.woff/0240e5ba-1e3a-7bfd-f694-4212c174ed1f") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

/* trim layout section padding to match main-content */
#main-content>section.bg-santander-section-gray,
#main-content>section.bg-dark {
    padding: 0 !important;
    margin: 0 8px;
}

/* ========== san theme overrides above ========== */





.san-spc *,
.san-spc ::after,
.san-spc ::before {
    /*box-sizing: border-box;*/
}

.san-spc .img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}

.san-spc .sancontainer {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    /*padding-right: var(--bs-gutter-x, 0.75em);
    padding-left: var(--bs-gutter-x, 0.75em);*/
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .san-spc .sancontainer {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .san-spc .sancontainer {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .san-spc .sancontainer {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .san-spc .sancontainer {
        /*max-width: 1140px;*/
        max-width: 1072px;
    }
}

@media (min-width: 1400px) {
    .san-spc .sancontainer {
        /*max-width: 1320px;*/
        max-width: 1072px;
    }
}

.san-spc .sanrow {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}

.san-spc .sanrow>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);
}

.san-spc .col {
    flex: 1 0 0%;
}

.san-spc ul {
    margin-left: 0px;
}

.san-spc .d-flex {
    display: flex !important;
}

.san-spc h1 sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
.san-spc p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'SantanderTextW05-Regular';
}

.san-spc p.pl-fr {
    padding-left: 14px !important;
}

.san-spc h1,
.san-spc h2,
.san-spc h3,
.san-spc h4,
.san-spc h5,
.san-spc h6 {
    font-family: 'SantanderHeadlineW05-Light';
    font-weight: 100 !important;
    margin: 0;
}

.san-spc h1 {
    font-size: 60px !important;
    line-height: 60px !important;
}

.san-spc h2 {
    font-size: 44px !important;
    line-height: 48px !important;
}

.san-spc h3 {
    font-size: 30px !important;
    line-height: 34px !important;
}

.san-spc h4 {
    font-size: 24px !important;
    line-height: 32px !important;
}

.san-spc h5 {
    font-size: 20px !important;
    line-height: 28px !important;
}

.san-spc a {
    color: #ec0000;
    text-decoration: underline;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.san-spc a:hover {
    color: #ec0000;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.san-spc h6.sub-heading {
    font-size: 18px;
    line-height: 26px;
}

.san-spc .text-center {
    text-align: center;
}

.san-spc .mb-4 {
    margin-bottom: 1.5rem;
}

.san-spc ul,
.san-spc ol {
    padding: 0;
    margin: 0 0 0px 0px;
}

.san-spc a.red-button {
    background: #EC0000;
    color: #ffffff !important;
    border-radius: 100px;
    text-decoration: none !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    letter-spacing: 0.4px;
    display: inline-block;
    height: 40px;
    width: 250px;
    text-align: center;
    font-size: 14px;
    font-family: 'SantanderTextW05-Regular';
    font-weight:normal;
    font-family: 'SantanderTextW05-Bold';
    line-height: 40px;
    cursor: pointer;
}

.san-spc a.red-button:hover {
    background-color: #f24d4d;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.san-spc h1 sup {
    top: -.3em;
}

.san-spc p.hero-text {
    font-size: 30px !important;
    line-height: 36px;
    font-weight: 100;
}

.san-spc a.red-text {
    font-size: 16px;
    text-decoration: none;
}



/* -- OOTB fragment SPC common styling -- */
.san-spc .component-paragraph p,
.san-spc .component-html p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 26px;
    /*font-family: 'SantanderHeadlineW05-Light'*/;
    margin-top: 0px;
}
.san-spc .component-paragraph p.subtitle,
.san-spc .component-html p.subtitle {
    /*font-family: 'SantanderTextW05-Regular';*/
    font-family: 'SantanderTextW05-Bold';
    font-size: 18px;
    font-weight:normal;
    line-height: 26px;
    margin-bottom: 5px;
}

.san-spc.small-text .component-paragraph p,
.san-spc.small-text .component-html p {
    font-size: 14px !important;
    line-height: 18px;
    font-family: 'SantanderHeadlineW05-Light';
}

.san-spc.spc-body .component-paragraph h2 {
    font-size: 44px !important;
    line-height: 48px !important;
}

.san-spc.spc-body .component-paragraph h3 {
    font-size: 30px !important;
    line-height: 34px !important;
}


/* -- OOTB fragment SPC accounts styling -- */
.san-spc.spc-accounts {
    margin-left: .5em;
}
.san-spc.spc-accounts .component-image div {
    position: relative;
    max-width: 425px;
    /*margin:0 auto;*/
}
.san-spc.spc-accounts .component-image div::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 270px;
    height: 25px;
    border-top: 5px solid #EC0000;
    background-color: #ffffff;
}
.san-spc.spc-accounts .component-image img {
    border:none;
    display:block;
}
.san-spc.spc-accounts .component-paragraph h2,
.san-spc.spc-accounts .component-paragraph h3 {
    color: #474747;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 34px;
}
.san-spc.spc-accounts .component-paragraph p {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
}
.san-spc.spc-accounts .component-paragraph p.lead {
    color: #EC0000;
    font-family: 'SantanderTextW05-Regular';
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 18px;
    line-height: 26px;
}
.san-spc.spc-accounts .component-paragraph div ul,
.san-spc.spc-accounts .component-paragraph ol {
    padding: 0px !important;
    margin-bottom: 26px !important;
    margin-left: 0px !important;
}
.san-spc.spc-accounts .component-paragraph li {
    font-size: 20px;
    line-height: 28px;
    list-style: none;
    margin-bottom: 5px !important;
    padding-left: 15px;
    position: relative;
    font-family: 'SantanderHeadlineW05-Light';
}
.san-spc.spc-accounts .component-paragraph li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    width: 4px;
    height: 4px;
    background-color: #EC0000;
    border-radius: 4px;
}



/* -- OOTB fragment SPC benefits styling -- */
.san-spc.spc-benefits {}



 .san-spc.spc-benefits h2,
 .san-spc.spc-benefits h3 {
    margin-top: 40px;
    margin-bottom: 8px;
    font-size: 30px !important;
    line-height: 34px !important;
 }

 .san-spc.spc-benefits ul {
    padding: 0 !important;
    margin-bottom: 0px;
    max-width: 397px;
 }

 .san-spc.spc-benefits ul li {
    font-size: 16px;
    line-height: 28px;
    list-style: none;
    margin-bottom: 8px;
    padding-left: 14px;
    position: relative;
    font-family: 'SantanderHeadlineW05-Light';
 }

 .san-spc.spc-benefits ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #EC0000;
    border-radius: 4px;
 }


 /* -- OOTB fragment SPC manage content -- */
 .san-spc.manage-content .component-paragraph div,
 .san-spc.manage-content .component-html div {
     margin-left:.5em;
 }
 .san-spc.manage-content .component-paragraph h4 a {
    font-size: 18px !important;
    line-height: 22px !important;
    font-family: 'SantanderTextW05-Bold' !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #474747;
    margin-bottom: 8px;
 }
 .san-spc.manage-content .component-paragraph h4 a:hover,
 .san-spc.manage-content .component-paragraph h4 a:active {
     color:#EC0000 !important;
     -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }

 .san-spc.manage-content .component-paragraph h4 a::after {
    content:'';
    margin-left: 5px;
    width: 18px;
    height: 18px;
    background-color: #EC0000;
    border-radius: 100px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: 4px;
    background-image: url('/documents/1912582/1910744/SPC_image_arrow-right.svg/54d4acc7-be6b-41e5-5b65-7c54aec988e4');
    background-repeat: no-repeat;
    background-position: center;
 }

 .san-spc.manage-content .component-paragraph h4 a span img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }

 .san-spc.manage-content .component-paragraph p {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 40px;
    font-family: 'SantanderHeadlineW05-Light' !important;
    margin-top: 0px;
 }

 .san-spc.manage-content .component-paragraph ul {
    padding: 0 !important;
    margin:-1em 2.75em 0 0 !important;
    max-width: 397px;
 }

 .san-spc.manage-content .component-paragraph ul li {
    font-size: 16px;
    line-height: 28px;
    list-style: none;
    margin-bottom: 8px;
    padding-left: 14px;
    position: relative;
    font-family: 'SantanderHeadlineW05-Light';
 }

 .san-spc.manage-content .component-paragraph ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    background-color: #EC0000;
    border-radius: 4px;
 }

 .san-spc.disclosure p {
    line-height: 24px;
    font-family: 'SantanderTextW05-Regular';
    font-size: 14px;
}


/* -- Desktop & Mobile show/hide -- */
.san-spc .d-desktop {
    display: block;
}

.san-spc .d-mobile {
    display: none;
}



/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {}

/* TABLET VERSION */
@media only screen and (max-width: 767px) {
    .san-spc .sanrow>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x)/ 2);
        padding-left: calc(var(--bs-gutter-x)/ 2);
        margin-top: var(--bs-gutter-y);
    }
    .san-spc .col-6 {
        flex: 0 0 100%;
    }
    #main-content .container .san-spc .component-paragraph h1 {
        font-size: 44px !important;
        line-height: 48px !important;
    }

    #main-content .container .san-spc.spc-accounts .component-paragraph h1 {
        font-size: 36px !important;
        line-height: 42px !important;
        margin-bottom: 0;
    }

    .san-spc .component-paragraph h2 {
        font-size: 44px !important;
        line-height: 48px !important;
    }


    /* -- OOTB fragment SPC common styling -- */
    .san-spc .sancontainer,
    #main-content .san-spc .component-paragraph,
    #main-content .san-spc .component-html {
        /*padding: 0px 30px !important;*/
    }
    .san-spc.disclosure p {
        margin: 0 5% 1em !important;
    }
    .san-spc .component-paragraph p br,
    .san-spc .component-html p br {
        display: none;
    }
    .san-spc.small-text p br {
        display: none;
    }



    /* -- OOTB fragment SPC exceptional benefits styling -- */
    .san-spc.spc-benefits {}



}

/* MOBILE VERSIONS */
@media only screen and (max-width: 480px) {
    /* -- OOTB fragment SPC common styling -- */
    .san-spc .sancontainer,
    #main-content .san-spc .component-paragraph,
    #main-content .san-spc .component-html {
        /*padding: 0px 30px;*/
    }
    #main-content section .container .disclosure p {
        margin: 0;
    }
    .san-spc .component-paragraph p br,
    .san-spc .component-html p br {
        /*display: none;*/
    }
    .san-spc.small-text p br {
        display: none;
    }
    .san-spc .component-paragraph p, 
    .san-spc .component-html p {
    margin-left: 1em;
    margin-right: 1em;
    }

    .san-spc.spc-body .component-paragraph h2 {
        font-size: 30px !important;
        line-height: 36px !important;
    }
    
    .san-spc.spc-body .component-paragraph h3 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .san-spc.spc-body .component-paragraph h2 br,
    .san-spc.spc-body .component-paragraph h3 br {
        display:none;
    }
    .san-spc.spc-body .component-paragraph p {
        margin-left:0;
        margin-right:0;
    }
    .san-spc.spc-body .spc-button {
        padding:0 !important;
        text-align:left;
    }
    .san-spc.spc-body {
        margin-left: -1rem;
        margin-right: -1rem;
    }



    /* -- OOTB fragment SPC accounts styling -- */
    .san-spc.spc-accounts {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    .san-spc.spc-accounts .component-image div::before {
        width: 100%;
        /*max-width: 425px;*/
        max-width: 265px;
      }
    .san-spc.spc-accounts .component-image div {
        /*position: relative;
        max-width: 425px;
        margin:0 auto;*/
        margin: 0 auto !important;
        /*max-width: 260px;*/
    }
    .san-spc.spc-accounts .component-image div::before {
       
    }
    .san-spc.spc-accounts .component-image img {
        /*border:none;
        display:block;*/
    }
    .san-spc.spc-accounts .component-paragraph h2,
    .san-spc.spc-accounts .component-paragraph h3 {
    font-size: 24px !important;
    line-height: 32px !important;
}
    .san-spc.spc-accounts .component-paragraph br {
        display:none;
    }
    .san-spc.spc-accounts .component-paragraph ul {
        margin: 0 !important;
    }
    .san-spc.spc-accounts .component-paragraph p {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .san-spc.spc-accounts .spc-button {
        padding:0 !important;
    }


    /* -- OOTB fragment SPC benefits styling -- */
    .san-spc.spc-benefits {}

     .san-spc.spc-benefits h2,
     .san-spc.spc-benefits h3 {
        font-size: 24px !important;
        line-height: 32px !important;
        margin-top: 0px;
        margin-bottom: 10px;
     }

     .san-spc.spc-benefits ul {
        margin-bottom: 40px;
        padding: !important;
     }

     .san-spc.spc-benefits .sancontainer {
        padding: 0px 30px;
     }

     .san-spc.spc-benefits p.mb-30 {
        margin-bottom: 30px;
     }

    .san-spc.spc-benefits .component-paragraph ul {
        margin: 0 !important;
    }

     .san-spc.spc-benefits {
        margin-left: -1rem;
        margin-right: -1rem;
    }


     /* -- OOTB fragment SPC manage content -- */
     .san-spc.manage-content .component-paragraph h4 a {
        font-size: 17.5px !important;
     }
     .san-spc.manage-content .component-paragraph h4 a img {
        margin-right: 24px;
     }
     .san-spc.manage-content .component-paragraph p br {
       display: none;
    }

    .san-spc.manage-content .component-paragraph h4 br {
       display: none;
    }
    .san-spc.manage-content .component-paragraph,
    .san-spc.manage-content .component-html {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    .san-spc.manage-content .component-paragraph h4,
    .san-spc.manage-content .component-paragraph p,
    .san-spc.manage-content .component-html h4,
    .san-spc.manage-content .component-html p {
        margin-left: 0;
        margin-right: .5em;
    }


    /* --  SPC FAQ accordion content -- */
    .san-spc.faq-accordion {
        margin-left: -1rem;
        margin-right: -1rem;
    }




    /* -- Desktop & Mobile show/hide -- */
    .san-spc .d-desktop {
        display: none;
    }

    .san-spc .d-mobile {
        display: block;
    }
}


