/* ------------------------------------------------------------------------------- */
/* ---------------------- Santander Work Cafe 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;
}



/* 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;
    }
}



/* MOBILE VERSION */
@media only screen and (max-width: 767px) {}

/* DESKTOP VERSION */
@media only screen and (min-width: 980px) and (max-width:1199px) {}

/* DESKTOP LARGE VERSION */
@media only screen and (min-width:1200px) {}