/* Colors */
.color-bright-red {
color: #DC1431;
}
.color-regal-red {
color: #C41230;
}
.color-dark-red {
color: #780032;
}
.color-bright-blue {
color: #0073CF;
}
.color-royal-blue {
color: #0052C2;
}
.color-dark-blue {
color: #012169;
}
.color-pale-gray-light {
color: #F9F7F4;
}
.color-warm-gray-light {
color: #D1C9C0;
}
.color-pale-gray {
color: #ECE6DD;
}
.color-warm-gray {
color: #A39382;
}
.color-dark-gray {
color: #333333;
}
.color-gray-1 {
color: #6B5E51;
}
.color-gray-2 {
color: #524940;
}
.color-gray-3 {
color: #6C5F52;
}
.color-gray-4 {
color: #333333;
}
.color-just-white {
color: #FFFFFF;
}
.color-just-black {
color: #000000;
}
/* Base Variables */
/* URLs - Dev */
/* @base-url-fonts: '../fonts';
@base-url-images: '../images'; */
/* URLs - Prod */
/* Base Mixins */
/* Retina */
/* Base Styles */
* {
box-sizing: border-box;
}
html {
font-size: 100%;
}
body {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 0.875rem;
font-style: normal;
line-height: 1.375rem;
color: #333333;
overflow-x: hidden;
}
section:focus {
outline: 0;
}
.hide2 {
display: none;
}
.show2 {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: normal;
margin: 0;
}
h1 {
font-size: 3.75rem;
margin-bottom: 1.25rem;
letter-spacing: -0.02em;
}
h2 {
font-size: 2.75rem;
margin-bottom: 1rem;
letter-spacing: -0.015em;
}
h3 {
font-size: 1.5rem;
margin-bottom: 0.875rem;
}
h4 {
font-size: 1.25rem;
margin-bottom: 0.75rem;
}
h5 {
font-size: 1rem;
margin-bottom: 0.625rem;
}
h6 {
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
p,
span {
font-size: inherit;
}
p {
margin: 1rem 0;
}
p:first-of-type {
margin-top: 0;
}
a {
font-size: inherit;
line-height: inherit;
color: inherit;
}
a:hover,
a:active {
color: inherit;
text-decoration: underline;
}
a:focus {
color: inherit;
outline: 1px dotted;
text-decoration: underline;
}
a sup {
cursor: pointer;
}
.link-default.blue {
color: #0052C2;
}
.link-default.blue:hover,
.link-default.blue:active {
color: #012169;
}
.link-default.blue:focus {
color: #012169;
}
.link-default.white {
color: #FFFFFF;
text-decoration: underline;
}
.link-default.white:hover,
.link-default.white:active {
color: #FFFFFF;
}
.link-default.white:focus {
color: #FFFFFF;
}
.link-default.underlined {
text-decoration: underline;
}
.link-layer {
display: inline;
border-bottom: 1px dotted;
padding-bottom: 1px;
}
.link-layer:hover,
.link-layer:active {
text-decoration: none;
border-bottom: 1px solid;
}
.link-layer:focus {
text-decoration: none;
border-bottom: 1px solid;
}
.button-default,
button,
[type="button"] {
display: inline-block;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
border: none;
border-radius: 0;
padding: 0.5rem 1.25rem;
cursor: pointer;
transition: all 200ms ease-in;
}
.button-default:hover,
button:hover,
[type="button"]:hover,
.button-default:active,
button:active,
[type="button"]:active {
text-decoration: none;
transition: all 200ms ease-in;
}
.button-default:focus,
button:focus,
[type="button"]:focus {
outline: 1px dotted #333333;
outline-offset: 1px;
text-decoration: none;
}
.button-default.button-faux,
button.button-faux,
[type="button"].button-faux {
background-color: transparent;
padding: inherit;
border: inherit;
text-align: inherit;
-webkit-appearance: none !important;
}
.button-default.blue,
button.blue,
[type="button"].blue {
background-color: #0052C2;
color: #FFFFFF;
}
.button-default.blue:hover,
button.blue:hover,
[type="button"].blue:hover,
.button-default.blue:active,
button.blue:active,
[type="button"].blue:active {
background-color: #012169;
color: #FFFFFF;
}
.button-default.red,
button.red,
[type="button"].red {
background-color: #DC1431;
color: #FFFFFF;
}
.button-default.red:hover,
button.red:hover,
[type="button"].red:hover,
.button-default.red:active,
button.red:active,
[type="button"].red:active {
background-color: #C41230;
color: #FFFFFF;
}
.button-default.gray,
button.gray,
[type="button"].gray {
background-color: #D9D9D9;
color: #0052C2;
}
.button-default.gray:hover,
button.gray:hover,
[type="button"].gray:hover,
.button-default.gray:active,
button.gray:active,
[type="button"].gray:active {
background-color: #D0D0D0;
color: #0052C2;
}
.button-default.white,
button.white,
[type="button"].white {
background-color: #FFFFFF;
color: #0073CF;
}
.button-default.white:hover,
button.white:hover,
[type="button"].white:hover,
.button-default.white:active,
button.white:active,
[type="button"].white:active {
background-color: #ECE6DD;
color: #0052C2;
}
.button-default.button-block,
button.button-block,
[type="button"].button-block {
display: block;
text-align: center;
margin: 1.875rem 0;
}
.button-default.button-large,
button.button-large,
[type="button"].button-large {
font-size: 1.375rem;
padding: 1rem 2.25rem;
}
sup {
font-size: 70%;
top: -0.3em;
}
b,
strong,
.bolded {
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: normal;
}
.bolded-medium {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
em,
i {
font-family: 'ConnectionsItalic', Helvetica Neue, Helvetica, Arial, sans-serif;
font-style: normal;
}
.underlined {
text-decoration: underline !important;
}
input::-ms-clear {
display: none;
}
.clearout {
clear: both;
}
.no-list-style {
padding-left: 0;
list-style: none;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
[class*="col-"] {
padding-left: 0;
padding-right: 0;
}
.container-fluid {
min-width: 320px;
padding-left: 0;
padding-right: 0;
}
.container-mlo {
max-width: 1300px;
min-width: 320px;
margin: 0 !important;
padding-left: 0;
padding-right: 0;
}
.container-mlo.centered {
margin: 0 auto !important;
}
.container-mlo.large {
max-width: 1600px;
}
.container-mlo.large-minus-menu {
max-width: calc(1600px - 6.875rem);
}
.container-mlo.plus-menu {
padding-left: 6.875rem;
}
.row-mlo {
margin-left: 0;
margin-right: 0;
}
.display-block {
display: block;
}
.display-table {
display: table;
}
.display-table.full-width {
width: 100%;
}
.display-table.full-height {
height: 100%;
}
.display-table-row {
display: table-row;
}
.display-table-cell {
display: table-cell;
}
.display-table-cell.full-width {
width: 100%;
}
.display-table-cell.full-height {
height: 100%;
}
.display-table-cell.valign-top {
vertical-align: top;
}
.display-table-cell.valign-middle {
vertical-align: middle;
}
.display-table-cell.valign-bottom {
vertical-align: bottom;
}
.font-decrease-quarter {
font-size: 75%;
}
.font-decrease-third {
font-size: 66%;
}
.font-decrease-half {
font-size: 50%;
}
.ada-hidden {
position: absolute;
left: -10000px;
color: #FFFFFF;
font-size: 1px;
margin-left: -10000px;
line-height: 0.1em;
}
/* Forms */
label,
legend {
font-size: inherit;
font-weight: normal;
color: #666666;
}
label.required::after,
legend.required::after {
content: " *";
}
legend {
font-size: inherit;
border: none;
}
input[type="text"],
textarea,
select {
border-radius: 0 !important;
border: inherit;
transition: 0s !important;
}
input[type="text"]:focus,
textarea:focus,
select:focus {
outline: none !important;
box-shadow: none !important;
border: 1px solid #0073CF !important;
transition: 0s !important;
}
input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
color: #666666;
opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
color: #666666 !important;
}
input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
color: #666666;
}
select {
padding-left: 0.5rem !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 1.5rem;
}
select::-ms-expand {
display: none;
}
/* Error Messaging */
input[type="text"].invalid {
outline: 1px solid #DC1431;
outline-offset: 0;
}
input[type="text"].invalid:focus {
outline: 1px solid #DC1431 !important;
}
input[type="text"].invalid::-moz-placeholder {
color: #DC1431;
opacity: 1;
}
input[type="text"].invalid:-ms-input-placeholder {
color: #DC1431;
}
input[type="text"].invalid::-webkit-input-placeholder {
color: #DC1431;
}
.form-control {
font-size: 1.125rem;
line-height: 1.125rem;
height: 2.125rem;
padding: 0.375rem 0.5rem;
}
.form-inline .form-group {
padding-right: 0.75rem !important;
margin-bottom: 0;
}
.form-inline .form-group:last-of-type {
padding-right: 0 !important;
}
.form-inline label {
padding-right: 0.5rem;
}
.mlo4-form {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #333333;
/* Working with a real estate agent? Fix */
}
.mlo4-form .form-pad-left {
padding-left: 0.75rem;
}
.mlo4-form .form-pad-right {
padding-right: 0.75rem;
}
.mlo4-form .form-control-label {
font-size: 1.125rem;
line-height: 1.25rem;
color: #333333;
margin-bottom: 5px;
}
.mlo4-form .form-control-label .label-note {
display: inline-block;
}
.mlo4-form legend.form-control-label + br {
display: none;
}
.mlo4-form .form-group {
margin-bottom: 1.5rem;
}
.mlo4-form .form-group .mlo4-popover {
width: 275px;
}
.mlo4-form .form-control {
background-color: #F2F2F2;
color: #333333;
border: none;
box-shadow: none;
}
.mlo4-form .form-disclosure {
display: block;
font-size: 0.75rem;
line-height: 1.125rem;
}
.mlo4-form .radio-inline {
font-size: 1rem;
margin-right: 0.75rem;
}
.mlo4-form textarea {
min-height: 8.75rem;
}
.mlo4-form .help-block {
display: none;
}
.mlo4-form .has-error label {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-error.svg');
background-repeat: no-repeat;
background-size: 1.125rem;
padding-left: 1.625rem;
color: #DC1431;
}
.mlo4-form .has-error .form-control {
border: 1px solid #DC1431;
}
.mlo4-form .has-error .help-block {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-error.svg');
background-repeat: no-repeat;
background-size: 1rem;
padding-left: 1.5rem;
color: #DC1431;
line-height: 1.125rem;
margin-bottom: 0;
}
.mlo4-form .has-error.field-level label {
background: none;
padding-left: 0;
}
.mlo4-form .has-error select {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-error.svg') !important;
}
.mlo4-form .field-note,
.mlo4-form .form-tip {
float: right;
}
.mlo4-form .required-text {
display: block;
font-size: 0.875rem;
text-align: right;
margin-bottom: 0.75rem;
}
.mlo4-form .form-tip {
color: #0073CF;
padding-bottom: 0;
}
.mlo4-form .button-default {
font-size: 1.25rem;
padding: 0.875rem 3.125rem;
}
/* disable event form button 3/2/2023 */
.mlo4-form .button-default[disabled] {
color: #A8A8A8;
background-color: #F2F2F2;
pointer-events: none;
}
.mlo4-form .form-messaging {
margin-bottom: 1.875rem;
}
.mlo4-form .form-messaging:focus {
outline: none;
}
.mlo4-form .form-messaging.validation-summary-valid {
display: none;
}
.mlo4-form .form-messaging.validation-summary-errors {
display: inline-block;
}
.mlo4-form .form-messaging.page-level-error {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-error.svg');
background-repeat: no-repeat;
background-size: 1.5rem;
padding-left: 2.5rem;
font-size: 1.125rem;
line-height: 1.375rem;
}
.mlo4-form .form-messaging.page-level-error .error-message,
.mlo4-form .form-messaging.page-level-error span {
display: block;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #DC1431;
margin-bottom: 0.5rem;
}
.mlo4-form .form-messaging.page-level-error ul li {
margin-bottom: 0.3125rem;
}
.mlo4-form .form-messaging.page-level-confirmation {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-checkmark-blue.svg');
background-repeat: no-repeat;
background-size: 5rem;
padding-left: 7rem;
font-size: 1.125rem;
line-height: 1.375rem;
min-height: 6.25rem;
}
.mlo4-form .form-messaging.page-level-confirmation .confirmation-message {
display: block;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.5rem;
line-height: 2.75rem;
color: #0073CF;
margin-bottom: 0.5rem;
}
.mlo4-form .form-messaging.page-level-confirmation .confirmation-subtext {
display: block;
font-size: 1.25rem;
line-height: 1.5rem;
color: #666666;
}
.mlo4-form #adaVS {
position: relative;
}
.mlo4-form #adaFocusElement {
position: absolute;
top: 0;
margin-top: -130px;
}
/* Responsive Styles - Forms */
@media (max-width: 440px) {
.mlo4-form .form-disclosure {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (max-width: 767px) {
.mlo4-form .form-pad-left.col-xs-12,
.mlo4-form .form-pad-right.col-xs-12 {
padding: 0;
}
.mlo4-form .mobile-split-left {
padding: 0 0.75rem 0 0;
}
.mlo4-form .mobile-split-right {
padding: 0 0 0 0.75rem;
}
.mlo4-form .form-control-label {
font-size: 1.125rem;
line-height: 1.25rem;
}
.mlo4-form .form-control-label .label-note {
display: block;
font-size: 0.875rem;
line-height: 1.125rem;
}
.mlo4-form .label-note {
display: block;
font-size: 0.875rem;
}
.mlo4-form .button-default {
display: block;
width: 100%;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1120px) {
.mlo4-form .form-disclosure {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
/* Fallbacks for IE10 & Up */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mlo4-form .form-control-label {
line-height: 1.125rem;
}
.mlo4-form .has-error label {
background-size: 1rem;
padding-left: 1.5rem;
}
}
/* Tables */
.table-responsive {
border-color: #D3D3D3;
}
.table {
margin: 1.5rem 0 2.5rem;
border-collapse: collapse;
}
.table.table-bordered-inline tr {
border-top: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
}
.table.table-bordered-inline th {
border: none;
padding: 1.5rem 1.5rem 1.5rem 0;
vertical-align: top;
font-weight: normal;
}
.table.table-bordered-inline th.cell-label {
vertical-align: top;
}
.table.table-bordered-inline td {
border: none;
padding: 1.5rem 1.5rem 1.5rem 0;
vertical-align: middle;
}
.table.table-bordered-inline .cell-header,
.table.table-bordered-inline .cell-label,
.table.table-bordered-inline .cell-value {
font-size: 1.125rem;
line-height: 1.5rem;
color: #333333;
}
.table.table-alternate tr:nth-child(even) {
background-color: #F2F2F2;
}
.table.table-alternate th {
border: none;
padding: 0 1.25rem 1.5rem;
vertical-align: bottom;
font-weight: normal;
}
.table.table-alternate th.cell-label {
vertical-align: middle;
}
.table.table-alternate td {
border: none;
padding: 1.5rem 1.25rem;
vertical-align: middle;
}
.table.table-alternate .cell-header,
.table.table-alternate .cell-label,
.table.table-alternate .cell-value {
font-size: inherit;
line-height: inherit;
color: #333333;
}
.table.table-alternate .cell-total {
background-color: #F2F2F2;
color: #333333;
}
.table.table-alternate .cell-total.total-blend {
background-color: #F3F0EA;
}
/* Locator */
.mlo4-locator-header {
background-color: #FFFFFF;
}
.mlo4-locator-header.sticky .sticky-items {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 1999;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);
}
.mlo4-locator-header.sticky .mlo4-locator-body {
padding-top: 11.88rem;
}
.mlo4-locator-header .header-top {
padding: 1.5rem;
}
.mlo4-locator-header .header-top .header-logo {
width: 14.06rem;
}
.mlo4-locator-header .header-top .header-meta {
padding-top: 0.75rem;
}
.mlo4-locator-header .header-top .header-meta .meta-espanol {
font-size: 0.9375rem;
color: #6B5E51;
}
.mlo4-locator-header .header-title {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/bg-flagscape-red.svg');
background-color: #C41230;
background-position: 65% 29%;
background-repeat: no-repeat;
background-size: 125%;
width: 100%;
height: 3.438rem;
}
.mlo4-locator-header .header-title h1 {
font-size: 1.375rem;
color: #FFFFFF;
letter-spacing: -0.01em;
padding-top: 0.9375rem;
padding-left: 1.5rem;
}
.mlo4-locator-header .header-search {
background-color: #ECE6DD;
width: 100%;
height: auto;
padding: 0.625rem 0;
}
.mlo4-locator-header .header-search .search-form {
position: relative;
padding: 0 1.5rem;
}
.mlo4-locator-header .header-search .search-form input[type="text"],
.mlo4-locator-header .header-search .search-form textarea,
.mlo4-locator-header .header-search .search-form select {
color: #6B5E51;
border: none;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.mlo4-locator-header .header-search .search-form input[type="text"]:focus,
.mlo4-locator-header .header-search .search-form textarea:focus,
.mlo4-locator-header .header-search .search-form select:focus,
.mlo4-locator-header .header-search .search-form input[type="text"]:active,
.mlo4-locator-header .header-search .search-form textarea:active,
.mlo4-locator-header .header-search .search-form select:active {
border: none !important;
outline: 1px solid #0073CF !important;
outline-offset: 0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15) !important;
}
.mlo4-locator-header .header-search .search-form input[type="text"].invalid {
outline: 1px solid #DC1431;
outline-offset: 0;
}
.mlo4-locator-header .header-search .search-form input[type="text"].invalid:focus,
.mlo4-locator-header .header-search .search-form input[type="text"].invalid:active {
outline: 1px solid #DC1431 !important;
}
.mlo4-locator-header .header-search .search-form input[type="text"].invalid::-moz-placeholder {
color: #DC1431;
opacity: 1;
}
.mlo4-locator-header .header-search .search-form input[type="text"].invalid:-ms-input-placeholder {
color: #DC1431;
}
.mlo4-locator-header .header-search .search-form input[type="text"].invalid::-webkit-input-placeholder {
color: #DC1431;
}
.mlo4-locator-header .header-search .search-form .form-inline .form-group {
padding-right: 1px !important;
margin: 0;
}
.mlo4-locator-header .header-search .search-form.by-last-name .search-last-name {
display: block;
}
.mlo4-locator-header .header-search .search-by select {
width: 100%;
background-color: #F9F7F4;
}
.mlo4-locator-header .header-search .search-by .input-group-btn {
display: inline-block !important;
width: 100%;
}
.mlo4-locator-header .header-search .search-by .input-group-btn:last-child > .btn,
.mlo4-locator-header .header-search .search-by .input-group-btn:last-child > .btn-group {
z-index: 0 !important;
margin-left: 0 !important;
}
.mlo4-locator-header .header-search .search-by .input-group-btn .btn,
.mlo4-locator-header .header-search .search-by .input-group-btn .btn-default {
width: 100%;
height: 2.125rem;
font-size: 1rem;
color: #6C5F52;
text-align: left;
padding: 0.375rem 0.75rem !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 1.5rem;
background-color: #F9F7F4;
border-radius: 0 !important;
border: inherit;
transition: 0s !important;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.mlo4-locator-header .header-search .search-by .input-group-btn .btn:focus,
.mlo4-locator-header .header-search .search-by .input-group-btn .btn-default:focus {
border: none !important;
outline: 1px solid #0073CF !important;
outline-offset: 0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15) !important;
}
.mlo4-locator-header .header-search .search-by .input-group-btn .btn span,
.mlo4-locator-header .header-search .search-by .input-group-btn .btn-default span {
line-height: 1.5rem;
}
.mlo4-locator-header .header-search .search-by .input-group-btn .dropdown-menu {
width: 100%;
border-radius: 0 !important;
margin: 1px 0 0 0 !important;
padding: 0;
border-color: #D1C9C0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15) !important;
}
.mlo4-locator-header .header-search .search-by .input-group-btn .dropdown-menu > li > a {
display: block;
padding: 0.125rem 0.75rem;
clear: both;
font-size: 1rem;
font-weight: normal;
line-height: 1.5rem;
color: #6C5F52;
white-space: nowrap;
}
.mlo4-locator-header .header-search .search-by .input-group-btn .dropdown-menu > li > a:hover,
.mlo4-locator-header .header-search .search-by .input-group-btn .dropdown-menu > li > a:focus {
background-color: #F9F7F4;
}
.mlo4-locator-header .header-search .search-last-name {
display: none;
}
.mlo4-locator-header .header-search .search-last-name .input-group {
width: 100%;
}
.mlo4-locator-header .header-search .search-last-name .input-group .input-group-addon {
background: none;
border: none;
font-size: 1rem;
color: #6B5E51;
}
.mlo4-locator-header .header-search .search-last-name input[type="text"] {
width: 100%;
}
.mlo4-locator-header .header-search .search-field {
position: relative;
}
.mlo4-locator-header .header-search .search-field input[type="text"] {
width: calc(100% - 5.25rem);
}
.mlo4-locator-header .header-search .search-field input[type="text"].last-name {
width: 100%;
}
.mlo4-locator-header .header-search .search-filters .filters-beak {
position: absolute;
top: 0;
left: 0;
margin-top: 2.125rem;
margin-left: 0.5rem;
z-index: 1001;
width: 0;
height: 0;
border-left: 0.75rem solid transparent;
border-right: 0.75rem solid transparent;
border-bottom: 0.875rem solid #F9F7F4;
}
.mlo4-locator-header .header-search .search-filters .filters-layer {
position: absolute;
top: 0;
left: 0;
margin-top: 2.75rem;
margin-left: -14.8125rem;
width: 20rem;
padding: 1.5rem;
z-index: 1000;
background-color: #F9F7F4;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.mlo4-locator-header .header-search .search-filters .filters-layer .layer-overflow {
max-height: 30rem;
overflow-y: auto;
}
.mlo4-locator-header .header-search .search-filters .filters-layer .layer-close {
position: absolute;
top: 1.5rem;
right: 1.5rem;
display: block;
width: 1.375rem;
height: 1.375rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.mlo4-locator-header .header-search .search-filters .filters-layer .layer-close:focus {
outline: 1px dotted #A39382;
outline-offset: 2px;
}
.mlo4-locator-header .header-search .search-filters .filters-layer label {
display: block;
margin-bottom: 0;
}
.mlo4-locator-header .header-search .search-filters .filters-layer legend {
margin-bottom: 0.3125rem;
}
.mlo4-locator-header .header-search .search-filters .filters-layer input[type="checkbox"] {
margin-right: 0.75rem;
}
.mlo4-locator-header .header-search .search-buttons {
position: absolute;
top: 0;
right: 0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.mlo4-locator-header .header-search .search-buttons .search-buttons-props {
width: 2.625rem;
height: 2.125rem;
line-height: 2.125rem;
padding: 0 0.75rem;
font-size: 1.25rem;
text-align: center;
}
.mlo4-locator-header .header-search .search-buttons .search-buttons-props:focus {
outline: 1px dotted #A39382;
outline-offset: 0;
}
.mlo4-locator-header .header-search .search-buttons .button-filters {
width: 2.625rem;
height: 2.125rem;
line-height: 2.125rem;
padding: 0 0.75rem;
font-size: 1.25rem;
text-align: center;
background-color: #F9F7F4;
}
.mlo4-locator-header .header-search .search-buttons .button-filters:focus {
outline: 1px dotted #A39382;
outline-offset: 0;
}
.mlo4-locator-header .header-search .search-buttons .button-filters.active {
color: #A39382;
}
.mlo4-locator-header .header-search .search-buttons .button-submit {
width: 2.625rem;
height: 2.125rem;
line-height: 2.125rem;
padding: 0 0.75rem;
font-size: 1.25rem;
text-align: center;
}
.mlo4-locator-header .header-search .search-buttons .button-submit:focus {
outline: 1px dotted #A39382;
outline-offset: 0;
}
.mlo4-locator-body {
padding: 0 0 5rem 0;
}
.mlo4-locator-content-intro {
padding: 2.5rem 1.5rem;
}
.mlo4-locator-content-intro span {
font-size: 1.25rem;
color: #6C5F52;
margin: 0;
}
.mlo4-locator-content-seo {
padding: 3.125rem 1.5rem;
}
.mlo4-locator-content-seo h2 {
font-size: 1.75rem;
line-height: 2.125rem;
color: #DC1431;
margin-bottom: 1.25rem;
}
.mlo4-locator-content-seo p {
font-size: 1.125rem;
color: #6C5F52;
}
.mlo4-locator-rates {
padding: 3.125rem 1.5rem 0;
}
.mlo4-locator-rates h2 {
font-size: 1.75rem;
color: #DC1431;
margin-bottom: 1.25rem;
}
.mlo4-locator-rates .rates-toggle {
text-align: right;
margin-bottom: 1.25rem;
padding: 0;
font-weight: bold;
}
.mlo4-locator-rates .rates-toggle a {
display: inline-block;
font-size: 1.125rem;
color: #6C5F52;
padding: 0.5rem 1rem;
}
.mlo4-locator-rates .rates-toggle a.active {
border-bottom: 3px solid #DC1431;
}
.mlo4-locator-rates .rates-toggle a:hover,
.mlo4-locator-rates .rates-toggle a:active {
text-decoration: none;
}
.mlo4-locator-rates .rates-toggle a:focus {
outline: 1px dotted #A39382;
text-decoration: none;
}
.mlo4-locator-rates .table {
border-collapse: collapse;
}
.mlo4-locator-rates .table.table-alternate th {
padding: 1.25rem;
}
.mlo4-locator-rates .table.table-alternate td {
padding: 1.25rem;
}
.mlo4-locator-rates .table.table-alternate .cell-header,
.mlo4-locator-rates .table.table-alternate .cell-label {
font-size: 1rem;
color: #6C5F52;
}
.mlo4-locator-rates .table.table-alternate .cell-value {
font-size: 1.5rem;
line-height: 1.75rem;
color: #857363;
}
.mlo4-locator-rates .table.table-alternate .cell-total {
background-color: #F9F7F4;
color: #524940;
}
.mlo4-locator-rates .table.table-alternate .cell-total.total-blend {
background-color: #F3F0EA;
}
.mlo4-locator-rates .rates-disclosures {
padding-top: 0.75rem;
}
.mlo4-locator-rates .rates-disclosures p {
font-size: 0.625rem;
line-height: 0.875rem;
color: #857363;
margin: 0.75rem 0;
}
.mlo4-locator-rates .rates-disclosures p:last-of-type {
margin-bottom: 0;
}
.mlo4-locator-results-summary {
padding: 0 1.5rem 1.5rem 0;
}
.mlo4-locator-results-summary span {
display: block;
color: #6C5F52;
}
.mlo4-locator-results-summary .showing-results-for {
font-size: 1rem;
line-height: 1.5rem;
}
.mlo4-locator-results-summary .search-location {
font-size: 1.5rem;
line-height: 2rem;
}
.mlo4-locator-results {
height: 65vh;
border-top: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-locator-results .results-area {
height: 100%;
}
.mlo4-locator-results .results-toggle {
position: absolute;
top: 0;
right: 0;
}
.mlo4-locator-results .results-toggle .button-toggle {
display: inline-block;
height: 3.125rem;
line-height: 2.9375rem;
padding: 0 0.75rem;
color: #A39382;
text-decoration: none;
}
.mlo4-locator-results .results-toggle .button-toggle.active {
color: #0073CF;
border-top: 0.1875rem solid #0073CF;
}
.mlo4-locator-results .results-toggle .button-toggle .glyphicon {
margin-right: 0.1875rem;
}
.mlo4-locator-results .results-list {
height: 100%;
border-right: 1px solid #D3D3D3;
}
.mlo4-locator-results .results-list .list-controls {
height: 3.125rem;
background-color: #F9F7F4;
}
.mlo4-locator-results .results-list .list-controls label {
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
margin-bottom: 0;
vertical-align: middle;
}
.mlo4-locator-results .results-list .list-controls select {
display: inline-block;
width: 60%;
vertical-align: middle;
}
.mlo4-locator-results .results-list .list-controls .sort-by {
padding: 0.5rem 1.5rem;
}
.mlo4-locator-results .results-list .list-column {
position: absolute;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mlo4-locator-results .results-list .list-column.sortable {
/* height: calc(100% ~"-" @list-controls-height); */
height: 100%;
}
.mlo4-locator-results .results-list .list-row {
padding: 1.875rem 1.5rem;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-locator-results .results-list .list-row a {
color: #0073CF;
}
.mlo4-locator-results .results-list .list-row a:hover,
.mlo4-locator-results .results-list .list-row a:active {
color: #0052C2;
}
.mlo4-locator-results .results-list .list-row a:focus {
color: #0052C2;
}
.mlo4-locator-results .results-list .list-row ul {
margin-top: 0.3125rem;
}
.mlo4-locator-results .results-list .list-row:last-of-type {
border-bottom: none;
}
.mlo4-locator-results .results-list .list-row:after {
display: table;
clear: both;
content: " ";
}
.mlo4-locator-results .results-list .list-row .row-number {
float: left;
width: 2.125rem;
height: 2.125rem;
background-color: #ECE6DD;
border-radius: 50%;
margin-right: 1.5rem;
}
.mlo4-locator-results .results-list .list-row .row-number span {
display: block;
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 2.125rem;
color: #0073CF;
text-align: center;
}
.mlo4-locator-results .results-list .list-row .row-items {
float: left;
width: calc(100% - 4rem);
margin-top: 0.3125rem;
}
.mlo4-locator-results .results-list .list-row .row-items a {
font-size: 1rem;
}
.mlo4-locator-results .results-list .list-row .results-location {
float: left;
width: calc(100% - 4rem);
margin-top: 0.3125rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-address {
padding-bottom: 1.25rem;
color: #524940;
}
.mlo4-locator-results .results-list .list-row .results-location .location-address .address-street,
.mlo4-locator-results .results-list .list-row .results-location .location-address .address-city-state,
.mlo4-locator-results .results-list .list-row .results-location .location-address .address-distance {
display: block;
line-height: 1.625rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-address .address-street,
.mlo4-locator-results .results-list .list-row .results-location .location-address .address-city-state {
font-size: 1.25rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-address .address-street {
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-locator-results .results-list .list-row .results-location .location-address .address-city-state {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-locator-results .results-list .list-row .results-location .location-address .address-distance {
font-family: 'ConnectionsItalic', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo {
padding-bottom: 1.25rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo:last-of-type {
padding-bottom: 0;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-photo {
width: 3.125rem;
padding-right: 1.125rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-photo img {
width: 3.125rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-info {
color: #6C5F52;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-name,
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-nmls,
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-phone {
display: block;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-name {
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-nmls,
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-phone {
font-size: 0.9375rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-nmls {
margin-bottom: 0.5rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-phone {
margin-bottom: 0.5rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-contact {
font-size: 0.875rem;
line-height: 1.125rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-contact .mlo-cta {
display: inline-block;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-contact .mlo-cta:nth-of-type(2) {
border-left: 1px solid #D3D3D3;
padding-left: 0.75rem;
margin-left: 0.75rem;
}
.mlo4-locator-results .results-map {
background-color: #F9F7F4;
height: 100%;
}
.mlo4-locator-results .results-map .map-pin .pin-icon {
width: 1.375rem;
}
.mlo4-locator-footer {
background-color: #F9F7F4;
z-index: 997;
font-size: 0.875rem;
line-height: 1.125rem;
color: #6C5F52;
}
.mlo4-locator-footer .footer-wrapper {
padding: 0 1.5rem;
}
.mlo4-locator-footer .footer-breadcrumbs {
padding: 1.25rem 0;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-locator-footer .footer-breadcrumbs ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.mlo4-locator-footer .footer-breadcrumbs ul li {
display: inline-block;
}
.mlo4-locator-footer .footer-breadcrumbs ul li:after {
font-family: 'FontAwesome';
content: "\00a0\00a0\00a0\f105\00a0\00a0";
}
.mlo4-locator-footer .footer-breadcrumbs ul li:last-of-type:after {
content: "";
}
.mlo4-locator-footer .footer-breadcrumbs a {
display: inline-block;
color: #0073CF;
}
.mlo4-locator-footer .footer-breadcrumbs a:hover,
.mlo4-locator-footer .footer-breadcrumbs a:active {
color: #0052C2;
}
.mlo4-locator-footer .footer-breadcrumbs a:focus {
color: #0052C2;
}
.mlo4-locator-footer .footer-breadcrumbs a.current-page {
color: #6C5F52;
pointer-events: none;
}
.mlo4-locator-footer .footer-disclosures {
padding: 1.25rem 0;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-locator-footer .footer-meta {
padding: 1.25rem 0 3.125rem;
}
.mlo4-locator-footer .footer-meta .meta-link {
display: inline-block;
padding-right: 1rem;
margin-right: 1rem;
border-right: 1px solid #D3D3D3;
}
.mlo4-locator-footer .footer-meta .meta-link:last-of-type {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.mlo4-locator-footer .footer-meta .logo-ehl {
display: inline-block;
width: 0.875rem;
padding-bottom: 0.1875rem;
}
/* Responsive Styles - Locator */
@media (max-width: 767px) {
.mlo4-locator-header .header-search .search-form.by-last-name .search-by.form-group,
.mlo4-locator-header .header-search .search-form.by-last-name .search-last-name.form-group {
margin-bottom: 0.625rem;
}
.mlo4-locator-header .header-search .search-filters .filters-layer .layer-overflow {
max-height: 10rem;
}
.mlo4-locator-results {
position: relative;
height: auto;
/* For Map Toggle */
}
.mlo4-locator-results .results-area {
height: auto;
}
.mlo4-locator-results .results-list {
height: auto;
border-right: none;
}
.mlo4-locator-results .results-list.map-view {
margin-top: 21.5rem;
/* For Map Toggle */
}
.mlo4-locator-results .results-list .list-column {
position: relative;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-contact .mlo-cta {
font-size: 0.75rem;
}
.mlo4-locator-results .results-map {
position: absolute;
top: 0;
left: 0;
border-bottom: 1px solid #D3D3D3;
height: 21.5rem;
}
.mlo4-locator-rates .rates-toggle {
text-align: left;
}
.mlo4-locator-body {
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 1120px) {
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-contact .mlo-cta {
display: block;
margin-bottom: 0.3125rem;
}
.mlo4-locator-results .results-list .list-row .results-location .location-mlo .mlo-contact .mlo-cta:nth-of-type(2) {
border-left: none;
padding-left: 0;
margin-left: 0;
}
}
@media (min-width: 992px) {
.mlo4-locator-results-summary {
padding: 0 1.5rem 0 0;
}
}
/* Fallbacks for IE10 & Up */
/* Header */
.mlo4-header {
position: fixed;
left: 0;
top: 0;
background-color: #FFFFFF;
width: 100%;
height: 3.75rem;
z-index: 1003;
}
.mlo4-header .header-wrapper {
padding: 0.75rem 1.875rem;
}
.mlo4-header .header-logo {
width: 12rem;
margin-top: -0.3125rem;
}
.mlo4-header .header-meta {
color: #333333;
padding-top: 0.5rem;
/* .menu-toggle {
position: absolute;
right: 1.875rem;
width: 1.875rem;
height: 1.875rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//icon-menu.svg') !important;
background-repeat: no-repeat;
background-position: left top;
background-size: contain;
&.menu-close {
width: 1.5rem;
height: 1.5rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//icon-close.svg') !important;
}
} */
}
.mlo4-header .header-meta .meta-login {
display: inline-block;
}
.mlo4-header .header-meta .icon-social {
display: inline-block;
width: 1.125rem;
margin-left: 0.5rem;
}
.mlo4-header .header-meta .icon-social img {
max-width: 100%;
width: 100%;
}
.mlo4-header .header-meta .icon-social:active {
opacity: 0.8;
}
.mlo4-header .header-meta .menu-toggle {
position: absolute;
top: 0.875rem;
right: 1.875rem;
display: inline-block !important;
margin: 0;
border: 0;
background-color: transparent;
text-transform: none;
overflow: visible;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze .nav-toggle-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze .nav-toggle-inner:before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze .nav-toggle-inner:after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze .open-main {
display: inline;
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze .close-main {
display: none;
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze.state-open .nav-toggle-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze.state-open .nav-toggle-inner:before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze.state-open .nav-toggle-inner:after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze.state-open .open-main {
display: none;
}
.mlo4-header .header-meta .menu-toggle.toggle-squeeze.state-open .close-main {
display: inline;
}
.mlo4-header .header-meta .menu-toggle .nav-toggle-box {
width: 1.75rem;
height: auto;
display: inline-block;
position: relative;
}
.mlo4-header .header-meta .menu-toggle .nav-toggle-inner,
.mlo4-header .header-meta .menu-toggle .nav-toggle-inner:before,
.mlo4-header .header-meta .menu-toggle .nav-toggle-inner:after {
position: absolute;
width: 1.75rem;
height: 0.1875rem;
background-color: #333333;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.mlo4-header .header-meta .menu-toggle .nav-toggle-inner {
display: block;
top: 50%;
}
.mlo4-header .header-meta .menu-toggle .nav-toggle-inner:before,
.mlo4-header .header-meta .menu-toggle .nav-toggle-inner:after {
content: "";
display: block;
}
.mlo4-header .header-meta .menu-toggle .nav-toggle-inner:before {
top: -0.5rem;
}
.mlo4-header .header-meta .menu-toggle .nav-toggle-inner:after {
bottom: -0.5rem;
}
.mlo4-header .header-meta .meta-rates {
position: absolute;
right: 5rem;
height: 2rem;
margin-top: -0.375rem;
}
.mlo4-header .header-meta .meta-rates .rates-label {
display: inline-block;
text-transform: uppercase;
margin-right: 2.75rem;
width: 12rem;
text-align: right;
font-size: 0.875rem;
line-height: 1.125rem;
}
.mlo4-header .header-meta .meta-rates .rates-link:hover {
color: inherit;
text-decoration: none;
}
.mlo4-header .header-meta .meta-rates .rates-link:focus {
color: inherit;
outline: none;
text-decoration: underline;
}
.mlo4-header .header-meta .meta-rates .rates-icon {
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 2rem;
height: 2rem;
background-color: #FFFFFF;
border-radius: 1rem;
}
.mlo4-header .header-meta .meta-rates .rates-icon img {
width: 1.875rem;
position: absolute;
top: 1px;
left: 1px;
}
.mlo4-header .header-meta .meta-rates .rates-icon img.static {
z-index: 2;
animation: fade 30s linear infinite;
-webkit-animation: fade 30s linear infinite;
-moz-animation: fade 30s linear infinite;
}
.mlo4-header .header-meta .meta-rates .rates-icon img.animated {
animation: spin 2.4s linear infinite;
-webkit-animation: spin 2.4s linear infinite;
-moz-animation: spin 2.4s linear infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes fade {
0% {
opacity: 1;
transform: scale(1);
}
2% {
opacity: 0;
transform: scale(0);
}
13% {
opacity: 0;
transform: scale(0);
}
14% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes fade {
0% {
opacity: 1;
-webkit-transform: scale(1);
}
2% {
opacity: 0;
-webkit-transform: scale(0);
}
13% {
opacity: 0;
-webkit-transform: scale(0);
}
14% {
opacity: 1;
-webkit-transform: scale(1);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes fade {
0% {
opacity: 1;
-moz-transform: scale(1);
}
2% {
opacity: 0;
-moz-transform: scale(0);
}
13% {
opacity: 0;
-moz-transform: scale(0);
}
14% {
opacity: 1;
-moz-transform: scale(1);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
.mlo4-subhead {
position: fixed;
top: 3.75rem;
width: 100%;
height: 3.5rem;
background-color: #E5F5FC;
padding: 1px;
z-index: 1000;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-subhead.subhead-alt {
background-color: #FFFFFF;
padding: 0 1.875rem 1.25rem;
height: 2.5rem;
}
.mlo4-subhead .subhead-content h1 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
margin-bottom: 0;
}
.mlo4-subhead.subhead-profile {
padding-left: 6.875rem;
padding-right: 0;
top: 0;
z-index: 1000;
transition: top 0.3s ease-in-out;
}
.mlo4-subhead.subhead-profile .container-mlo {
min-width: auto;
}
.mlo4-subhead.subhead-profile .subhead-content {
font-size: 1.25rem;
line-height: 1.625rem;
padding: 0 3.75rem 0 1.875rem;
}
.mlo4-subhead.subhead-profile .subhead-content .mlo-name {
display: block;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: inherit;
line-height: 1.3;
margin-bottom: 0;
}
.mlo4-subhead.subhead-profile .subhead-content .mlo-cta {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #0052C2;
}
.mlo4-subhead.subhead-profile .subhead-content .mlo-phone,
.mlo4-subhead.subhead-profile .subhead-content .mlo-ext {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.mlo4-subhead.subhead-profile .subhead-content .mlo-phone {
position: relative;
display: inline-block;
margin-left: 0.5rem;
padding-left: 1.5rem;
}
.mlo4-subhead.subhead-profile .subhead-content .mlo-phone img {
position: absolute;
left: 0;
width: 0.9375rem;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs {
position: absolute;
/* margin-left: 1.875rem; */
top: 0.875rem;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs ul li {
display: inline-block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs ul li:after {
font-family: 'FontAwesome';
content: "\00a0\00a0\00a0\f105\00a0\00a0";
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs ul li:last-of-type:after {
content: "";
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs a {
display: inline-block;
text-decoration: underline;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs a:hover,
.mlo4-subhead.subhead-profile .subhead-breadcrumbs a:active {
text-decoration: underline;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs a:focus {
outline: 1px dotted;
outline-offset: 2px;
text-decoration: underline;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs a.current-page {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
text-decoration: none;
pointer-events: none;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs a.current-page.active {
pointer-events: auto;
}
.mlo4-subhead.subhead-profile.scroll-state {
top: 3.75rem;
transition: top 0.3s ease-in-out;
}
.mlo4-subhead .subhead-toggler {
padding: 0.875rem 0 0.75rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
background-size: 1rem;
background-repeat: no-repeat;
background-position: center right 1.875rem;
cursor: pointer;
min-height: 3.35rem;
}
.mlo4-subhead .subhead-toggler[aria-expanded="true"] {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-up-gray.svg');
}
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .toggler-label {
visibility: hidden;
}
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .mlo-name,
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .mlo-phone,
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .mlo-ext {
display: none;
}
.mlo4-subhead .subhead-toggler[aria-expanded="true"] + .subhead-breadcrumbs {
display: none;
}
.mlo4-subhead .subhead-toggler:focus {
outline: 1px dotted #333333;
}
.mlo4-subhead .subhead-more {
position: fixed;
margin-top: 1px;
width: calc(100% - 6.875rem);
background-color: #E5F5FC;
/* .cta-prequal {
display: block;
text-align: center;
font-size: 1.25rem;
margin-bottom: 1.25rem;
} */
}
.mlo4-subhead .subhead-more .subhead-cta {
padding: 1rem 1.875rem;
}
.mlo4-subhead .subhead-more .profile-info {
padding-right: 2.5rem;
color: #333333;
}
.mlo4-subhead .subhead-more .profile-card {
padding-bottom: 1.875rem;
}
.mlo4-subhead .subhead-more .profile-photo img {
width: 6.25rem;
margin-right: 1.875rem;
}
.mlo4-subhead .subhead-more .profile-name {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.125rem;
line-height: 2.625rem;
letter-spacing: -0.015em;
margin: 0;
}
.mlo4-subhead .subhead-more .profile-title {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-subhead .subhead-more .profile-title-corp {
display: inline-block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-subhead .subhead-more .profile-title-corp:after {
content: "\00a0\2014\00a0";
}
.mlo4-subhead .subhead-more .profile-nmls,
.mlo4-subhead .subhead-more .profile-phone,
.mlo4-subhead .subhead-more .profile-ext {
display: inline-block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-subhead .subhead-more .profile-address {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-subhead .subhead-more .cta-message {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
color: #333333;
text-align: center;
padding: 0.5rem 0;
margin-top: 1.25rem;
}
.mlo4-subhead .subhead-more .cta-blocks {
display: flex;
}
.mlo4-subhead .subhead-more .cta-block {
flex: 1;
text-align: center;
}
.mlo4-subhead .subhead-more .cta-block.block-single {
float: none;
width: 100%;
padding: 0.5rem 0;
}
.mlo4-subhead .subhead-more .cta-block.block-single .cta-link {
display: table;
margin: 0 auto;
}
.mlo4-subhead .subhead-more .cta-block.block-single .cta-icon {
display: table-cell;
vertical-align: middle;
padding-right: 0.25rem;
}
.mlo4-subhead .subhead-more .cta-block.block-single .cta-label {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
line-height: 1.375rem;
}
.mlo4-subhead .subhead-more .cta-block.block-single .cta-text {
display: table-cell;
vertical-align: middle;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
padding-left: 0.5rem;
}
.mlo4-subhead .subhead-more .cta-block.block-single .cta-text .mlo-phone,
.mlo4-subhead .subhead-more .cta-block.block-single .cta-text .mlo-ext {
display: inline;
}
.mlo4-subhead .subhead-more .cta-block .cta-link {
display: block;
}
.mlo4-subhead .subhead-more .cta-block .cta-icon {
display: block;
text-align: center;
height: 1.875rem;
margin-bottom: 0.5rem;
}
.mlo4-subhead .subhead-more .cta-block .cta-text {
display: block;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
padding: 0 0.125rem;
}
.mlo4-subhead .subhead-more .cta-block .cta-text .mlo-phone,
.mlo4-subhead .subhead-more .cta-block .cta-text .mlo-ext {
display: block;
}
.mlo4-subhead .subhead-more .cta-block.cta-prequal .cta-icon img {
width: auto;
height: 1.625rem;
}
.mlo4-subhead .subhead-more .cta-block.cta-bba .cta-icon img {
width: auto;
height: 1.5rem;
}
.mlo4-subhead .subhead-more .cta-block.cta-contact .cta-icon img {
width: auto;
height: 1.5rem;
transform: scale(-1, 1);
}
.mlo4-subhead .subhead-more .cta-block.cta-call .cta-icon img {
width: auto;
height: 1.5rem;
}
.mlo4-subhead-cta h2 {
font-size: 1.375rem;
text-align: center;
margin-bottom: 1.125rem;
}
.mlo4-subhead-cta h2[data-cta="hiddenhidden"] {
display: none;
}
/* Responsive Styles - Header */
@media (max-width: 440px) {
.mlo4-header .header-logo {
width: 12rem;
margin-top: -0.125rem;
}
}
@media (max-width: 767px) {
.mlo4-header .header-meta .meta-rates {
right: 4.75rem;
}
.mlo4-header .header-meta .meta-rates .rates-label {
width: 7rem;
font-size: 0.75rem;
line-height: 1rem;
}
.mlo4-subhead.subhead-alt {
height: 3.5rem;
background-color: #E5F5FC;
padding: 1rem 1.875rem;
}
.mlo4-subhead.subhead-profile {
top: 3.75rem;
}
.mlo4-subhead.subhead-profile .subhead-content {
font-size: 1.25rem;
line-height: 1.625rem;
padding: 0;
}
.mlo4-subhead.subhead-profile .subhead-content .mlo-name {
display: none;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-subhead.subhead-profile .subhead-content .mlo-phone,
.mlo4-subhead.subhead-profile .subhead-content .mlo-ext {
font-size: 1rem;
}
.mlo4-subhead.subhead-profile.scroll-state {
top: 3.75rem;
}
.mlo4-subhead.subhead-profile.scroll-state .mlo-name {
display: block;
}
.mlo4-subhead .subhead-toggler {
background-position: center right;
}
.mlo4-subhead .subhead-toggler .toggler-label {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .toggler-label {
visibility: visible;
}
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .mlo-name,
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .mlo-phone,
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .mlo-ext {
display: none;
}
.mlo4-subhead .subhead-more {
background-color: transparent;
left: auto !important;
right: 0;
/* .cta-prequal {
font-size: 1rem;
} */
}
.mlo4-subhead .subhead-more .subhead-cta {
float: right;
width: 45% !important;
min-width: 1px;
padding: 0;
background-color: #E5F5FC;
}
.mlo4-subhead .subhead-more .button-default {
padding: 0.75rem 1.25rem;
margin: 0.75rem 0 0;
}
.mlo4-subhead .subhead-more .cta-blocks {
display: block;
padding: 0.75rem;
}
.mlo4-subhead .subhead-more .cta-block {
float: none;
width: 100%;
}
.mlo4-subhead .subhead-more .cta-block.block-single {
padding: 0;
}
.mlo4-subhead .subhead-more .cta-block.block-single .cta-link {
margin: 0;
}
.mlo4-subhead .subhead-more .cta-block .cta-link {
display: table;
width: 100%;
min-height: 4.25rem;
}
.mlo4-subhead .subhead-more .cta-block .cta-icon,
.mlo4-subhead .subhead-more .cta-block .cta-text {
display: table-cell;
vertical-align: middle;
}
.mlo4-subhead .subhead-more .cta-block .cta-icon {
width: 3.75rem;
text-align: center;
}
.mlo4-subhead .subhead-more .cta-block .cta-icon img {
width: 1.75rem !important;
height: auto !important;
}
.mlo4-subhead .subhead-more .cta-block.cta-prequal .cta-icon img {
width: 1.9375rem !important;
height: auto !important;
}
.mlo4-subhead .subhead-more .cta-block.cta-location .cta-icon img {
width: 1.375rem !important;
height: auto !important;
}
.mlo4-subhead .subhead-more .cta-block.cta-call .cta-icon img {
width: 1.25rem !important;
height: auto !important;
}
.mlo4-subhead .subhead-more .cta-block.cta-call .cta-text {
padding-left: 0;
}
.mlo4-subhead .subhead-more .cta-block .cta-text {
height: 100%;
text-align: left;
}
}
@media (max-width: 1120px) {
.mlo4-header {
padding-left: 0;
}
.mlo4-subhead.subhead-profile {
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.mlo4-subhead.subhead-profile .subhead-content {
padding: 0 1.875rem 0 0;
}
.mlo4-subhead.subhead-profile .subhead-breadcrumbs {
margin-left: 0;
}
.mlo4-subhead .subhead-toggler {
background-position: center right;
}
.mlo4-subhead .subhead-toggler:focus {
outline: none;
}
.mlo4-subhead .subhead-more {
width: 100%;
left: 0;
}
}
/* Fallbacks for IE10 & Up */
/* Menu */
.mlo4-menu {
display: block;
position: fixed;
left: 0;
width: 6.875rem;
height: 100%;
z-index: 1004;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.mlo4-menu.menu-consumer {
background-color: #FFFFFF;
}
.mlo4-menu.menu-agent {
background-color: #F2F2F2;
}
.mlo4-menu .menu-controls {
padding: 1.25rem;
font-size: 1rem;
}
.mlo4-menu .menu-controls .controls-wrapper {
padding: 0 0 1.25rem;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-menu .menu-controls .menu-close {
display: block;
width: 1.125rem;
height: 1.125rem;
margin-bottom: 1.75rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.mlo4-menu .menu-list {
padding: 0;
margin: 0;
/* &.disabled {
.menu-item {
a {
pointer-events: none;
}
}
} */
}
.mlo4-menu .menu-list .menu-item {
display: block;
width: 100%;
height: auto;
}
.mlo4-menu .menu-list .menu-item.active {
background-color: #DC1431;
}
.mlo4-menu .menu-list .menu-item.active a .menu-item-icon .icon-default {
display: none;
}
.mlo4-menu .menu-list .menu-item.active a .menu-item-icon .icon-active {
display: inline-block;
}
.mlo4-menu .menu-list .menu-item.active a .menu-item-label {
color: #FFFFFF;
}
.mlo4-menu .menu-list .menu-item.active a:focus {
outline: 1px dotted #FFFFFF;
text-decoration: none;
background-color: #C41230 !important;
}
.mlo4-menu .menu-list .menu-item a {
display: block;
width: 100%;
padding: 1.125rem 0;
text-align: center;
}
.mlo4-menu .menu-list .menu-item a:hover,
.mlo4-menu .menu-list .menu-item a.active {
text-decoration: none;
background-color: inherit !important;
}
.mlo4-menu .menu-list .menu-item a:focus {
outline: 1px dotted #333333;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon {
display: block;
text-align: center;
height: auto;
margin-bottom: 0.25rem;
/* width: 1.875rem;
height: 1.875rem;
margin: 0 auto;
margin-bottom: 0.1875rem;
background-size: 100%;
background-repeat: no-repeat; */
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon .icon-default {
display: inline-block;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon .icon-active {
display: none;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-home img {
width: 1.375rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-rates {
position: relative;
width: 1.25rem;
height: 1.25rem;
margin: 0 auto 0.25rem;
background-color: #000000;
border-radius: 0.625rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-rates img {
width: 1.125rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-rates img.static {
position: absolute;
top: 1px;
left: 1px;
z-index: 2;
animation: fade 30s linear infinite;
-webkit-animation: fade 30s linear infinite;
-moz-animation: fade 30s linear infinite;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-rates img.animated {
position: absolute;
top: 1px;
left: 1px;
z-index: 1;
animation: spin 2.4s linear infinite;
-webkit-animation: spin 2.4s linear infinite;
-moz-animation: spin 2.4s linear infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes fade {
0% {
opacity: 1;
transform: scale(1);
}
2% {
opacity: 0;
transform: scale(0);
}
13% {
opacity: 0;
transform: scale(0);
}
14% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes fade {
0% {
opacity: 1;
-webkit-transform: scale(1);
}
2% {
opacity: 0;
-webkit-transform: scale(0);
}
13% {
opacity: 0;
-webkit-transform: scale(0);
}
14% {
opacity: 1;
-webkit-transform: scale(1);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes fade {
0% {
opacity: 1;
-moz-transform: scale(1);
}
2% {
opacity: 0;
-moz-transform: scale(0);
}
13% {
opacity: 0;
-moz-transform: scale(0);
}
14% {
opacity: 1;
-moz-transform: scale(1);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-calculators img {
width: 1rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-resources img {
width: 1.25rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-benefits img {
width: 1.25rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-homeoutlook img {
width: 1.375rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-events img {
width: 1.125rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-properties img {
width: 1rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-agent img {
width: 1.125rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-programs img {
width: 1.625rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-connected img {
width: 1.5rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-label {
display: block;
text-transform: uppercase;
font-size: 0.625rem;
line-height: 0.75rem;
color: #333333;
padding: 0 0.5rem;
}
.mlo4-menu .menu-list .menu-item.nav-rates {
position: relative;
}
.mlo4-menu .menu-list .menu-item.nav-rates a.active {
pointer-events: none;
}
.mlo4-menu .menu-list .menu-item.nav-agent {
background-color: #F2F2F2;
}
.mlo4-menu .menu-list .menu-item.nav-consumer {
background-color: #FFFFFF;
}
/* Responsive Styles - Menu */
@media (max-width: 440px) {
.mlo4-menu {
width: 65%;
}
}
@media (min-width: 441px) and (max-width: 659px) {
.mlo4-menu {
width: 55%;
}
}
@media (min-width: 660px) and (max-width: 767px) {
.mlo4-menu {
width: 40%;
}
}
@media (min-width: 768px) and (max-width: 1120px) {
.mlo4-menu {
width: 30%;
}
}
@media (max-width: 1120px) {
.mlo4-menu {
display: none;
top: 3.75rem;
left: auto;
right: 0;
max-width: 440px;
margin-right: -800px;
transition: margin-right 0.3s ease-in-out;
z-index: 1001;
box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.15);
}
.mlo4-menu.slideout {
margin-right: 0px;
transition: margin-right 0.3s ease-in-out;
}
.mlo4-menu .menu-list {
padding: 0;
margin: 0;
/* &.disabled {
.menu-item {
a {
pointer-events: none;
}
}
} */
}
.mlo4-menu .menu-list .menu-item {
height: 3.125rem;
padding: 0;
}
.mlo4-menu .menu-list .menu-item a {
display: flex;
align-items: center;
height: 100%;
padding: 0 1.25rem;
text-align: left;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon {
width: 1.25rem;
margin-bottom: 0;
vertical-align: middle;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon img {
max-width: 100%;
width: 100%;
height: auto;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-rates {
width: 1.25rem;
height: 1.25rem;
border-radius: 0.6875rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-rates img {
width: 1.063rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-rates img.static {
top: 1px;
left: 1px;
}
.mlo4-menu .menu-list .menu-item a .menu-item-icon.icon-menu-rates img.animated {
margin-bottom: 0.25rem;
}
.mlo4-menu .menu-list .menu-item a .menu-item-label {
font-size: 0.875rem;
line-height: 1.25rem;
padding: 0 0.5rem 0 1.25rem;
vertical-align: middle;
}
}
@media (min-width: 1121px) {
.mlo4-menu {
display: block !important;
}
}
/* Fallbacks for IE10 & Up */
/* Main */
.mlo4-glass {
display: none;
position: fixed;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 997;
}
.mlo4-section-border {
width: 100%;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-section-border > div {
position: relative;
}
.mlo4-section-border .section-border-arrow {
position: absolute;
left: 50%;
margin-top: -8px;
margin-left: -9px;
width: 18px;
height: 18px;
background-color: #FFFFFF;
border-right: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
transform: rotate(45deg);
}
.mlo4-main-body {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
position: relative;
padding: 3.75rem 0 0 6.875rem;
}
body:is(.contact-me, .event-rsvp, .article) .mlo4-main-body {
padding-top: 10.375rem;
}
.mlo4-main-body.no-menu {
padding-left: 0;
}
.mlo4-main-body.no-subhead .mlo4-newsletters .newsletters-intro {
padding-top: 2.875rem;
}
.mlo4-profile {
padding: 1.875rem 1.875rem 3.125rem;
}
.mlo4-profile .profile-info {
padding-right: 2.5rem;
color: #333333;
}
.mlo4-profile .profile-card {
padding-bottom: 1.875rem;
}
.mlo4-profile .profile-call {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-cta-call.svg');
background-size: 1.5rem 1.5rem;
background-repeat: no-repeat;
padding: 0 0 0.5rem 2rem;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.375rem;
color: #0052C2;
}
.mlo4-profile .profile-photo img {
width: 6.25rem;
margin-right: 1.875rem;
}
.mlo4-profile .contacts-icon {
display: inline-block;
width: 1.875rem;
text-align: left;
}
.profile-phone img,
.profile-vcard img {
width: 1.375rem;
margin-right: 5px;
}
.mlo4-profile .profile-name {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.125rem;
line-height: 2.625rem;
letter-spacing: -0.015em;
margin: 0;
}
.mlo4-profile .profile-title {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
line-height: 1.625rem;
}
.mlo4-profile .profile-title-corp {
display: inline-block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-profile .profile-title-corp:after {
content: "\00a0\2014\00a0";
}
.mlo4-profile .profile-vcard,
.mlo4-profile .profile-nmls,
.mlo4-profile .profile-phone,
.mlo4-profile .profile-ext {
display: inline-block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-profile .profile-ext {
margin-right: 0.275rem;
}
.mlo4-profile .profile-address {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo-ada-fix-container {
position: relative;
}
.mlo-ada-fix {
position: absolute;
top: 1rem;
right: 3.875rem;
}
.mlo-ada-fix .mlo-phone,
.mlo-ada-fix .mlo-ext {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.mlo-ada-fix .mlo-phone {
position: relative;
display: inline-block;
margin-left: 0.5rem;
padding-left: 1.5rem;
}
.mlo-ada-fix .mlo-phone img {
position: absolute;
left: 0;
width: 0.9375rem;
}
@media (max-width: 1120px) {
.mlo-ada-fix {
top: 0.875rem;
right: 2rem;
}
}
.mlo4-profile .profile-intro p {
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-cta {
background-color: #E5F5FC;
padding: 1.25rem;
/* .cta-prequal {
display: block;
text-align: center;
font-size: 1.25rem;
margin-bottom: 1.25rem;
} */
}
.mlo4-cta h2 {
font-size: 1.375rem;
text-align: center;
margin-bottom: 1.125rem;
}
.mlo4-cta h2[data-cta="hiddenhidden"] {
display: none;
}
.mlo4-cta .mlo4-popover.popover-dme {
margin-top: 2.125rem;
box-shadow: none;
}
.mlo4-cta .cta-message {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
color: #333333;
text-align: center;
padding: 0.5rem 0;
}
.mlo4-cta .cta-blocks {
display: flex;
}
.mlo4-cta .cta-block {
flex: 1;
text-align: center;
}
.mlo4-cta .cta-block.block-single {
float: none;
width: 100%;
padding: 0.5rem 0;
}
.mlo4-cta .cta-block.block-single .cta-link {
display: table;
margin: 0 auto;
}
.mlo4-cta .cta-block.block-single .cta-icon {
display: table-cell;
vertical-align: middle;
padding-right: 0.25rem;
}
.mlo4-cta .cta-block.block-single .cta-label {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
line-height: 1.375rem;
}
.mlo4-cta .cta-block.block-single .cta-text {
display: table-cell;
vertical-align: middle;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
padding-left: 0.5rem;
}
.mlo4-cta .cta-block.block-single .cta-text .mlo-phone,
.mlo4-cta .cta-block.block-single .cta-text .mlo-ext {
display: inline;
}
.mlo4-cta .cta-block .cta-link {
display: block;
height: 100%;
}
.mlo4-cta .cta-block .cta-icon {
display: block;
text-align: center;
height: 1.875rem;
margin-bottom: 0.5rem;
}
.mlo4-cta .cta-block .cta-text {
display: block;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
padding: 0 0.125rem;
}
.mlo4-cta .cta-block .cta-text .mlo-phone,
.mlo4-cta .cta-block .cta-text .mlo-ext {
display: block;
}
.mlo4-cta .cta-block.cta-prequal .cta-icon img {
width: auto;
height: 1.625rem;
}
.mlo4-cta .cta-block.cta-bba .cta-icon img {
width: auto;
height: 1.5rem;
}
.mlo4-cta .cta-block.cta-contact .cta-icon img {
width: auto;
height: 1.5rem;
transform: scale(-1, 1);
}
.mlo4-cta .cta-block.cta-call .cta-icon img {
width: auto;
height: 1.5rem;
}
.mlo4-zillow {
padding-top: 1.875rem;
text-align: right;
}
.mlo4-zillow.hidden {
display: block !important;
visibility: hidden;
}
.mlo4-zillow h2 {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
letter-spacing: 0;
margin-bottom: 0.5rem;
}
.mlo4-zillow .zillow-review,
.mlo4-zillow .zillow-all {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.mlo4-zillow .zillow-provided {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
padding-top: 0.5rem;
}
.mlo4-zillow .zillow-provided span {
font-size: 0.75rem;
color: #333333;
margin-right: 0.5rem;
line-height: 0.75rem;
}
.mlo4-zillow .zillow-logo {
width: 7rem;
}
.mlo4-zillow .zillow-logo.zillow-logo-ie {
display: none;
}
.mlo4-zillow .zillow-stars {
margin-right: -0.5rem;
}
.mlo4-zillow .zillow-stars:hover,
.mlo4-zillow .zillow-stars:focus {
text-decoration: none;
}
.mlo4-zillow .zillow-rating:before {
font-family: 'Zillow';
font-size: 1.25rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
letter-spacing: 0.5rem;
color: #74c005;
}
.mlo4-zillow .zillow-write {
display: inline;
margin: 0;
}
.mlo4-zillow .zillow-write li {
padding: 0;
}
.mlo4-zillow .zillow-rating {
display: none;
}
.mlo4-zillow .zillow-rating[class*="zillow-rating-"] {
display: block;
}
.mlo4-zillow .zillow-rating.zillow-rating-000:before {
content: "\e043\e043\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-025:before {
content: "\e045\e043\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-050:before {
content: "\e046\e043\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-075:before {
content: "\e047\e043\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-100:before {
content: "\e044\e043\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-125:before {
content: "\e044\e045\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-150:before {
content: "\e044\e046\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-175:before {
content: "\e044\e047\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-200:before {
content: "\e044\e044\e043\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-225:before {
content: "\e044\e044\e045\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-250:before {
content: "\e044\e044\e046\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-275:before {
content: "\e044\e044\e047\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-300:before {
content: "\e044\e044\e044\e043\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-325:before {
content: "\e044\e044\e044\e045\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-350:before {
content: "\e044\e044\e044\e046\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-375:before {
content: "\e044\e044\e044\e047\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-400:before {
content: "\e044\e044\e044\e044\e043";
}
.mlo4-zillow .zillow-rating.zillow-rating-425:before {
content: "\e044\e044\e044\e044\e045";
}
.mlo4-zillow .zillow-rating.zillow-rating-450:before {
content: "\e044\e044\e044\e044\e046";
}
.mlo4-zillow .zillow-rating.zillow-rating-475:before {
content: "\e044\e044\e044\e044\e047";
}
.mlo4-zillow .zillow-rating.zillow-rating-500:before {
content: "\e044\e044\e044\e044\e044";
}
#more-about:focus {
outline: none;
}
.about-link {
display: inline-block;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
padding-right: 1.625rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
background-size: 1.125rem;
background-repeat: no-repeat;
background-position: center right;
padding: 0 1.625rem 0 0 !important;
}
.about-link .ada-show {
display: inline-block;
}
.about-link .ada-hide {
display: none;
}
.about-link[aria-expanded="true"] {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-up-gray.svg');
}
.about-link[aria-expanded="true"] .ada-show {
display: none;
}
.about-link[aria-expanded="true"] .ada-hide {
display: inline-block;
}
.mlo4-about {
padding-top: 1.875rem;
}
.mlo4-about h2,
.mlo4-about h3 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
letter-spacing: 0;
margin: 0;
}
.mlo4-about p {
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-about .about-column {
font-size: 1.25rem;
line-height: 1.625rem;
padding-right: 1.25rem;
}
.mlo4-about .about-column:last-of-type {
padding-right: 0;
}
.mlo4-about .about-column ul {
padding-left: 1.25rem;
margin-bottom: 1.25rem;
}
.mlo4-about .about-column .event-card {
margin-bottom: 0.75rem;
}
.mlo4-about .about-column .event-name,
.mlo4-about .about-column .event-address,
.mlo4-about .about-column .event-speaker {
display: block;
}
.mlo4-about .about-column .event-date,
.mlo4-about .about-column .event-time {
display: inline-block;
}
.mlo4-about .about-column .event-address {
margin: 0.75rem 0;
}
.mlo4-about .about-column .event-speaker {
margin-bottom: 0.75rem;
}
.mlo4-calculators {
position: relative;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-calculators-shoes.jpg");
background-repeat: no-repeat;
background-size: cover !important;
background-position: right top;
padding: 3.125rem 1.875rem 15rem 1.875rem;
/* Grow from bottom - Disabled due to spacing issues */
/* margin-top: 5rem !important; */
margin-bottom: 1.5rem !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-calculators {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-calculators-shoes-2x.jpg");
background-size: 1925px 903px;
}
}
.mlo4-calculators .calculators-intro {
text-align: left;
color: #333333;
}
.mlo4-calculators .calculators-intro h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.625rem;
letter-spacing: -0.015em;
margin-bottom: 1rem;
color: #333333;
}
.mlo4-calculators .calculators-intro .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 2.5rem;
}
.mlo4-calculators .trigger-indicator-position {
right: 0; 
margin-top: -1.25rem; 
margin-right: 0.125rem;
}
.mlo4-client-resources {
position: relative;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/GettyImages-1461193088.jpg");
background-repeat: no-repeat;
background-size: cover !important;
background-position: right center;
padding: 3.125rem 1.875rem 15rem 1.875rem;
.trigger-indicator-position {
right: 0; 
margin-top: -1.25rem; 
margin-right: 0.125rem;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-client-resources {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/GettyImages-1461193088.jpg");
}
}
.mlo4-client-resources .client-resources-intro {
text-align: left;
color: #333333;
}
.mlo4-client-resources .client-resources-intro h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.625rem;
letter-spacing: -0.015em;
margin-bottom: 1rem;
color: #333333;
}
.mlo4-client-resources .client-resources-intro .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 2.5rem;
}
.mlo4-programs {
padding: 3.125rem 1.875rem 3.125rem 1.875rem;
}
.mlo4-programs .programs-intro {
text-align: center;
color: #333333;
}
.mlo4-programs .programs-intro h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.625rem;
letter-spacing: -0.015em;
margin-bottom: 1rem;
color: #333333;
}
.mlo4-programs .programs-intro .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 1.875rem;
}
.mlo4-programs .programs-item {
padding: 0 1.125rem;
}
.mlo4-programs .program-link {
position: relative;
display: block;
padding-bottom: 66%;
background-color: #F2F2F2;
transition: background-color 0.3s ease-in-out;
}
.mlo4-programs .program-link:hover,
.mlo4-programs .program-link:focus,
.mlo4-programs .program-link:active {
background-color: #DC1431;
transition: background-color 0.3s ease-in-out;
}
.mlo4-programs .program-link:hover .program-name,
.mlo4-programs .program-link:focus .program-name,
.mlo4-programs .program-link:active .program-name,
.mlo4-programs .program-link:hover .program-text,
.mlo4-programs .program-link:focus .program-text,
.mlo4-programs .program-link:active .program-text {
color: #FFFFFF;
transition: color 0.3s ease-in-out;
}
.mlo4-programs .program-content {
position: absolute;
bottom: 0;
padding: 1.5rem;
}
.mlo4-programs .program-name,
.mlo4-programs .program-text {
display: block;
}
.mlo4-programs .program-name {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.625rem;
line-height: 1.875rem;
margin-bottom: 0.75rem;
color: #DC1431;
transition: color 0.3s ease-in-out;
}
.mlo4-programs .program-text {
font-size: 1.25rem;
line-height: 1.625rem;
color: #333333;
transition: color 0.3s ease-in-out;
}
.mlo4-programs .program-toggle {
position: absolute;
top: 0;
right: 0;
padding: 0.625rem 0.75rem;
background-color: #FFFFFF;
background-repeat: no-repeat;
font-family: 'FontAwesome';
text-align: center;
}
.mlo4-programs .program-toggle img {
width: 1.25rem;
}
.mlo4-programs .program-trigger-wrapper {
padding: 1.125rem 0;
}
.program-trigger-wrapper .trigger-indicator-position {
left: 0; 
margin-top: -2.25rem; 
margin-left: 0;
}
.mlo4-programs .program-content-more {
display: none;
position: relative;
padding: 4.25rem 2.5rem 3.125rem 2.5rem;
background-color: #F2F2F2;
}
.mlo4-programs .program-content-more .program-toggle img {
transform: rotate(45deg);
}
.mlo4-programs .program-content-more .program-toggle:focus {
outline: 1px dotted #A39382;
}
.mlo4-programs .program-content-more h3 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.625rem;
line-height: 1.875rem;
margin-bottom: 1.5rem;
color: #333333;
}
.mlo4-programs .program-content-more h4 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 0.75rem;
color: #333333;
}
.mlo4-programs .program-content-more p {
font-size: 1.25rem;
line-height: 1.625rem;
color: #333333;
margin-bottom: 1.5rem;
}
.mlo4-programs .program-content-more ul {
padding-left: 1.375rem;
margin-bottom: 1.5rem;
}
.mlo4-programs .program-content-more ul li {
font-size: 1.25rem;
line-height: 1.625rem;
color: #333333;
padding-right: 1.875rem;
}
.mlo4-programs .programs-expanded .programs-item {
width: 100%;
}
.mlo4-programs .programs-expanded.selected-1 .programs-item:nth-of-type(2),
.mlo4-programs .programs-expanded.selected-1 .programs-item:last-of-type {
display: none;
}
.mlo4-programs .programs-expanded.selected-2 .programs-item:first-of-type,
.mlo4-programs .programs-expanded.selected-2 .programs-item:last-of-type {
display: none;
}
.mlo4-programs .programs-expanded.selected-3 .programs-item:first-of-type,
.mlo4-programs .programs-expanded.selected-3 .programs-item:nth-of-type(2) {
display: none;
}
.mlo4-programs .programs-expanded.carousel-inner .item.active {
opacity: 1.0;
transition: all 0.7s ease-in-out;
}
.mlo4-programs .programs-expanded.carousel-inner .item.left.active {
transform: translateX(-100%) !important;
opacity: 0.0;
transition: all 0.3s ease-in-out;
}
.mlo4-programs .programs-expanded.carousel-inner .item.right.active {
transform: translateX(100%) !important;
opacity: 0.0;
transition: all 0.3s ease-in-out;
}
.mlo4-programs .programs-expanded.carousel-inner .item.next {
transform: translateX(100%) !important;
opacity: 0.0;
transition: all 0.3s ease-in-out;
}
.mlo4-programs .programs-expanded.carousel-inner .item.prev {
transform: translateX(-100%) !important;
opacity: 0.0;
transition: all 0.3s ease-in-out;
}
.mlo4-programs .programs-expanded.carousel-inner .item.left,
.mlo4-programs .programs-expanded.carousel-inner .item.right {
transform: translateX(0) !important;
}
.mlo4-programs .carousel {
margin: 0 -1.125rem;
}
.mlo4-programs .carousel-inner {
margin-bottom: 1.125rem;
touch-action: pan-y;
user-select: none;
-webkit-user-drag: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mlo4-programs .carousel-inner .item.left.active {
transform: translateX(-33%) !important;
}
.mlo4-programs .carousel-inner .item.right.active {
transform: translateX(33%) !important;
}
.mlo4-programs .carousel-inner .item.next {
transform: translateX(33%) !important;
}
.mlo4-programs .carousel-inner .item.prev {
transform: translateX(-33%) !important;
}
.mlo4-programs .carousel-inner .item.left,
.mlo4-programs .carousel-inner .item.right {
transform: translateX(0) !important;
}
.mlo4-programs .programs-carousel-controls {
position: relative;
text-align: center;
margin-top: 2.5rem;
}
.mlo4-programs .programs-carousel-controls .control-prev,
.mlo4-programs .programs-carousel-controls .control-next {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1.25rem;
color: #DC1431;
background-color: transparent;
> img {
height: 19px;width: 19px;margin-bottom: 6px;
}
}
.mlo4-programs .programs-carousel-controls .control-prev:focus,
.mlo4-programs .programs-carousel-controls .control-next:focus {
outline: 1px dotted #A39382;
outline-offset: 2px;
text-decoration: none;
}
.mlo4-programs .carousel-indicators {
display: inline-block;
position: relative;
bottom: 0;
left: 0;
width: auto;
padding: 0 1rem;
margin: 0;
text-align: center;
list-style: none;
}
.mlo4-programs .carousel-indicators li {
position: relative;
display: inline-block;
width: 1.063rem;
height: 1.063rem;
margin: 0 0.25rem;
text-indent: -999px;
}
.mlo4-programs .carousel-indicators li.active {
margin: 0 0.25rem;
}
.mlo4-programs .carousel-indicators li.active button {
background-color: #DC1431;
}
.mlo4-programs .carousel-indicators button {
position: absolute;
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border-radius: 1rem;
text-indent: -999px;
border: none;
background-color: #D3D3D3;
}
.mlo4-programs .carousel-indicators button:focus {
outline: 1px dotted #333333;
outline-offset: 2px;
text-decoration: none;
}
.mlo4-shape-overlay {
position: absolute;
width: 100%;
}
.mlo4-shape-overlay.overlay-top-right-white {
left: 0;
top: 0;
}
.mlo4-shape-overlay.overlay-top-right-white:after {
display: block;
padding-bottom: 40%;
background: linear-gradient(to bottom left, #FFFFFF 50%, transparent 50%);
content: "";
}
.mlo4-shape-overlay.overlay-top-left-white {
left: 0;
top: 0;
}
.mlo4-shape-overlay.overlay-top-left-white:after {
display: block;
padding-bottom: 40%;
background: linear-gradient(to bottom right, #FFFFFF 50%, transparent 50%);
content: "";
}
.mlo4-shape-overlay.overlay-bottom-right-white {
left: 0;
bottom: 0;
}
.mlo4-shape-overlay.overlay-bottom-right-white:after {
display: block;
padding-bottom: 40%;
background: linear-gradient(to top left, #FFFFFF 50%, transparent 50%);
content: "";
}
.mlo4-resources,
.mlo4-benefits {
position: relative;
margin-bottom: 1.5rem !important;
}
.mlo4-resources .resources-trigger-position {
position: relative;
width: 100%;
padding: 0 1.875rem;
}
.mlo4-resources .resources-intro {
position: relative;
padding: 4.25rem 1.875rem 0 1.875rem;
}
.mlo4-resources .resources-intro h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.625rem;
letter-spacing: -0.015em;
margin-bottom: 1rem;
color: #333333;
}
.mlo4-resources .resources-intro .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
color: #333333;
}
.mlo4-resources .resources-graphic {
margin-bottom: -12rem;
padding: 2.5rem 0;
text-align: center;
}
.mlo4-resources .resources-graphic img {
width: 80%;
}
.mlo4-resources .resources-graphic-mobile {
float: right;
width: 10rem;
margin-bottom: -3rem;
margin-left: 1.25rem;
}
.mlo4-benefits .benefits-intro {
padding: 16rem 1.875rem 0 1.875rem;
text-align: center;
}
.mlo4-benefits .benefits-intro h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.625rem;
letter-spacing: -0.015em;
margin-bottom: 0;
color: #333333;
}
.mlo4-benefits .benefits-intro .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
color: #333333;
}
.mlo4-benefits .benefits-intro.intro-connected {
padding: 3.125rem 1.875rem;
text-align: left;
}
.mlo4-benefits .benefits-intro.intro-connected h2,
.mlo4-benefits .benefits-intro.intro-connected .subtext {
margin-bottom: 1rem;
}
.mlo4-benefits .benefit-graphic {
display: table;
width: 100%;
height: 0rem;
margin-bottom: 1.5rem;
}
.mlo4-benefits .benefit-graphic span {
display: table-cell;
vertical-align: bottom;
}
.mlo4-benefits .benefit-graphic.graphic-hln img {
width: auto;
height: 8rem;
}
.mlo4-benefits .benefit-graphic.graphic-pr img {
width: auto;
height: 11rem;
margin-left: 4.25rem;
}
.mlo4-benefits .benefit-graphic.graphic-fthb img {
width: auto;
height: 9rem;
}
.mlo4-benefits .benefit-graphic.graphic-banking img {
width: auto;
height: 8rem;
margin-left: 3.125rem;
}
.mlo4-benefits .benefit-graphic.graphic-insights img {
width: auto;
height: 9rem;
}
.mlo4-benefits .benefit-graphic.graphic-builder img {
width: auto;
height: 12rem;
}
.mlo4-benefits .benefit-graphic.graphic-nl img {
width: auto;
height: 6.25rem;
}
.mlo4-benefits .benefit-graphic.graphic-tf img {
width: auto;
height: 9rem;
}
.mlo4-benefits .benefit-graphic.graphic-mi img {
width: auto;
height: 9rem;
}
.mlo4-benefits .benefit-graphic.graphic-ww img {
width: auto;
height: 9rem;
}
.mlo4-benefits .benefit-graphic-mobile {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin-top: auto;
margin-bottom: auto;
display: inline-block;
width: 3.75rem;
height: 3.125rem;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-hln {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-hln-mobile.svg');
background-size: 2.875rem;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-pr {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-pr-mobile.svg');
background-size: auto 3.125rem;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-fthb {
background-image: url('/image/778');
background-size: auto 3.5rem;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-alhbs {
background-image: url('/image/815');
background-size: auto 3.5rem;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-banking {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-banking-mobile.svg');
background-size: auto 2.875rem;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-insights {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-insights-mobile.svg');
background-size: 2.875rem;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-builder {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-builder-mobile.svg');
background-size: auto 2.75rem;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-nl {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-nl-mobile.png");
background-size: auto 2rem !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-nl {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-nl-mobile.png");
background-size: 199px 154px;
}
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-tf {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-tf-mobile.svg');
background-size: 2.75rem;
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-mi {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-mi-mobile.png");
background-size: auto 2.875rem !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-mi {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-mi-mobile.png");
background-size: 141px 170px;
}
}
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-ww {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-ww-mobile.png");
background-size: auto 2.875rem !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-graphic-mobile.graphic-mobile-ww {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/graphic-benefits-ww-mobile.png");
background-size: 119px 155px;
}
}
.mlo4-resources .resources-items {
display: flex;
display: -webkit-flex;
padding: 1.5rem 1.875rem 1.5rem;
}
.mlo4-benefits .benefits-items {
display: flex;
display: -webkit-flex;
padding: 0 1.875rem 2.5rem;
}
.mlo4-resources .resource-item,
.mlo4-benefits .benefit-item {
flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
padding: 1.5rem 0;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-resources .resource-title,
.mlo4-benefits .benefit-title {
position: relative;
}
.mlo4-resources .resource-title h3,
.mlo4-benefits .benefit-title h3 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.875rem;
letter-spacing: -0.015em;
}
.mlo4-resources .resource-title button,
.mlo4-benefits .benefit-title button {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-resources .resource-text,
.mlo4-benefits .benefit-text {
font-size: 1.125rem;
line-height: 1.5rem;
}
.mlo4-resources .resource-text span,
.mlo4-benefits .benefit-text span {
display: block;
margin-bottom: 0.75rem;
}
.mlo4-resources .resource-text span.text-nowrap,
.mlo4-benefits .benefit-text span.text-nowrap {
display: inline !important;
}
.mlo4-resources .resource-toggler,
.mlo4-benefits .benefit-toggler {
position: absolute;
top: 0;
margin-top: -1.5rem;
margin-left: -1.875rem;
padding: 0 1.875rem;
box-sizing: content-box;
width: 100%;
height: 4.5rem;
/* height: 100%; */
cursor: pointer;
}
.mlo4-resources .trigger-indicator-position {
right: 2.0625rem; bottom: 1.875rem;
}
.mlo4-benefits {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/WelcomeMatRedBoots_crop2000px.jpg");
background-color: #dbdbd3;
background-position: 30% top;
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-benefits {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/WelcomeMatRedBoots_crop.jpg");
}
}
.mlo4-benefits.benefits-connected {
background-color: #FFFFFF;
background-image: none;
margin-bottom: 0 !important;
padding-bottom: 3.125rem;
}
.mlo4-benefits .benefit-graphic img {
height: 8.5em
}
.mlo4-newsletter {
padding: 3.125rem 1.875rem;
}
.mlo4-newsletter .newsletter-intro {
text-align: center;
color: #333333;
}
.mlo4-newsletter .newsletter-intro h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.625rem;
letter-spacing: -0.015em;
margin-bottom: 1rem;
color: #333333;
}
.mlo4-newsletter .newsletter-intro .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 2.5rem;
}
/* Mobile: 1 tile per row */
.b2c .mlo4-newsletter .newsletter-articles .article-item {
padding: 0 1.875rem;
margin: 0 0 1.875rem 0;
text-align: center;
}
/* Desktop/tablet */
@media (min-width: 768px) {
.b2b .mlo4-newsletter .newsletter-articles .article-item {
padding: 0 1.875rem;
width: 40%;
margin: 0 33% auto 33%;
text-align: center;
}
.b2b .mlo4-newsletter .newsletter-articles .article-item:nth-of-type(1) {
padding: 0 3.75rem 0 0;
}
.b2b .mlo4-newsletter .newsletter-articles .article-item:nth-of-type(3) {
padding: 0 0 0 3.75rem;
}
}
.mlo4-newsletter .newsletter-articles .article-image {
display: block;
width: 100%;
padding-bottom: 54%;
background-color: #ECE6DD;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 1.875rem;
}
.mlo4-newsletter .newsletter-articles .article-title {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
color: #0052C2;
padding: 0 1.5rem;
}
.mlo4-newsletter .newsletter-articles .article-link:hover,
.mlo4-newsletter .newsletter-articles .article-link:focus,
.mlo4-newsletter .newsletter-articles .article-link:active {
color: #0052C2;
}
.mlo4-newsletter .button-default {
font-size: 1.375rem;
padding: 1rem 2.25rem;
}
.mlo4-events {
padding: 3.125rem 0 0 1.875rem;
}
.mlo4-events h2 {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.625rem;
letter-spacing: -0.015em;
margin-bottom: 1.875rem;
color: #333333;
}
.mlo4-events p {
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-events .events-table {
display: table;
}
.mlo4-events .events-content,
.mlo4-events .events-graphic {
display: table-cell;
float: none;
}
.mlo4-events .events-content {
vertical-align: middle;
padding-right: 1.875rem;
}
.mlo4-events .events-graphic {
vertical-align: bottom;
text-align: right;
}
.mlo4-events .events-graphic img {
width: 100%;
}
.mlo4-events .event-card {
padding-right: 1.25rem;
padding-bottom: 1.875rem;
margin-bottom: 1.875rem;
}
.mlo4-events .event-name,
.mlo4-events .event-date,
.mlo4-events .event-time,
.mlo4-events .event-location,
.mlo4-events .event-room,
.mlo4-events .event-speaker {
display: block;
}
.mlo4-events .event-address {
display: inline-block;
}
.mlo4-events .event-name {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.875rem;
line-height: 2.25rem;
}
.mlo4-events .event-location,
.mlo4-events .event-date,
.mlo4-events .event-time,
.mlo4-events .event-room,
.mlo4-events .event-address,
.mlo4-events .event-rsvp-link {
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-events .event-date {
margin-bottom: 1.125rem;
}
.mlo4-events .event-time {
margin-bottom: 1.125rem;
}
.mlo4-events .event-address {
margin: 1.125rem 0;
}
.mlo4-events .event-speaker {
font-size: 1.625rem;
line-height: 2rem;
margin-bottom: 0.75rem;
}
.mlo4-events .event-location {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-events .event-details {
position: relative;
}
.mlo4-events .event-rsvp-link {
display: inline-block;
padding-right: 0.875rem;
}
.mlo4-skip {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 99999;
}
.mlo4-skip a {
position: absolute;
top: 0;
left: 0;
display: inline-block;
padding: 0.5rem 1.5rem;
background-color: #F2F2F2;
color: #0052C2;
font-size: 1rem;
line-height: 1.25rem;
text-align: center;
width: 210px;
opacity: 0;
margin-top: -100px;
transition: all 0.3s ease-in-out;
}
.mlo4-skip a:focus {
opacity: 1;
margin-top: 0;
transition: all 0.3s ease-in-out;
color: #0052C2;
text-decoration: underline;
outline: 1px dotted #000000;
}
/* Live Tiles */
.live-tile-hover {
list-style: none;
padding: 0;
margin: 0;
}
.live-tile-hover.hovered .live-tile .tile-back {
background-color: #FFFFFF !important;
transition: background-color 0.3s ease;
}
.live-tile-hover.hovered .live-tile .tile-back .back-content {
color: #333333 !important;
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-mortgage {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-calculators-mortgage.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-refi {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-calculators-refi.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-affordability {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-calculators-affordability.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-closing {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-calculators-closing.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-equity {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-calculators-equity.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-estimator {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-calculators-estimator.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-bmh {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-resources-bmh.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-hln {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-resources-hln.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-dprc {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-resources-dprc.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-hbr {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-resources-hbr.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-cto {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-resources-cto.svg');
}
.live-tile-hover.hovered .live-tile .tile-back .tile-icon.icon-rec {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-resources-rec.svg');
}
.live-tile-wrapper {
position: relative;
perspective: 1000px;
padding: 0;
margin: 0;
display: block;
}
.live-tile-wrapper:hover .live-tile,
.live-tile-wrapper:focus .live-tile {
transform: rotateY(180deg);
}
.live-tile-wrapper:hover .live-tile .tile-front,
.live-tile-wrapper:hover .live-tile .tile-back,
.live-tile-wrapper:focus .live-tile .tile-front,
.live-tile-wrapper:focus .live-tile .tile-back {
opacity: 0;
transition: all 0.4s ease;
}
.live-tile-wrapper:hover .live-tile .tile-front,
.live-tile-wrapper:focus .live-tile .tile-front {
margin-left: -100%;
background-color: #DC1431;
}
.live-tile-wrapper:hover .live-tile .live-tile-back,
.live-tile-wrapper:focus .live-tile .live-tile-back {
opacity: 1;
transform: rotateY(0);
transition: opacity 0.3s ease;
transition-delay: 0.3s;
}
.live-tile-wrapper:focus .live-tile {
outline: 2px solid #000000 !important;
}
.live-tile-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}
.live-tile-props {
overflow: hidden;
position: relative;
background-color: #ECE6DD;
padding-bottom: 70%;
background-clip: padding-box;
border: 2px solid transparent;
z-index: 20;
}
.live-tile {
overflow: hidden;
position: relative;
background-color: #ECE6DD;
padding-bottom: 70%;
background-clip: padding-box;
border: 2px solid transparent;
z-index: 20;
position: relative !important;
transition: 0.4s;
transform-style: preserve-3d;
text-align: left;
cursor: pointer;
opacity: 0.9;
display: block;
/* Optimize Live Tile Experience */
/* .tile-back { 
display: none; 
} */
/* Bootstrap Override */
}
.live-tile.live-tile-back {
opacity: 0;
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.1s ease;
}
.live-tile .highlight-1 {
-webkit-animation: highlightOne 30s ease-out;
-moz-animation: highlightOne 30s ease-out;
animation: highlightOne 30s ease-out;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.live-tile .highlight-2 {
-webkit-animation: highlightTwo 30s ease-out;
-moz-animation: highlightTwo 30s ease-out;
animation: highlightTwo 30s ease-out;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.live-tile .highlight-3 {
-webkit-animation: highlightThree 30s ease-out;
-moz-animation: highlightThree 30s ease-out;
animation: highlightThree 30s ease-out;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.live-tile .highlight-4 {
-webkit-animation: highlightFour 30s ease-out;
-moz-animation: highlightFour 30s ease-out;
animation: highlightFour 30s ease-out;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.live-tile .highlight-5 {
-webkit-animation: highlightFive 30s ease-out;
-moz-animation: highlightFive 30s ease-out;
animation: highlightFive 30s ease-out;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.live-tile .highlight-6 {
-webkit-animation: highlightSix 30s ease-out;
-moz-animation: highlightSix 30s ease-out;
animation: highlightSix 30s ease-out;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes highlightOne {
2%, 15% { opacity: 0.0; }
0%, 17%, 30%, 32%, 45%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@-moz-keyframes highlightOne {
2%, 15% { opacity: 0.0; }
0%, 17%, 30%, 32%, 45%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@-webkit-keyframes highlightOne {
2%, 15% { opacity: 0.0; }
0%, 17%, 30%, 32%, 45%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@keyframes highlightTwo { 
17%, 30% { opacity: 0.0; }
0%, 2%, 15%, 32%, 45%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@-moz-keyframes highlightTwo {
17%, 30% { opacity: 0.0; }
0%, 2%, 15%, 32%, 45%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@-webkit-keyframes highlightTwo {
17%, 30% { opacity: 0.0; }
0%, 2%, 15%, 32%, 45%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@keyframes highlightThree {
32%, 45% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@-moz-keyframes highlightThree {
32%, 45% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@-webkit-keyframes highlightThree {
32%, 45% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 47%, 60%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@keyframes highlightFour {
47%, 60% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@-moz-keyframes highlightFour {
47%, 60% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@-webkit-keyframes highlightFour {
47%, 60% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 62%, 75%, 77%, 98% { opacity: 1.0; }
}
@keyframes highlightFive {
62%, 75% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 47%, 60%, 77%, 98% { opacity: 1.0; }
}
@-moz-keyframes highlightFive {
62%, 75% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 47%, 60%, 77%, 98% { opacity: 1.0; }
}
@-webkit-keyframes highlightFive {
62%, 75% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 47%, 60%, 77%, 98% { opacity: 1.0; }
}
@keyframes highlightSix {
77%, 98% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 47%, 60%, 62%, 75% { opacity: 1.0; }
}
@-moz-keyframes highlightSix {
77%, 98% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 47%, 60%, 62%, 75% { opacity: 1.0; }
}
@-webkit-keyframes highlightSix {
77%, 98% { opacity: 0.0; }
0%, 2%, 15%, 17%, 30%, 32%, 45%, 47%, 60%, 62%, 75% { opacity: 1.0; }
}
.live-tile > div,
.live-tile > .slide,
.live-tile > .slide-front,
.live-tile > .slide-back,
.live-tile > .fade-front,
.live-tile > .fade-back,
.live-tile > .flip-front,
.live-tile > .flip-back,
.live-tile > .tile-front,
.live-tile > .tile-back {
box-sizing: border-box;
top: 0px;
left: 0px;
margin: 0px;
height: 100.5%;
width: 100.5%;
overflow: hidden;
position: absolute;
z-index: 20;
}
.live-tile > div {
position: relative;
background-color: transparent;
}
.live-tile > .back,
.live-tile > .slide-back,
.live-tile > .fade-back,
.live-tile > .flip-back,
.live-tile > .tile-back {
position: absolute;
z-index: 10;
}
.live-tile.fade {
opacity: 1 !important;
}
.live-tile .tile-front,
.live-tile .tile-back,
.live-tile .tile-under {
padding: 0.9375rem;
}
.live-tile .tile-front,
.live-tile .tile-back {
backface-visibility: hidden;
}
.live-tile .mirror-content {
font-size: 1.125rem;
line-height: 1.375rem;
}
.live-tile .tile-front {
background-color: #FFFFFF;
/* color: @gray-dark; */
}
.live-tile .tile-front .front-content {
font-size: 1.125rem;
line-height: 1.375rem;
}
.live-tile .tile-back {
background-color: #DC1431;
transition: background-color 0.3s ease;
}
.live-tile .tile-back .back-content {
font-size: 1.125rem;
line-height: 1.375rem;
color: #FFFFFF;
}
.live-tile .tile-under {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
position: absolute;
top: 0;
left: 0;
transform: rotateY(180deg);
width: 100%;
height: 100%;
background-color: #DC1431;
}
.live-tile .tile-under .under-content {
color: #FFFFFF;
font-size: 0.875rem;
line-height: 1.125rem;
}
.live-tile .tile-under .under-content .under-cta {
display: block;
margin-top: 0.3125rem;
}
.live-tile .tile-icon {
display: block;
margin: 0 0 0.5rem 0;
width: 1.875rem;
height: 1.875rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.trigger {
display: none;
position: relative;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.trigger.live-tile-trigger {
background-color: #F2F2F2;
background-clip: padding-box;
border: 2px solid transparent;
padding: 1.5rem 2.5rem 1.5rem 1.5rem;
}
.trigger.live-tile-trigger .cta-live-tile {
position: relative;
min-height: 2.125rem;
}
.trigger.live-tile-trigger .cta-live-tile img {
width: 1rem;
margin-right: 0.75rem;
}
.trigger.live-tile-trigger .cta-live-tile span {
display: inline-block !important;
margin-bottom: 0 !important;
}
.trigger.live-tile-trigger .trigger-cta .button-default {
padding: 0.5rem 0.5rem;
}
.trigger.slideout-trigger {
padding: 1.5rem 2.5rem 1.5rem 0;
}
.trigger.resources-trigger {
background-color: #F2F2F2;
padding: 1.5rem 2.5rem 1.5rem 1.5rem;
}
.trigger.previous-trigger {
background-color: #F2F2F2;
padding: 1.5rem;
margin-bottom: 1.5rem;
}
.trigger.previous-trigger .trigger-close {
bottom: 0;
top: auto;
right: 0;
}
.trigger.previous-trigger .trigger-content .trigger-photo,
.trigger.previous-trigger .trigger-content .trigger-cta {
text-align: left;
}
.trigger.previous-trigger .trigger-content .trigger-photo {
width: 2.75rem;
}
.trigger.previous-trigger .trigger-content .trigger-photo img {
margin-right: 1.25rem;
}
.trigger.previous-trigger .trigger-content .trigger-photo.no-desktop {
display: table-cell !important;
}
.trigger.previous-trigger .trigger-content .trigger-photo.no-mobile {
display: none !important;
}
.trigger.previous-trigger span {
display: inline-block !important;
margin-bottom: 0 !important;
}
.trigger.programs-trigger {
background-color: #F2F2F2;
padding: 1.5rem 1.5rem 1.5rem 2.5rem;
}
.trigger.programs-trigger .trigger-close {
left: 0;
}
.trigger.programs-trigger .cta-programs {
position: relative;
min-height: 2.125rem;
}
.trigger.programs-trigger .cta-programs img {
width: 0.9375rem;
margin-right: 0.75rem;
}
.trigger.programs-trigger .cta-programs span {
display: inline-block !important;
margin-bottom: 0 !important;
}
.trigger .trigger-close {
position: absolute;
top: 0;
right: 0;
}
.trigger .trigger-content .trigger-photo img {
width: 5rem;
margin-right: 1.25rem;
}
.trigger .trigger-content .trigger-cta {
font-size: 1rem;
line-height: 1.25rem;
margin-bottom: 0.75rem;
}
.trigger .trigger-content .trigger-cta span {
display: block;
font-size: 1rem;
line-height: 1.25rem;
margin-bottom: 0.75rem;
}
.trigger .trigger-content .trigger-cta .button-default {
display: block;
text-align: center;
font-size: 0.875rem;
margin: 0 0.75rem 0.75rem 0;
}
.trigger .trigger-content .trigger-cta .link-default {
font-size: 1rem;
line-height: 1.25rem;
}
.trigger .trigger-content .trigger-cta .link-default.display-block {
margin: 0 0.3125rem 0.5rem 0;
}
.trigger-indicator-position {
display: none;
position: absolute;
transform: rotate(45deg);
z-index: 997;
}
.trigger-indicator,
.trigger-close {
position: absolute !important;
display: block;
width: 1.625rem;
height: 1.625rem;
padding: 0 !important;
background-color: #DC1431 !important;
color: #FFFFFF;
font-family: 'FontAwesome';
font-size: 1.25rem;
line-height: 1.625rem;
text-align: center !important;
transition: background-color 0.3s ease;
z-index: 5;
}
.trigger-indicator span,
.trigger-close span {
display: block;
transform: rotate(45deg);
}
.trigger-indicator span:before,
.trigger-close span:before {
content: "+";
}
.trigger-indicator:hover,
.trigger-close:hover,
.trigger-indicator:active,
.trigger-close:active {
color: #FFFFFF;
background-color: #C41230;
text-decoration: none;
transition: background-color 0.3s ease;
}
.trigger-indicator:focus,
.trigger-close:focus {
color: #FFFFFF;
outline: 1px dotted #000000;
outline-offset: 2px;
text-decoration: none;
}
.trigger-indicator-pulse {
position: absolute;
display: block;
width: 1.625rem;
height: 1.625rem;
background-color: #DC1431;
-webkit-animation: pulse 1.5s ease-out;
-moz-animation: pulse 1.5s ease-out;
animation: pulse 1.5s ease-out;
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 0.0;
}
50% {
transform: scale(1.1);
opacity: 0.1;
}
75% {
transform: scale(1.3);
opacity: 0.4;
}
100% {
transform: scale(1.4);
opacity: 0.0;
}
}
@-moz-keyframes pulse {
0% {
transform: scale(1);
opacity: 0.0;
}
50% {
transform: scale(1.1);
opacity: 0.1;
}
75% {
transform: scale(1.3);
opacity: 0.4;
}
100% {
transform: scale(1.4);
opacity: 0.0;
}
}
@-webkit-keyframes pulse {
0% {
transform: scale(1);
opacity: 0.0;
}
50% {
transform: scale(1.1);
opacity: 0.1;
}
75% {
transform: scale(1.3);
opacity: 0.4;
}
100% {
transform: scale(1.4);
opacity: 0.0;
}
}
/* Responsive Styles - Main */
@media (max-width: 440px) {
.mlo4-zillow h2 {
font-size: 1.125rem;
margin-bottom: 0.75rem;
}
.mlo4-zillow .zillow-review,
.mlo4-zillow .zillow-all {
font-size: 0.875rem;
}
.mlo4-zillow .zillow-logo {
width: 4.5rem;
}
.mlo4-profile .profile-vcard {
font-size: 1.125rem;
}
}
@media (max-width: 767px) {
.mlo4-profile {
padding: 6rem 1.875rem 3.125rem;
}
.mlo4-profile .profile-info {
padding-right: 0;
}
.mlo4-profile .profile-phone,
.mlo4-profile .profile-ext,
.mlo4-profile .profile-vcard {  
margin: 0.675rem 0 0 0;
}
.mlo4-calculators {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-calculators-shoes-mobile.jpg");
background-color: #F2F2F2;
background-position: right -8rem bottom -5rem;
background-size: 300% !important;
}
.mlo4-zillow {
position: relative;
margin: 0 0 1.875rem;
text-align: left;
}
.mlo4-zillow.hidden {
display: none !important;
visibility: hidden;
}
.mlo4-zillow h2 {
margin-bottom: 0.75rem;
}
.mlo4-zillow .zillow-provided {
position: absolute;
bottom: 1.25rem;
right: 1.25rem;
}
.mlo4-zillow .zillow-logo {
width: 5rem;
}
.mlo4-zillow .zillow-stars {
position: absolute;
top: 1.25rem;
right: 1.25rem;
}
.mlo4-zillow .zillow-stars:hover,
.mlo4-zillow .zillow-stars:focus {
text-decoration: none;
}
.mlo4-programs .programs-intro {
text-align: left;
}
.mlo4-programs .programs-intro h2 {
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-programs .programs-item {
padding: 0 !important;
}
.mlo4-programs .programs-item:nth-of-type(1) {
padding: 0;
}
.mlo4-programs .programs-item:nth-of-type(3) {
padding: 0;
}
.mlo4-programs .program-link {
padding-bottom: 66% !important;
}
.mlo4-programs .carousel {
margin: 0;
}
.mlo4-programs .carousel-inner .item.active {
opacity: 1.0;
transition: all 0.7s ease-in-out;
}
.mlo4-programs .carousel-inner .item.active .programs-item:first-of-type,
.mlo4-programs .carousel-inner .item.active .programs-item:last-of-type {
display: none;
}
.mlo4-programs .carousel-inner .item.left.active {
transform: translateX(-100%) !important;
opacity: 0.0;
transition: all 0.3s ease-in-out;
}
.mlo4-programs .carousel-inner .item.right.active {
transform: translateX(100%) !important;
opacity: 0.0;
transition: all 0.3s ease-in-out;
}
.mlo4-programs .carousel-inner .item.next {
transform: translateX(100%) !important;
opacity: 0.0;
transition: all 0.3s ease-in-out;
}
.mlo4-programs .carousel-inner .item.prev {
transform: translateX(-100%) !important;
opacity: 0.0;
transition: all 0.3s ease-in-out;
}
.mlo4-programs .carousel-inner .item.left,
.mlo4-programs .carousel-inner .item.right {
transform: translateX(0) !important;
}
.mlo4-programs .program-trigger-wrapper {
padding: 1.125rem 0;
}
.mlo4-programs .program-trigger-wrapper .trigger-indicator-position {
margin-left: 0 !important;
}
.mlo4-calculators {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.mlo4-calculators .calculators-intro {
text-align: left;
}
.mlo4-calculators .calculators-intro h2 {
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-calculators .calculators-intro .sub-text {
padding-left: 0;
}
.mlo4-client-resources {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.mlo4-client-resources .client-resources-intro {
text-align: left;
}
.mlo4-client-resources .client-resources-intro h2 {
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-client-resources .client-resources-intro .sub-text {
padding-left: 0;
}
.mlo4-newsletter .newsletter-intro {
text-align: left;
}
.mlo4-newsletter .newsletter-intro h2 {
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-newsletter .newsletter-intro .sub-text {
padding-left: 0;
}
.mlo4-newsletter .newsletter-articles .article-item {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
.mlo4-newsletter .button-default {
display: block;
text-align: center;
}
.mlo4-resources .resources-table,
.mlo4-benefits .benefits-table {
display: block;
width: 100%;
}
.mlo4-resources .resources-cell,
.mlo4-benefits .benefits-cell {
display: block;
width: 100%;
}
.mlo4-resources .resources-intro {
padding: 2.5rem 1.875rem 0;
}
.mlo4-resources .resources-intro h2 {
font-size: 2.75rem;
line-height: 3.125rem;
letter-spacing: -0.015em;
margin-bottom: 1rem;
}
.mlo4-resources .resources-intro .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 1rem;
}
.mlo4-benefits .benefits-intro {
padding-top: 12rem;
text-align: left;
}
.mlo4-benefits .benefits-intro h2 {
font-size: 2.75rem;
line-height: 3.125rem;
letter-spacing: -0.015em;
margin-bottom: 1rem;
}
.mlo4-benefits .benefits-intro.intro-connected {
padding-bottom: 1.25rem;
}
.mlo4-resources .resources-items {
display: block;
padding: 1.5rem 1.875rem 0;
}
.mlo4-benefits .benefits-items {
display: block;
padding: 0.5rem 1.875rem 2.5rem;
}
.mlo4-benefits .benefits-items.first-row {
padding: 0.5rem 1.875rem 0rem;
}
.mlo4-benefits .benefits-items.first-row + .items-connected {
width: 100%;
}
.mlo4-benefits .benefits-items:last-of-type {
padding-top: 0;
}
.mlo4-benefits .benefits-items:last-of-type .benefit-item:first-of-type {
border-top: none;
}
.mlo4-resources .resource-item {
display: block;
outline: none;
}
.mlo4-resources .resource-item:first-of-type {
padding-top: 0;
}
.mlo4-resources .resource-item:last-of-type {
padding-bottom: 1.5rem;
border-bottom: none;
}
.mlo4-benefits .benefit-item {
display: block;
outline: none;
}
.mlo4-benefits .benefit-item:first-of-type {
border-top: 1px solid #D3D3D3;
}
.mlo4-benefits .benefit-item:last-of-type {
padding-bottom: 1.5rem;
}
.mlo4-resources .resource-title,
.mlo4-benefits .benefit-title {
position: relative;
}
.mlo4-resources .resource-title h3,
.mlo4-benefits .benefit-title h3 {
font-size: 1.5rem;
line-height: 1.75rem;
margin-bottom: 0;
}
.mlo4-benefits .benefit-title h3 {
padding-left: 3.75rem;
}
.mlo4-resources .resource-text {
padding-right: 1.875rem;
}
.mlo4-resources .resource-text span {
display: block;
padding-top: 0.75rem;
margin-bottom: 0.75rem;
}
.mlo4-benefits .benefit-text {
position: relative;
padding: 0 1.875rem 0 3.75rem;
}
.mlo4-benefits .benefit-text span {
display: block;
padding-top: 0.75rem;
margin-bottom: 0.75rem;
}
.mlo4-benefits .benefit-text .border-active {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
border-bottom: 3px solid #7CA5DD;
margin-bottom: -1.625rem;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.mlo4-benefits .benefit-text.in .border-active {
opacity: 1;
}
.mlo4-resources .resource-toggler {
z-index: 2;
}
.mlo4-resources .resource-toggler + h3 {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: center right;
z-index: 1;
}
.mlo4-resources .resource-toggler[aria-expanded="true"] + h3 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-up-gray.svg');
}
.mlo4-benefits .benefit-toggler {
z-index: 2;
}
.mlo4-benefits .benefit-toggler + h3 {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: center right;
z-index: 1;
}
.mlo4-benefits .benefit-toggler[aria-expanded="true"] + h3 {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-up-gray.svg');
}
.trigger.resources-trigger {
position: relative;
border-top: none;
margin-bottom: 1.5rem;
}
.trigger.previous-trigger {
padding: 1.5rem 2.5rem 1.5rem 1.5rem;
}
.trigger .trigger-content .trigger-cta .button-default {
margin-bottom: 0.75rem;
}
.mlo4-benefits {
background-size: contain;
background-position: 50% top;
margin-bottom: 0 !important;
}
.mlo4-benefits .benefit-icon {
position: absolute;
bottom: 0rem;
right: 1.875rem;
min-height: 1rem;
}
.mlo4-benefits .benefit-icon img {
width: 3.125rem;
}
.mlo4-events h2 {
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-events .events-table {
display: block;
}
.mlo4-events .events-content,
.mlo4-events .events-graphic {
display: block;
}
.mlo4-events .events-graphic img {
width: 40%;
}
.mlo4-events .event-card {
border-bottom: 1px solid #D3D3D3;
}
.mlo4-events .event-card:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.mlo4-events .event-rsvp-link {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-right-blue.svg');
background-repeat: no-repeat;
background-size: 0.375rem;
background-position: right center;
}
}
@media (max-width: 500px) {
.mlo4-benefits .benefits-intro {
padding-top: 10rem;
}
}
@media (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 767px) and only screen and (min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min-resolution: 192dpi), (max-width: 767px) and only screen and (min-resolution: 2dppx) {
.mlo4-calculators {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-calculator-shoes-mobile-2x.jpg");
background-size: 1925px 903px;
}
}
@media (min-width: 768px) {
/* Grow from bottom - Disabled due to spacing issues */
/* .live-tile-height-control {
position: absolute;
width: calc(100% ~"-" 3.125rem);
bottom: 2.75rem;
} */
.mlo4-resources .resources-items {
height: 16rem;
align-items: center;
}
.mlo4-benefits .benefits-items {
padding-top: 1.875rem;
height: 24rem;
align-items: flex-start;
}
.mlo4-benefits .benefits-items.items-connected {
height: 25rem;
align-items: center;
}
.mlo4-benefits .benefits-items.items-connected.first-row {
padding: 0.5rem 1.875rem 0rem;
}
.mlo4-benefits .benefits-items.items-connected.first-row + .items-connected {
margin: 0 auto;
width: 66.66666667%;
}
.mlo4-resources .resource-item,
.mlo4-benefits .benefit-item {
padding: 0 1rem;
text-align: center;
border: none;
cursor: pointer;
justify-content: flex-end;
outline: none;
}
.mlo4-resources .resource-item h3,
.mlo4-benefits .benefit-item h3 {
color: #333333;
transition: color 0.5s ease-in-out;
}
.mlo4-resources .resource-item:focus h3,
.mlo4-resources .resource-item.focused h3,
.mlo4-benefits .benefit-item:hover h3,
.mlo4-benefits .benefit-item:focus h3,
.mlo4-benefits .benefit-item.focused h3 {
color: #DC1431;
}
.mlo4-resources .resource-item:hover .text-description,
.mlo4-resources .resource-item:focus .text-description,
.mlo4-resources .resource-item.focused .text-description,
.mlo4-benefits .benefit-item:hover .text-description,
.mlo4-benefits .benefit-item:focus .text-description,
.mlo4-benefits .benefit-item.focused .text-description {
opacity: 1;
max-height: 180px;
}
.mlo4-resources .resource-item:hover .link-default,
.mlo4-resources .resource-item:focus .link-default,
.mlo4-resources .resource-item.focused .link-default,
.mlo4-benefits .benefit-item:hover .link-default,
.mlo4-benefits .benefit-item:focus .link-default,
.mlo4-benefits .benefit-item.focused .link-default {
text-decoration: underline;
}
.mlo4-resources .resource-text .text-description,
.mlo4-benefits .benefit-text .text-description {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out;
}
.mlo4-resources .resource-text .link-default,
.mlo4-benefits .benefit-text .link-default {
display: block;
}
.mlo4-resources .resource-text.collapse,
.mlo4-benefits .benefit-text.collapse {
display: block !important;
height: auto !important;
}
.mlo4-events .event-details-more.collapse {
display: block !important;
height: auto !important;
}
}
@media (min-width: 768px) and (max-width: 1120px) {
/* For Websites Only */
html {
font-size: 80%;
}
}
@media (max-width: 1120px) {
.mlo4-main-body {
padding: 3.75rem 0 0 0;
}
.mlo4-client-resources {
background-position: center top;
}
.mlo4-benefits .benefit-box.box-hln {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-couple.jpg");
}
.mlo4-benefits .benefit-box.box-banking {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-laptop.jpg");
}
.mlo4-benefits .benefit-box.box-pr {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-pr.jpg");
}
.mlo4-benefits .benefit-box.box-insights {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-insights.jpg");
}
.mlo4-benefits .benefit-box.box-builders {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-builders.jpg");
}
.mlo4-benefits .benefit-box.box-nl {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-nl.jpg");
}
.mlo4-benefits .benefit-box.box-tf {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-tf.jpg");
}
.mlo4-benefits .benefit-box.box-mi {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-mi.jpg");
}
.mlo4-benefits .benefit-box.box-ww {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-ww.jpg");
}
.live-tile .highlight-1,
.live-tile .highlight-2,
.live-tile .highlight-3,
.live-tile .highlight-4,
.live-tile .highlight-5,
.live-tile .highlight-6 {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-hln {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-couple.jpg");
background-size: 3680px 2456px;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-banking {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-laptop.jpg");
background-size: 2880px 1920px;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-pr {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-pr.jpg");
background-size: 2880px 1920px;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-insights {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-insights.jpg");
background-size: 2880px 1920px;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-builders {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-builders.jpg");
background-size: 2880px 1920px;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-nl {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-nl.jpg");
background-size: 2880px 1920px;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-tf {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-tf.jpg");
background-size: 683px 1024px;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-mi {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-mi.jpg");
background-size: 2880px 1920px;
}
}
@media (max-width: 1120px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1120px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1120px) and only screen and (min-resolution: 192dpi), (max-width: 1120px) and only screen and (min-resolution: 2dppx) {
.mlo4-benefits .benefit-box.box-ww {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-benefits-ww.jpg");
background-size: 2880px 1920px;
}
}
@media (min-width: 1121px) {
/* For All CTA Links Containing Tel Protocol */
/* .cta-link[href*="tel:"] {
pointer-events: none !important;
} */
}
/* Fallbacks for IE10 & Up */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mlo4-zillow .zillow-logo {
display: none;
}
.mlo4-zillow .zillow-logo.zillow-logo-ie {
display: block;
}
.mlo4-programs .carousel-inner .item {
opacity: 1;
}
.mlo4-programs .carousel-inner .item.left.active {
transform: translateX(-33%) !important;
left: -33% !important;
opacity: 0;
transition: all 0.6s ease-in-out !important;
}
.mlo4-programs .carousel-inner .item.right.active {
transform: translateX(33%) !important;
left: 33% !important;
opacity: 0;
transition: all 0.6s ease-in-out !important;
}
.mlo4-programs .carousel-inner .item.next {
transform: translateX(33%) !important;
left: 33% !important;
transition: all 0.6s ease-in-out !important;
}
.mlo4-programs .carousel-inner .item.prev {
transform: translateX(-33%) !important;
left: -33% !important;
transition: all 0.6s ease-in-out !important;
}
.mlo4-programs .carousel-inner .item.left,
.mlo4-programs .carousel-inner .item.right {
transform: translateX(0) !important;
left: 0 !important;
}
}
/* Adobe Target - Banner */
#banner-main + div {
margin-top: 3.5rem !important;
}
#banner-main:empty + div {
margin-top: auto !important;
}
#profile .mlo4-at-banner,
#profile .mlo4-dl-banner {
position: fixed;
top: 3.75rem;
}
.mlo4-at-banner {
position: absolute;
top: 7.25rem;
width: 100%;
height: 3.5rem;
background-color: #C3E8F9;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/at-bg-main.png");
background-size: auto 100% !important;
background-repeat: no-repeat;
background-position: right center;
padding: 1rem 1.875rem;
z-index: 1;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-at-banner {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/at-bg-main.png");
background-size: 1837px 318px;
}
}
.mlo4-at-banner .at-banner-text {
color: #333333;
margin-right: 1.5rem;
}
.mlo4-at-banner .at-banner-link {
color: #0052C2;
text-decoration: underline;
}
.mlo4-at-banner + div {
display: none;
}
.mlo4-dl-banner {
position: absolute;
top: 7.25rem;
width: 100%;
background-color: #009CDE;
z-index: 1;
}
.mlo4-dl-banner .dl-banner-wrap {
min-width: 320px;
max-width: calc(1600px - 6.875rem);
}
.mlo4-dl-banner .dl-banner-wrap img {
width: auto;
height: 3.375rem;
}
.mlo4-dl-banner + div {
display: none;
}
#banner-sub {
padding: 0 1.875rem 1.875rem;
}
#banner-sub .mlo4-at-banner {
position: relative;
top: 0;
height: auto;
font-size: 1.125rem;
line-height: 1.5rem;
}
#banner-sub .mlo4-dl-banner {
position: relative;
top: 0;
height: auto;
}
#banner-sub .mlo4-dl-banner .dl-banner-wrap img {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
#banner-sub .mlo4-at-banner .at-banner-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
}
@media (max-width: 767px) {
#banner-main + div {
margin-top: 0 !important;
}
#profile .mlo4-at-banner,
#profile .mlo4-dl-banner {
position: relative;
}
.mlo4-at-banner {
position: relative;
top: 3.75rem;
height: auto;
margin-top: -0.25rem;
padding: 1.25rem;
z-index: 1;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
line-height: 1.75rem;
text-align: center;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/at-bg-main-mobile.png");
background-size: cover !important;
background-repeat: no-repeat;
background-position: left center;
}
.mlo4-at-banner .at-banner-text {
display: block;
color: #333333;
margin: 0 0 1rem;
}
.mlo4-at-banner .at-banner-link {
display: inline-block;
color: #FFFFFF;
text-decoration: none;
padding: 0.625rem 1.25rem;
background-color: #0052C2;
}
.mlo4-dl-banner {
position: relative;
top: 3.75rem;
margin-top: -0.25rem;
z-index: 1;
}
.mlo4-dl-banner .dl-banner-wrap img {
width: 100%;
height: auto;
}
#banner-sub {
float: left;
width: 55%;
height: auto;
min-height: 1px;
background-color: transparent;
padding: 1.75rem 0.75rem 0.75rem;
}
#banner-sub .mlo4-at-banner {
top: 0;
font-size: 1.125rem;
line-height: 1.5rem;
padding: 2.5rem 1.875rem;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/at-bg-sub-mobile.png");
background-position: center;
}
}
@media (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 767px) and only screen and (min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min-resolution: 192dpi), (max-width: 767px) and only screen and (min-resolution: 2dppx) {
.mlo4-at-banner {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/at-bg-main-mobile.png");
background-size: 1283px 386px;
}
}
@media (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 767px) and only screen and (min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min-resolution: 192dpi), (max-width: 767px) and only screen and (min-resolution: 2dppx) {
#banner-sub .mlo4-at-banner {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/at-bg-sub-mobile.png");
background-size: 635px 680px;
}
}
@media (max-width: 440px) {
.mlo4-at-banner {
background-position: left -2.5rem center;
}
}
/* Contact */
.mlo4-contact {
position: relative;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-contact .contact-hero {
padding: 6rem 1.875rem 2.5rem 1.875rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/bg-flagscape-gray.svg');
background-size: 150%;
background-position: right -15rem top -5rem;
background-repeat: no-repeat;
}
.mlo4-contact .contact-hero h1 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.5rem;
color: #333333;
}
.mlo4-contact .contact-hero .sub-text {
display: block;
font-size: 1.5rem;
line-height: 1.875rem;
padding-right: 3.125rem;
}
.mlo4-contact .contact-hero .hero-wrapper {
display: table;
width: 100%;
max-width: 800px;
min-height: 250px;
}
.mlo4-contact .contact-hero .hero-photo {
display: table-cell;
vertical-align: bottom;
}
.mlo4-contact .contact-hero .hero-photo img {
width: 10rem;
margin-right: 2.5rem;
}
.mlo4-contact .contact-hero .hero-text {
display: table-cell;
vertical-align: bottom;
}
.mlo4-contact .contact-hero .hero-image {
display: none;
}
.mlo4-contact.no-photo .contact-hero {
background-image: none;
padding: 6rem 1.875rem 0 1.875rem;
}
.mlo4-contact.no-photo .contact-hero .sub-text {
max-width: 700px;
margin-bottom: 2.5rem;
}
.mlo4-contact.no-photo .contact-hero .hero-wrapper {
display: table;
width: 100%;
max-width: 100%;
}
.mlo4-contact.no-photo .contact-hero .hero-image {
position: relative;
display: table-cell;
vertical-align: bottom;
width: 20rem;
}
.mlo4-contact.no-photo .contact-hero .hero-image img {
/* position: absolute;
bottom: 0;
right: 0; */
width: 20rem;
}
.mlo4-contact .mlo4-form {
padding: 2.5rem 1.875rem;
}
/* mlo4-contact form and mlo4-event form spinner */
@keyframes spinner-border { to { transform: rotate(360deg); }  }
.spinner-border {
display: inline-block;
width: 3.3rem;
height: 3.3rem;
vertical-align: text-bottom;
border: 0.4em solid currentColor;
border-color: #0052C2;
border-color: #222;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;
}
.mlo-spinner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 999;
}
.mlo-spinner .mlo-spinner-wrap {
flex: 1 1 auto;
display: flex;
justify-content: center;
align-items: center;
}
.mlo4-form.processing { position: relative; }
.mlo4-form.processing .mlo-spinner { display: flex; }
.mlo4-form.processing .mlo4-form-container{ pointer-events: none; filter: opacity(0.5); }
/* Responsive Styles - Contact */
@media (max-width: 767px) {
.mlo4-contact .contact-hero {
background-size: 250%;
background-position: center top 2.5rem;
}
.mlo4-contact .contact-hero .sub-text {
padding-right: 0;
}
.mlo4-contact .contact-hero .hero-wrapper {
display: table;
width: 100%;
max-width: 100%;
min-height: 1px;
}
.mlo4-contact .contact-hero .hero-photo {
display: block;
}
.mlo4-contact .contact-hero .hero-photo img {
width: 10rem;
margin-bottom: 1.875rem;
}
.mlo4-contact .contact-hero .hero-text {
display: block;
}
.mlo4-contact .contact-hero .hero-image {
display: none;
}
.mlo4-contact.no-photo .contact-hero .sub-text {
max-width: 100%;
}
.mlo4-contact.no-photo .contact-hero .hero-wrapper {
display: block;
width: 100%;
max-width: 100%;
}
.mlo4-contact.no-photo .contact-hero .hero-text {
padding-top: 9.25rem;
}
.mlo4-contact.no-photo .contact-hero .hero-image {
position: absolute;
top: 0;
left: 0;
display: block;
width: 10rem;
}
.mlo4-contact.no-photo .contact-hero .hero-image img {
position: absolute;
top: 0;
left: 1.875rem;
margin-top: 1.5rem;
width: 10rem;
}
}
/* Fallbacks for IE10 & Up */
/* Event */
.mlo4-event {
position: relative;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-event .event-hero {
padding: 6rem 1.875rem 0 1.875rem;
}
.mlo4-event .event-hero h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.5rem;
color: #333333;
}
.mlo4-event .event-hero .hero-wrapper {
display: table;
width: 100%;
min-height: 300px;
}
.mlo4-event .event-hero .hero-photo {
display: table-cell;
vertical-align: bottom;
}
.mlo4-event .event-hero .hero-photo img {
width: 10rem;
margin-right: 2.5rem;
}
.mlo4-event .event-hero .hero-text {
display: table-cell;
vertical-align: bottom;
}
.mlo4-event .event-hero .hero-image {
position: relative;
display: table-cell;
vertical-align: bottom;
width: 28rem;
}
.mlo4-event .event-hero .hero-image img {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}
.mlo4-event .event-details {
max-width: 700px;
padding-bottom: 2.5rem;
}
.mlo4-event .event-name,
.mlo4-event .event-date,
.mlo4-event .event-time,
.mlo4-event .event-location,
.mlo4-event .event-room,
.mlo4-event .event-speaker,
.mlo4-event .event-rsvp-link {
display: block;
}
.mlo4-event .event-address {
display: inline-block;
}
.mlo4-event .event-name {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.125rem;
line-height: 2.5rem;
margin-bottom: 1.125rem;
}
.mlo4-event .event-date,
.mlo4-event .event-time,
.mlo4-event .event-speaker,
.mlo4-event .event-location,
.mlo4-event .event-room,
.mlo4-event .event-address {
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-event .event-time {
margin-bottom: 1.125rem;
}
.mlo4-event .event-speaker {
margin-bottom: 1.125rem;
}
.mlo4-event .event-speaker strong {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-event .event-room {
margin-bottom: 1.125rem;
}
.mlo4-event .event-location {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-event .mlo4-form {
padding: 2.5rem 1.875rem;
}
/* Responsive Styles - Event */
@media (max-width: 767px) {
.mlo4-event .event-hero h2 {
font-size: 2.75rem;
line-height: 2.875rem;
}
.mlo4-event .event-hero .hero-wrapper {
display: block;
}
.mlo4-event .event-hero .hero-text {
display: block;
padding-top: 14rem;
}
.mlo4-event .event-hero .hero-image {
position: absolute;
top: 0;
left: 0;
display: block;
text-align: center;
width: 100%;
height: 17.5rem;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-event .event-hero .hero-image img {
position: absolute;
bottom: 0;
left: 0;
margin: 0 auto;
width: auto;
height: 12rem;
}
.mlo4-event .event-details {
padding: 0;
}
.mlo4-event .event-name {
margin-bottom: 0;
}
}
/* Fallbacks for IE10 & Up */
/* FTHB */
.mlo4-fthb-container {
max-width: 1080px;
min-width: 320px;
margin: 0 auto;
}
.mlo4-fthb-button {
padding: 0.625rem 2.75rem;
background-color: #012169;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
color: #FFFFFF;
}
.mlo4-fthb-button:hover {
color: #FFFFFF;
background-color: #001341;
}
.mlo4-fthb-button:focus {
color: #FFFFFF;
outline: 1px dotted #000000;
outline-offset: 2px;
}
.mlo4-fthb-button[disabled] {
background-color: #D0D0D0;
opacity: 0.65;
}
.mlo4-fthb-header {
position: relative;
padding: 0.375rem 1.875rem;
}
.mlo4-fthb-header .header-logo {
width: 17rem;
}
.mlo4-fthb-main {
color: #000000;
}
.mlo4-fthb-main .main-hero {
position: relative;
overflow: hidden;
/* display: table; */
width: 100%;
height: 20rem;
/* background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//bg-fthb-desktop.jpg');
background-color: @cool-gray-light;
background-size: cover;
background-position: left center;
background-repeat: no-repeat; */
padding: 1.5rem 3.125rem;
}
.mlo4-fthb-main .main-hero .hero-image {
position: absolute;
top: -3.125rem;
left: 0;
}
.mlo4-fthb-main .main-hero .hero-image + .hero-row {
position: absolute;
z-index: 1;
}
.mlo4-fthb-main .main-hero.hero-ahbs {
/* display: table;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//bg-ahbs-desktop.jpg');
background-size: cover;
background-position: right center;
background-repeat: no-repeat; */
}
.mlo4-fthb-main .main-hero.hero-ahbs .hero-cell {
width: 41%;
padding-top: 2rem;
}
.mlo4-fthb-main .main-hero.hero-ahbs .hero-image {
width: 120%;
top: 0;
left: -12vw !important;
right: 0 !important;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.mlo4-fthb-main .main-hero.hero-ahbs h1 {
display: block;
max-width: 68%;
margin: 0;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.75rem;
line-height: 1.1;
color: #FFFFFF;
letter-spacing: -0.02em;
}
.mlo4-fthb-main .main-hero .hero-row {
display: table-row;
}
.mlo4-fthb-main .main-hero .hero-cell {
display: table-cell;
vertical-align: middle;
}
.mlo4-fthb-main .main-hero h1 {
display: block;
max-width: 22.5rem;
margin: 0;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.75rem;
line-height: 1.1;
color: #000000;
letter-spacing: -0.02em;
}
.mlo4-fthb-main .main-hero .h1-subtext {
display: block;
letter-spacing: 0;
}
.mlo4-fthb-main .main-hero .h1-subtext.h1-subtext-1 {
font-size: 1.75rem;
margin: 1rem 0 0.5rem;
}
.mlo4-fthb-main .main-hero .h1-subtext.h1-subtext-2 {
font-size: 1.125rem;
}
.mlo4-fthb-main .main-content {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 2rem 1.875rem;
font-size: 1.5rem;
line-height: 1.2;
}
.mlo4-fthb-main .main-content .content-registration .registration-summary {
padding-right: 9rem;
}
.mlo4-fthb-main .main-content .content-registration .registration-summary p {
font-size: 1.875rem;
margin-bottom: 2rem;
}
.mlo4-fthb-main .main-content .content-registration .registration-info {
padding-right: 5rem;
}
.mlo4-fthb-main .main-content .content-confirmation {
text-align: center;
}
.mlo4-fthb-main .main-content .content-confirmation h2 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.875rem;
margin: 0 0 1.875rem;
color: #012169;
}
.mlo4-fthb-main .main-content .content-confirmation p {
font-size: 1.875rem;
margin-bottom: 2rem;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-button {
margin-bottom: 1.875rem;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo {
display: table;
margin: 0 auto 1.25rem;
font-size: 1.875rem;
text-align: left;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-photo,
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile {
display: table-cell;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-photo img {
width: 8.75rem;
margin-right: 1.875rem;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-photo img[src=""] {
display: none;
width: 0;
height: 0;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile {
vertical-align: bottom;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-name,
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-title,
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-nmls,
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-website,
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-hours {
display: block;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-name {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-website {
color: #0052C2;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-hours {
font-size: 1.375rem;
}
.mlo4-fthb-main .main-content .content-error {
padding-bottom: 8rem;
text-align: center;
}
.mlo4-fthb-main .main-content .content-error h2 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.875rem;
margin: 0 0 1.875rem;
color: #000000;
}
.mlo4-fthb-main .main-content .content-error p {
font-size: 1.875rem;
margin-bottom: 2rem;
}
.mlo4-fthb-main .main-content .content-error a {
color: #0052C2;
}
.mlo4-fthb-main .main-content p {
margin: 0 0 1rem;
}
.mlo4-fthb-main .main-content ul {
margin-bottom: 2rem;
padding: 0;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.mlo4-fthb-main .main-content ul li {
margin: 0 1.375rem 0.25rem;
}
.mlo4-fthb-main .main-content h2 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
margin: 0 0 0.875rem;
}
.mlo4-fthb-main .main-form {
padding: 0 1.875rem 3.125rem;
}
.mlo4-fthb-main .main-form h2 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
margin: 0 0 1.875rem;
color: #012169;
}
.mlo4-fthb-main .main-form label,
.mlo4-fthb-main .main-form legend {
font-size: 1.125rem;
color: #000000;
margin-bottom: 0.25rem;
}
.mlo4-fthb-main .main-form label.required:after,
.mlo4-fthb-main .main-form legend.required:after {
content: '*';
margin-left: 0.125rem;
}
.mlo4-fthb-main .main-form label.label-inline {
margin-right: 1rem;
}
.mlo4-fthb-main .main-form label.label-inline input[type='radio'] {
margin-right: 0.375rem;
}
.mlo4-fthb-main .main-form label.radio-inline {
margin-left: 0;
margin-right: 1rem;
}
.mlo4-fthb-main .main-form legend {
margin-bottom: 0.75rem;
}
.mlo4-fthb-main .main-form .form-note {
position: absolute;
top: 0;
right: 0;
font-size: 1rem;
text-align: right;
}
.mlo4-fthb-main .main-form .form-note .note-asterisk {
font-size: 1.125rem;
}
.mlo4-fthb-main .main-form .form-group {
margin-bottom: 1.25rem;
}
.mlo4-fthb-main .main-form .form-group.group-last-name,
.mlo4-fthb-main .main-form .form-group.group-additional-questions {
margin: 0;
}
.mlo4-fthb-main .main-form .form-group.group-ls-selected label {
display: none;
}
.mlo4-fthb-main .main-form .form-group.group-ls-selected .form-control {
display: none;
}
.mlo4-fthb-main .main-form .form-group.group-ls-selected .selected-ls {
display: block;
}
.mlo4-fthb-main .main-form .form-group .selected-ls {
display: none;
}
.mlo4-fthb-main .main-form .form-group .ls-profile {
display: table;
width: 100%;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-photo,
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-details {
display: table-cell;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-photo {
vertical-align: top;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-photo img {
width: 5rem;
margin-right: 1.25rem;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-photo img[src=""] {
display: none;
width: 0;
height: 0;
margin: 0;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-details {
width: 100%;
vertical-align: middle;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-name,
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-location,
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-nmls {
display: block;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-name {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
line-height: 1.1;
letter-spacing: -0.01em;
margin-bottom: 0.25rem;
color: #000000;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-location {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.mlo4-fthb-main .main-form .form-collapsible {
margin-bottom: 1.25rem;
padding: 1.5rem;
background-color: #F2F2F2;
}
.mlo4-fthb-main .main-form .form-change.change-ls {
display: inline-block;
margin-top: 0.875rem;
color: #0052C2;
background: transparent;
padding: 0;
}
.mlo4-fthb-main .main-form .form-control {
position: relative;
font-size: 1.125rem;
line-height: 1;
height: 2.125rem;
color: #000000;
border: 1px solid #D0D0D0;
box-shadow: none;
}
.mlo4-fthb-main .main-form .form-control:focus {
border-color: #0052C2 !important;
}
.mlo4-fthb-main .main-form .form-control.control-inline {
display: inline-block;
width: auto;
}
.mlo4-fthb-main .main-form .form-control.control-float {
position: absolute;
top: 0;
right: 0;
}
.mlo4-fthb-main .main-form .form-control.control-state,
.mlo4-fthb-main .main-form .form-control.control-zip {
width: 65%;
}
.mlo4-fthb-main .main-form .form-control[disabled] {
padding: 0;
background-color: transparent;
border: 0;
}
.mlo4-fthb-main .main-form .form-disclaimer {
display: block;
font-size: 0.75rem;
line-height: 1.4;
}
.mlo4-fthb-main .main-form .form-messaging {
display: none;
margin-bottom: 1.5rem;
}
.mlo4-fthb-main .main-form .form-messaging.validation-summary-errors {
display: block;
}
.mlo4-fthb-main .main-form .form-messaging.page-level-error {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-error.svg');
background-repeat: no-repeat;
background-size: 1.5rem;
background-position: left top;
padding-left: 2.5rem;
font-size: 1.125rem;
line-height: 1.3;
}
.mlo4-fthb-main .main-form .form-messaging.page-level-error .error-message,
.mlo4-fthb-main .main-form .form-messaging.page-level-error span {
display: block;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #DC1431;
margin-bottom: 0.5rem;
}
.mlo4-fthb-main .main-form .form-messaging.page-level-error ul {
padding: 0;
}
.mlo4-fthb-main .main-form .form-messaging.page-level-error ul li {
margin: 0 0 0.25rem 1.375rem;
}
.mlo4-fthb-main .main-form .has-error label:not(.radio-inline),
.mlo4-fthb-main .main-form .has-error legend:not(.radio-inline) {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-error.svg');
background-repeat: no-repeat;
background-size: 1rem;
background-position: left top 0.125rem;
padding-left: 1.5rem;
color: #DC1431;
}
.mlo4-fthb-main .main-form .has-error label:not(.radio-inline).label-inline,
.mlo4-fthb-main .main-form .has-error legend:not(.radio-inline).label-inline {
background: none;
padding-left: 0;
color: inherit;
}
.mlo4-fthb-main .main-form .has-error .form-control {
border: 1px solid #DC1431;
}
.mlo4-fthb-main .main-form .has-error select {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-error.svg') !important;
}
.mlo4-fthb-main .main-form .registered-icon {
display: none;
position: absolute;
top: 2rem;
right: 0.5rem;
width: 1.375rem;
}
.mlo4-fthb-main .main-form .registered-message {
display: none;
position: relative;
font-size: 1.125rem;
line-height: 1.2;
background-color: #E5F5FC;
padding: 1.5rem;
margin-top: 1rem;
}
.mlo4-fthb-main .main-form .registered-message:focus {
outline: none;
}
.mlo4-fthb-main .main-form .registered-message:before {
content: '';
position: absolute;
top: -0.75rem;
left: 1.5rem;
width: 1.5rem;
height: 1.5rem;
background-color: #E5F5FC;
transform: rotate(45deg);
}
.mlo4-fthb-main .main-form .registered-message p {
margin: 0 0 0.375rem;
}
.mlo4-fthb-main .main-form .registered-message p:last-of-type {
margin-bottom: 0;
}
.mlo4-fthb-main .main-form .registered-message a {
color: #0052C2;
}
.mlo4-fthb-main .main-form .registered-message .message-summary {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-fthb-main .main-form .email-registered {
position: relative;
}
.mlo4-fthb-main .main-form .email-registered .registered-icon,
.mlo4-fthb-main .main-form .email-registered .registered-message {
display: block;
}
.mlo4-fthb-main .main-form .email-registered .form-control {
border: 1px solid #0052C2;
}
.fthb-person {
background-color: #F2F2F2;
padding: 1.5rem;
}
.fthb-person .ls-profile {
display: flex;
width: 100%;
}
.fthb-person .ls-profile .ls-photo {
order: 2;
vertical-align: top;
}
.fthb-person .ls-profile .ls-photo img {
width: 5rem;
margin-left: 1.25rem;
}
.fthb-person .ls-profile .ls-photo img[src=""] {
display: none;
width: 0;
height: 0;
margin: 0;
}
.fthb-person .ls-profile .ls-details {
order: 1;
width: 100%;
align-self: center;
}
.fthb-person .ls-profile .ls-name,
.fthb-person .ls-profile .ls-location,
.fthb-person .ls-profile .ls-nmls {
display: block;
}
.fthb-person .ls-profile .ls-name {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
line-height: 1.1;
letter-spacing: -0.01em;
margin-bottom: 0.25rem;
color: #000000;
}
.fthb-person .ls-profile .ls-location {
font-size: 1rem;
margin-bottom: 0.5rem;
}
.fthb-right-col {
padding-left: 5rem;
}
.fthb-right-col h3 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.375rem;
letter-spacing: -0.02em;
}
.fthb-right-col p {
font-size: 1.125rem;
line-height: 1.3;
margin-bottom: 1.375rem;
}
.fthb-right-col-link {
text-decoration: underline;
}
.fthb-right-col-link:focus {
outline: 1px dotted;
}
.fthb-video-thumb {
display: block;
margin-bottom: 1.875rem;
}
.fthb-video-thumb:focus {
outline: 1px dotted;
}
.fthb-video-thumb img {
display: block;
width: 100%;
}
.fthb-player {
margin: 0 auto 1.875rem;
max-width: 650px;
}
.fthb-player .video-js {
width: 100%;
padding-bottom: 56%;
}
.fthb-language {
position: absolute;
right: 1.875rem;
top: 1.9375rem;
font-size: 0.875rem;
}
.fthb-not-ready {
margin-top: -1rem;
}
.fthb-not-ready-link {
text-decoration: underline;
}
.fthb-not-ready-link:focus {
outline: 1px dotted;
}
.fthb-modal-es {
background-color: rgba(0, 0, 0, 0.55);
z-index: 1001;
}
.fthb-modal-es-dialog {
position: relative;
display: table;
width: 100%;
height: 100%;
margin: 0;
}
.fthb-modal-es-content {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
padding: 1.875rem;
}
.fthb-modal-es {
padding-right: 0 !important;
}
.fthb-modal-es-logo {
width: 11rem;
margin-bottom: 1rem;
}
.fthb-modal-es-h2 {
font-size: 1.75rem;
color: #000000;
margin-bottom: 1rem;
}
.fthb-modal-es-btn {
font-size: 1.125rem;
padding: 0.625rem 1.5rem;
}
.fthb-modal-es-btn-continue {
margin-right: 0.75rem;
}
.fthb-modal-es-body {
text-align: left;
max-width: 700px;
width: 100%;
min-height: 300px;
margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
color: #000000;
}
.fthb-modal-es-body p {
font-size: 1.125rem;
margin-bottom: 1.5rem;
}
.fthb-modal-es-header {
width: 100%;
height: 3.5rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/bg-flagscape-red-simplified.svg');
background-repeat: no-repeat;
background-size: cover;
background-color: #DC1431;
background-position: left 3.125rem center;
}
.fthb-modal-es-text {
padding: 1.875rem;
}
.fthb-modal-es-close {
position: absolute;
top: 1.125rem;
right: 1.125rem;
z-index: 5;
display: inline-block;
width: 1.25rem;
height: 1.25rem;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.125rem;
text-transform: uppercase;
color: #FFFFFF;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close-white.svg') !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 1.125rem;
}
.fthb-modal-es-close:hover,
.fthb-modal-es-close:focus {
border-bottom: 1px dotted #FFFFFF;
text-decoration: none;
}
.fthb-modal {
background-color: rgba(242, 242, 242, 0.92);
z-index: 1001;
}
.fthb-modal-dialog {
position: relative;
display: table;
width: 100%;
height: 100%;
margin: 0;
}
.fthb-modal-content {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
}
.fthb-modal {
padding-right: 0 !important;
}
.fthb-modal-logo {
width: 11rem;
margin-bottom: 1rem;
}
.fthb-modal-h2 {
font-size: 2.25rem;
color: #012169;
margin-bottom: 2rem;
}
.fthb-modal-btn {
font-size: 1.5rem;
padding: 1rem 3.25rem;
}
.fthb-modal-body {
padding: 5rem 1.875rem;
}
.fthb-modal-close {
position: absolute;
top: 1.875rem;
right: 1.875rem;
z-index: 5;
display: inline-block;
width: 1.875rem;
height: 1.875rem;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.125rem;
text-transform: uppercase;
color: #333333;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 1.625rem;
}
.fthb-modal-close:hover,
.fthb-modal-close:focus {
border-bottom: 1px dotted #333333;
text-decoration: none;
}
.fthb-transcript {
padding-top: 0.75rem;
}
.fthb-transcript-close {
font-size: 1rem;
color: #0052C2;
background-color: #F2F2F2;
}
.fthb-transcript-close:focus {
outline: 2px dotted #FFFFFF;
text-decoration: underline;
}
.fthb-transcript-btn {
position: relative;
font-size: 1rem;
padding: 0;
margin-bottom: 0.75rem;
color: #0052C2;
background-color: transparent;
}
.fthb-transcript-btn:hover {
text-decoration: underline;
}
.fthb-transcript-btn:focus {
outline: 1px dotted #000000;
}
.fthb-transcript-btn:after {
content: '';
position: absolute;
top: 0.25rem;
right: -1rem;
display: inline-block;
border-bottom: 2px solid #0052C2;
border-right: 2px solid #0052C2;
width: 0.5rem;
height: 0.5rem;
margin-top: 0;
transform: rotate(45deg);
transition: top 0.2s ease-out, transform 0.2s ease-out;
}
.fthb-transcript-btn[aria-expanded='true']:after {
top: 0.5rem;
transform: rotate(-135deg);
}
.fthb-transcript-content {
position: relative;
padding: 1.25rem;
font-size: 1rem;
color: #FFFFFF;
background-color: #0052C2;
}
.fthb-transcript-content a:focus {
outline: 2px dotted #FFFFFF;
}
.fthb-transcript-content:before {
content: '';
display: block;
width: 1rem;
height: 1rem;
position: absolute;
top: -0.375rem;
left: 1rem;
background-color: #0052C2;
transform: rotate(45deg);
}
.mlo4-fthb-footer {
background-color: #F2F2F2;
color: #000000;
font-size: 0.875rem;
line-height: 1.4;
}
.mlo4-fthb-footer .fthb-meta-list {
margin: 0;
}
.mlo4-fthb-footer .fthb-meta-list li {
padding: 0;
}
.mlo4-fthb-footer .footer-container {
padding: 1.875rem;
}
.mlo4-fthb-footer .footer-logo {
width: 15rem;
height: auto;
}
.mlo4-fthb-footer .footer-disclosures {
margin-bottom: 1.25rem;
}
.mlo4-fthb-footer .footer-disclosures p:last-of-type {
margin-bottom: 0;
}
.mlo4-fthb-footer .footer-meta a {
color: #0052C2;
}
.mlo4-fthb-footer .footer-meta .meta-link {
display: inline-block;
}
.mlo4-fthb-footer .footer-meta .meta-link:after {
content: '\00a0\00a0|\00a0\00a0';
}
.mlo4-fthb-footer .footer-meta .meta-link:last-of-type:after {
display: none;
}
.mlo4-fthb-footer .footer-meta .icon-secure {
display: inline-block;
width: 0.5rem;
height: 0.625rem;
margin-right: 0.25rem;
}
.mlo4-fthb-footer .footer-meta .icon-ehl {
display: inline-block;
width: 0.875rem;
padding-bottom: 0.1875rem;
}
.mlo4-fthb-footer .footer-meta .adtile-recruiting {
float: right;
display: block;
width: 100%;
max-width: 20rem;
}
.mlo4-fthb-footer .footer-meta .adtile-recruiting img {
width: 100%;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover {
max-width: 600px !important;
background-color: #FFFFFF;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover .mlo4-popover-content {
font-size: 0.875rem;
line-height: 1.4;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover.top > .mlo4-popover-arrow:after {
border-top-color: #FFFFFF !important;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover.bottom > .mlo4-popover-arrow:after {
border-bottom-color: #FFFFFF !important;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover.left > .mlo4-popover-arrow:after {
border-left-color: #FFFFFF !important;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover.right > .mlo4-popover-arrow:after {
border-right-color: #FFFFFF !important;
}
/* Responsive Styles - FTHB */
@media (max-width: 440px) {
.mlo4-fthb-header .header-logo {
width: 14.5rem;
}
.fthb-person {
background-color: #F2F2F2;
padding: 1.5rem;
}
.fthb-person .ls-profile {
flex-direction: column;
width: 100%;
}
.fthb-person .ls-profile .ls-photo,
.fthb-person .ls-profile .ls-details {
text-align: center;
}
.fthb-person .ls-profile .ls-details {
order: 2;
}
.fthb-person .ls-profile .ls-photo {
order: 1;
}
.fthb-person .ls-profile .ls-photo img {
margin-left: 0;
margin-bottom: 0.875rem;
}
.mlo4-fthb-main .main-hero {
height: 13rem;
}
.mlo4-fthb-main .main-content.content-ahbs h1 {
font-size: 2.125rem !important;
}
.mlo4-fthb-main .main-form .form-group.group-ls-selected .form-change {
display: block !important;
}
.mlo4-fthb-main .main-form .form-group .ls-profile {
display: block;
width: 100%;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-photo,
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-details {
display: block;
text-align: center;
}
.mlo4-fthb-main .main-form .form-group .ls-profile .ls-photo img {
margin-right: 0;
margin-bottom: 0.875rem;
}
.mlo4-fthb-main .main-form .form-change {
text-align: center;
}
}
@media (min-width: 441px) and (max-width: 767px) {
.mlo4-fthb-main .main-hero {
height: 20rem;
}
}
@media (min-width: 768px) and (max-width: 930px) {
.mlo4-fthb-main .main-hero.hero-ahbs .hero-image {
width: 150%;
left: -35vw !important;
}
}
@media (max-width: 767px) {
.fthb-language {
top: 0.75rem;
left: 0;
right: 0;
margin: 0 auto;
font-size: 0.75rem;
}
.fthb-right-col {
padding: 1.5rem 0 0 !important;
}
.fthb-modal-logo {
margin-bottom: 0.75rem;
}
.fthb-modal-h2 {
font-size: 1.75rem;
margin-bottom: 1.125rem;
}
.fthb-modal-btn {
font-size: 1.25rem;
padding: 0.75rem 2.875rem;
}
.mlo4-fthb-button {
font-size: 1rem;
}
.mlo4-fthb-header {
text-align: center;
padding: 1.375rem 1.875rem 0.375rem;
}
.mlo4-fthb-main .main-hero {
/* background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//bg-fthb-mobile.jpg');
background-position: center center;
padding: 0; */
}
.mlo4-fthb-main .main-hero .hero-image {
width: 230%;
left: -110vw !important;
right: 0 !important;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.mlo4-fthb-main .main-hero.hero-ahbs {
/* background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//bg-ahbs-mobile.jpg');
background-position: center center; */
}
.mlo4-fthb-main .main-hero.hero-ahbs .hero-image {
width: 100%;
left: 0 !important;
right: 0 !important;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.mlo4-fthb-main .main-content {
font-size: 1.25rem;
}
.mlo4-fthb-main .main-content h1 {
font-size: 2rem;
text-align: center;
}
.mlo4-fthb-main .main-content.content-ahbs h1 {
font-size: 2.5rem;
}
.mlo4-fthb-main .main-content .h1-subtext {
display: block;
letter-spacing: 0;
}
.mlo4-fthb-main .main-content .h1-subtext.h1-subtext-1 {
font-size: 1.375rem;
margin: 1rem 0 0.5rem;
}
.mlo4-fthb-main .main-content .h1-subtext.h1-subtext-2 {
font-size: 1rem;
}
.mlo4-fthb-main .main-content h2 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
margin: 0 0 0.5rem;
}
.mlo4-fthb-main .main-content ul {
margin-bottom: 1.25rem;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.mlo4-fthb-main .main-content ul li {
margin: 0 0 0.125rem 1.25rem;
}
.mlo4-fthb-main .main-content .content-registration .registration-summary p {
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
.mlo4-fthb-main .main-content .content-confirmation h2 {
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
.mlo4-fthb-main .main-content .content-confirmation p {
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-button {
margin-bottom: 1.25rem;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo {
display: block;
font-size: 1.25rem;
text-align: center;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-photo,
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile {
display: block;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-photo img {
width: 7.5rem;
margin: 0 0 1.25rem;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile {
vertical-align: top;
}
.mlo4-fthb-main .main-content .content-confirmation .confirmation-mlo .mlo-profile .profile-hours {
font-size: 1.125rem;
}
.mlo4-fthb-main .main-content .content-error {
padding-bottom: 0;
}
.mlo4-fthb-main .main-content .content-error h2 {
font-size: 1.25rem;
margin: 0 0 1.25rem;
}
.mlo4-fthb-main .main-content .content-error p {
font-size: 1.25rem;
margin-bottom: 1.25rem;
}
.mlo4-fthb-main .main-form h2 {
font-size: 1.25rem;
text-align: center;
margin: 0 0 1.5rem;
}
.mlo4-fthb-main .main-form label,
.mlo4-fthb-main .main-form legend {
font-size: 1rem;
}
.mlo4-fthb-main .main-form .form-note {
font-size: 0.875rem;
}
.mlo4-fthb-main .main-form .form-note .note-asterisk {
font-size: 1rem;
}
.mlo4-fthb-main .main-form .form-group {
margin-bottom: 1.125rem;
}
.mlo4-fthb-main .main-form .form-control {
font-size: 1rem;
}
.mlo4-fthb-main .main-form .form-control.control-state,
.mlo4-fthb-main .main-form .form-control.control-zip {
width: 100%;
}
.mlo4-fthb-main .main-form .form-messaging {
margin-bottom: 1.25rem;
}
.mlo4-fthb-main .main-form .form-messaging.page-level-error {
font-size: 1rem;
}
.mlo4-fthb-main .main-form .has-error label {
background-size: 0.75rem;
padding-left: 1.125rem;
}
.mlo4-fthb-main .main-form .registered-message {
font-size: 1rem;
}
.mlo4-fthb-footer {
font-size: 0.75rem;
text-align: center;
}
.mlo4-fthb-footer .footer-logo {
width: 12.5rem;
}
.mlo4-fthb-footer .footer-disclosures {
text-align: left;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover {
width: 100%;
max-width: 100%;
text-align: left;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover .mlo4-popover-content {
font-size: 0.875rem;
line-height: 1.4rem;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover .mlo4-popover-content p {
display: inline;
}
.mlo4-fthb-footer .footer-meta .mlo4-popover .mlo4-popover-content p:after {
content: '\00a0';
}
}
@media (max-width: 530px) {
.mlo4-fthb-main .main-hero.hero-ahbs .hero-image {
width: 120% !important;
left: -7vw !important;
right: 0 !important;
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
@media (max-width: 992px) {
.fthb-right-col {
padding-left: 2.875rem;
}
.mlo4-fthb-main .main-content .content-registration .registration-summary {
padding-right: 0;
}
.mlo4-fthb-main .main-content .content-registration .registration-info {
padding-right: 0;
}
.mlo4-fthb-main .main-hero .hero-image {
left: -4.75rem;
}
}
/* DPC 2018 */
.mlo4-dpc .dpc-hero {
display: table;
width: 100%;
min-height: 30rem;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-dpc-2x.jpg");
background-color: #B3AAA3;
background-size: cover !important;
background-position: top -3.125rem right;
background-repeat: no-repeat;
padding: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-dpc .dpc-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-dpc-2x.jpg");
background-size: 2467px 1645px;
}
}
.mlo4-dpc .dpc-hero.dpc-hero-generic {
background-position: top -7.5rem right;
}
.mlo4-dpc .dpc-hero .hero-row {
display: table-row;
}
.mlo4-dpc .dpc-hero .hero-cell {
display: table-cell;
vertical-align: bottom;
}
.mlo4-dpc .dpc-hero .hero-cell h1 {
display: block;
background-color: #F2F2F2;
padding: 0.75rem 1.875rem;
margin: 0;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
line-height: 1.75rem;
color: #333333;
letter-spacing: -0.01em;
}
.mlo4-dpc .dpc-hero .hero-cell .subtext {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.875rem;
line-height: 3.125rem;
color: #333333;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.mlo4-dpc .dpc-hero .hero-select {
height: 22.5rem;
padding: 1.875rem;
}
.mlo4-dpc .dpc-hero .hero-select.hero-select-generic {
padding: 0 !important;
}
.mlo4-dpc .dpc-hero .hero-select.hero-select-generic .container-mlo {
padding: 1.875rem !important;
}
.mlo4-dpc .dpc-hero .hero-select .select-box {
padding: 1.25rem 1.5rem 1.625rem;
background-color: #0052C2;
}
.mlo4-dpc .dpc-hero .hero-select .select-box-label {
display: block;
margin: 0 0 0.75rem;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.875rem;
line-height: 2.125rem;
color: #FFFFFF;
}
.mlo4-dpc .dpc-hero .hero-select .dpc-state {
display: block;
width: 100%;
border: none !important;
font-size: 1.125rem;
line-height: 1.125rem;
height: 1.875rem;
padding: 0.375rem 0.5rem;
background-color: #FFFFFF;
}
.mlo4-dpc .dpc-hero .hero-select .dpc-state:focus {
border: none !important;
outline: 1px dotted #FFFFFF !important;
outline-offset: 1px;
}
.mlo4-dpc .dpc-hero .hero-heading {
background-color: rgba(242, 242, 242, 0.85);
}
.mlo4-dpc .dpc-hero .hero-heading .subtext {
padding: 1.875rem;
}
.mlo4-dpc .dpc-content {
padding: 3.125rem 1.875rem 3.75rem;
color: #333333;
}
.mlo4-dpc .dpc-content h2 {
display: inline-block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #333333;
}
.mlo4-dpc .dpc-content p {
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-dpc .dpc-features {
display: flex;
display: -webkit-flex;
margin: 0 -0.9375rem;
padding: 1.25rem 0 0;
}
.mlo4-dpc .dpc-features .flex-1 {
flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
}
.mlo4-dpc .dpc-features .flex-2 {
flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
}
.mlo4-dpc .dpc-features .flex-3 {
flex: 3;
-webkit-flex: 3;
-ms-flex: 3;
}
.mlo4-dpc .dpc-features .flex-4 {
flex: 4;
-webkit-flex: 4;
-ms-flex: 4;
}
.mlo4-dpc .dpc-features .flex-5 {
flex: 5;
-webkit-flex: 5;
-ms-flex: 5;
}
.mlo4-dpc .dpc-features .flex-6 {
flex: 6;
-webkit-flex: 6;
-ms-flex: 6;
}
.mlo4-dpc .dpc-features .flex-7 {
flex: 7;
-webkit-flex: 7;
-ms-flex: 7;
}
.mlo4-dpc .dpc-features .flex-8 {
flex: 8;
-webkit-flex: 8;
-ms-flex: 8;
}
.mlo4-dpc .dpc-features .flex-9 {
flex: 9;
-webkit-flex: 9;
-ms-flex: 9;
}
.mlo4-dpc .dpc-features .flex-10 {
flex: 10;
-webkit-flex: 10;
-ms-flex: 10;
}
.mlo4-dpc .dpc-features .flex-11 {
flex: 11;
-webkit-flex: 11;
-ms-flex: 11;
}
.mlo4-dpc .dpc-features .flex-12 {
flex: 12;
-webkit-flex: 12;
-ms-flex: 12;
}
.mlo4-dpc .dpc-feature {
padding: 0 0.9375rem;
}
.mlo4-dpc .dpc-feature .feature-content {
padding: 1.875rem 1.875rem 1.875rem 7.5rem;
background-color: #E7E8E9;
background-repeat: no-repeat;
height: 100%;
}
.mlo4-dpc .dpc-feature .feature-content h2 {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.875rem;
line-height: 2.125rem;
color: #DC1431;
margin-bottom: 1rem;
}
.mlo4-dpc .dpc-feature .feature-content p {
margin: 0;
}
.mlo4-dpc .dpc-feature .feature-content .link-default {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-dpc .dpc-feature .feature-content.feature-lto {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/icon-dpc-cash.png");
background-size: 3.75rem !important;
background-position: left 1.875rem top 1.875rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-dpc .dpc-feature .feature-content.feature-lto {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/icon-dpc-cash.png");
background-size: 68px 75px;
}
}
.mlo4-dpc .dpc-feature .feature-content.feature-faq {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/icon-dpc-faq.png");
background-size: 3.25rem !important;
background-position: left 2.125rem top 2.125rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-dpc .dpc-feature .feature-content.feature-faq {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/icon-dpc-faq.png");
background-size: 60px 61px;
}
}
.mlo4-dpc .dpc-programs h2 {
font-size: 2.875rem;
line-height: 3.125rem;
color: #DC1431;
margin: 0 0 2rem;
}
.mlo4-dpc .dpc-programs h3 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
margin: 0;
}
.mlo4-dpc .dpc-programs .program-item {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
padding-right: 1.875rem !important;
margin-bottom: 2rem;
}
.mlo4-dpc .dpc-programs .program-item .item-section {
margin-bottom: 0.5rem;
}
.mlo4-dpc .dpc-programs .program-name span {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #DC1431;
}
.mlo4-dpc .dpc-modal {
background-color: #FFFFFF;
z-index: 1001;
}
.mlo4-dpc .dpc-modal-dialog {
position: relative;
width: 100%;
max-width: 1600px;
padding-left: 6.875rem;
margin: 0;
}
.mlo4-dpc .dpc-modal-dialog.dpc-modal-dialog-generic {
padding-left: 0;
max-width: calc(1593.125px);
}
.mlo4-dpc .dpc-modal-content {
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
}
.mlo4-dpc .dpc-modal {
padding-right: 0 !important;
}
.mlo4-dpc .dpc-modal-body {
padding: 7.25rem 1.875rem 2.5rem;
}
.mlo4-dpc .dpc-modal-close {
position: absolute;
top: 7rem;
right: 1.875rem;
z-index: 5;
display: inline-block;
padding: 0.3125rem 1.25rem 0.3125rem 0;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.125rem;
text-transform: uppercase;
color: #333333;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: 0.75rem;
}
.mlo4-dpc .dpc-modal-close:hover,
.mlo4-dpc .dpc-modal-close:focus {
border-bottom: 1px dotted #333333;
text-decoration: none;
}
.modal-backdrop {
background-color: #FFFFFF;
z-index: 1000;
}
.modal-backdrop.in {
opacity: 0.95;
}
/* DPRC */
.mlo4-dprc-hero {
background-color: #F9F7F4;
}
.mlo4-dprc-hero .hero-content {
display: table;
width: 100%;
padding: 0 1.875rem;
}
.mlo4-dprc-hero .hero-text {
display: table-cell;
width: 50%;
vertical-align: middle;
}
.mlo4-dprc-hero .hero-text .text-inner {
padding: 3.125rem 0;
}
.mlo4-dprc-hero .hero-image {
display: table-cell;
width: 50%;
text-align: right;
vertical-align: bottom;
}
.mlo4-dprc-hero .hero-image img {
display: inline-block;
width: 80%;
}
.mlo4-dprc-hero .hero-logo {
width: 13.75rem;
margin-bottom: 1.75rem;
}
.mlo4-dprc-hero .hero-cta {
position: absolute;
top: 1rem;
right: 1rem;
width: 10rem;
color: #0073CF;
text-align: right;
}
.mlo4-dprc-hero .hero-cta a {
display: block;
font-size: 0.75rem;
line-height: 0.875rem;
padding-top: 0.25rem;
padding-right: 2.5rem;
}
.mlo4-dprc-hero .hero-cta a:focus {
outline: 1px dotted #FFFFFF;
outline-offset: 2px;
text-decoration: none;
}
.mlo4-dprc-hero .hero-cta img {
position: absolute;
width: 1.875rem;
top: 0;
right: 0;
}
.mlo4-dprc-hero h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 4.5rem;
line-height: 4.75rem;
color: #DC1431;
margin-bottom: 1.25rem;
}
.mlo4-dprc-hero .pretext,
.mlo4-dprc-hero .subtext {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #333333;
}
.mlo4-dprc-hero .pretext {
font-size: 2rem;
line-height: 2.25rem;
}
.mlo4-dprc-hero .subtext {
font-size: 1.5rem;
line-height: 1.75rem;
}
.mlo4-dprc-body .body-wrapper {
padding: 3.125rem 1.875rem;
}
.mlo4-dprc-body .body-form {
padding-right: 3.125rem;
}
.mlo4-dprc-body .body-form p {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
color: #333333;
}
.mlo4-dprc-body .body-form .form-body {
padding: 0.5rem 0 0;
}
.mlo4-dprc-body .body-form .form-control-label,
.mlo4-dprc-body .body-form .form-disclosure {
color: #333333;
}
.mlo4-dprc-body .body-form .has-error .form-control-label {
background: none;
padding-left: 0;
color: #DC1431;
}
.mlo4-dprc-body .body-form .has-error .help-block {
display: block;
}
.mlo4-dprc-body .body-cta {
position: relative;
width: 100%;
padding: 1.5rem 1.5rem 2rem 1.5rem;
background-color: #F9F7F4;
color: #333333;
}
.mlo4-dprc-body .body-cta h3 {
font-size: 2.25rem;
line-height: 2.5rem;
color: #DC1431;
padding: 0.5rem 4.25rem 0.75rem 0;
}
.mlo4-dprc-body .body-cta p {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
}
.mlo4-dprc-body .body-cta .cta-image {
position: absolute;
top: 1.5rem;
right: 1.5rem;
width: 3.125rem;
}
.mlo4-dprc-body .body-cta .cta-hours {
display: block;
font-size: 0.875rem;
line-height: 1.125rem;
}
.mlo4-dprc-footer.mlo4-footer .footer-padding {
padding: 1.875rem;
}
.mlo4-dprc-footer.mlo4-footer .footer-disclosures p {
margin-bottom: 1rem;
}
.mlo4-dprc-footer.mlo4-footer .footer-disclosures p:last-of-type {
margin-bottom: 1rem;
}
.mlo4-dprc-footer.mlo4-footer .footer-disclosures .secure-area {
position: relative;
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #0073CF;
margin-bottom: 1rem;
padding-left: 1.375rem;
}
.mlo4-dprc-footer.mlo4-footer .footer-disclosures .secure-area img {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 0.75rem;
margin-right: 0.5rem;
}
.mlo4-dprc-footer.mlo4-footer .footer-disclosures .secure-area p {
display: inline-block;
line-height: 1rem;
margin-bottom: 0;
}
.mlo4-dprc-footer.mlo4-footer .footer-meta a {
color: #0073CF;
}
/* Responsive Styles - DPRC */
@media (max-width: 440px) {
.mlo4-dprc-hero .hero-text .text-inner {
padding: 2.5rem 0;
}
.mlo4-dprc-hero .hero-logo {
width: 10.75rem;
}
.mlo4-dprc-hero h2 {
font-size: 3.125rem;
line-height: 4.375rem;
}
.mlo4-dprc-hero .pretext {
font-size: 1.75rem;
line-height: 2rem;
}
.mlo4-dprc-hero .subtext {
font-size: 1.25rem;
line-height: 1.5rem;
}
.mlo4-dprc-body .body-form p {
font-size: 1.125rem;
line-height: 1.375rem;
}
}
@media (max-width: 767px) {
.mlo4-dpc .dpc-hero {
background-position: center;
}
.mlo4-dpc .dpc-hero.dpc-hero-generic {
background-position: center !important;
}
.mlo4-dpc .dpc-hero .hero-cell h1 {
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-dpc .dpc-hero .hero-cell .subtext {
font-size: 2.25rem;
line-height: 2.625rem;
}
.mlo4-dpc .dpc-modal-body {
padding: 10.75rem 1.875rem 2.5rem;
}
.mlo4-dprc-hero .hero-text {
width: 100%;
}
.mlo4-dprc-body .body-wrapper {
padding: 0;
}
.mlo4-dprc-body .body-form {
padding: 2.5rem 1.875rem 3.125rem;
}
.mlo4-dprc-body .body-cta {
padding: 1.875rem 1.875rem 0 1.875rem;
}
.mlo4-dprc-body .body-cta h3 {
padding: 0.5rem 0 1.25rem 4.25rem;
}
.mlo4-dprc-body .body-cta .cta-image {
top: 1.875rem;
left: 1.875rem;
right: auto;
}
.mlo4-dprc-body .body-cta .cta-hours {
padding-bottom: 1.875rem;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-dprc-body .form-messaging.page-level-confirmation {
padding: 2.5rem 1.875rem 2.5rem 8.5rem;
background-position: left 1.87rem top 1.875rem;
}
}
@media (max-width: 992px) {
.mlo4-dpc .dpc-features {
display: block;
}
.mlo4-dpc .dpc-feature {
margin-bottom: 1.875rem;
}
.mlo4-dpc .dpc-feature:last-of-type {
margin-bottom: 0;
}
}
@media (max-width: 1120px) {
.mlo4-dpc .dpc-modal {
z-index: 1002;
}
.mlo4-dpc .dpc-modal-dialog {
padding-left: 0;
}
.modal-backdrop {
display: none;
}
}
@media print {
.dpc-modal {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
overflow: visible !important;
}
}
.mlo4-newsletters .newsletters-intro {
padding: 6rem 1.875rem 3.125rem;
text-align: center;
color: #333333;
}
.mlo4-newsletters .newsletters-intro h1 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.75rem;
letter-spacing: -0.015em;
text-transform: uppercase;
margin-bottom: 1rem;
}
.mlo4-newsletters .newsletters-intro .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-newsletters .newsletters-intro .intro-line {
display: block;
width: 6.125rem;
height: 1px;
border-bottom: 3px solid #7CA5DD;
margin: 1.875rem auto 0;
}
.mlo4-newsletters .newsletters-intro.ww-intro {
text-align: right;
}
.mlo4-newsletters .newsletters-intro.ww-intro h1 {
margin-bottom: 0.3125rem;
}
.mlo4-newsletters .newsletters-hero {
padding: 0;
}
.mlo4-newsletters .newsletters-hero.ww-hero {
padding: 0 1.875rem;
}
.mlo4-newsletters .newsletters-hero.ww-hero .ww-week-of h2 {
font-family: 'ConnectionsLightItalic', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
line-height: 1.75rem;
color: #333333;
letter-spacing: 0;
}
.mlo4-newsletters .newsletters-carousel {
margin-bottom: 2.5rem;
}
.mlo4-newsletters .newsletters-carousel.ww-carousel .carousel-inner {
border: 1px solid #D3D3D3;
}
.mlo4-newsletters .newsletters-carousel-inner {
z-index: 1;
}
.mlo4-newsletters .newsletters-slide {
position: relative;
}
.mlo4-newsletters .newsletters-slide .slide-link {
position: absolute;
width: 100%;
height: 100%;
z-index: 100;
}
.mlo4-newsletters .newsletters-slide .slide-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding-bottom: 55%;
}
.mlo4-newsletters .newsletters-slide .slide-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.92);
padding: 2.5rem 7rem;
text-align: center;
z-index: 10;
}
.mlo4-newsletters .newsletters-slide .slide-caption .caption-title {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.75rem;
line-height: 3.125rem;
text-transform: uppercase;
letter-spacing: 0;
}
.mlo4-newsletters .newsletters-slide .slide-caption .caption-blurb,
.mlo4-newsletters .newsletters-slide .slide-caption .caption-cta {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-newsletters .newsletters-slide .slide-caption .caption-blurb {
margin-bottom: 1rem;
}
.mlo4-newsletters .newsletters-slide .slide-caption .caption-cta {
color: #0052C2;
}
.mlo4-newsletters .newsletters-slide.ww-slide {
position: relative;
width: 100%;
height: auto;
padding-bottom: 0;
}
.mlo4-newsletters .newsletters-slide.ww-slide .slide-image {
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
padding-bottom: 55%;
}
.mlo4-newsletters .newsletters-slide.ww-slide .slide-caption {
position: relative;
background-color: #F2F2F2;
padding: 1.875rem;
text-align: left;
}
.mlo4-newsletters .newsletters-slide.ww-slide .slide-caption .caption-title {
font-size: 2.25rem;
font-size: 2.5rem;
text-transform: none;
}
.mlo4-newsletters .newsletters-slide.ww-slide .slide-caption .caption-blurb,
.mlo4-newsletters .newsletters-slide.ww-slide .slide-caption .caption-cta {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-newsletters .newsletters-slide.ww-slide .slide-caption .caption-blurb {
margin-bottom: 1rem;
}
.mlo4-newsletters .newsletters-slide.ww-slide .slide-caption .caption-cta {
color: #0073CF;
}
.mlo4-newsletters .newsletters-carousel-controls {
position: relative;
text-align: center;
margin-top: 2.5rem;
}
.mlo4-newsletters .newsletters-carousel-controls .control-prev,
.mlo4-newsletters .newsletters-carousel-controls .control-next {
display: inline-block;
margin: 0;
padding: 0;
font-size: 1.25rem;
color: #0073CF;
background-color: transparent;
}
.mlo4-newsletters .newsletters-carousel-controls .control-prev:focus,
.mlo4-newsletters .newsletters-carousel-controls .control-next:focus {
outline: 1px dotted #A39382;
outline-offset: 2px;
text-decoration: none;
}
.mlo4-newsletters .newsletters-carousel-controls .carousel-indicators {
display: inline-block;
position: relative;
bottom: 0;
left: 0;
width: auto;
padding: 0 1rem;
margin: 0;
text-align: center;
list-style: none;
}
.mlo4-newsletters .newsletters-carousel-controls .carousel-indicators li {
position: relative;
display: inline-block;
width: 1.063rem;
height: 1.063rem;
margin: 0 0.25rem;
text-indent: -999px;
}
.mlo4-newsletters .newsletters-carousel-controls .carousel-indicators li.active {
margin: 0 0.25rem;
}
.mlo4-newsletters .newsletters-carousel-controls .carousel-indicators li.active button {
background-color: #0073CF;
}
.mlo4-newsletters .newsletters-carousel-controls .carousel-indicators button {
position: absolute;
display: block;
width: 1rem;
height: 1rem;
padding: 0;
border-radius: 1rem;
text-indent: -999px;
border: none;
background-color: #D3D3D3;
}
.mlo4-newsletters .newsletters-carousel-controls .carousel-indicators button:focus {
outline: 1px dotted #333333;
outline-offset: 2px;
text-decoration: none;
}
.mlo4-newsletters .newsletters-carousel-controls.ww-carousel-controls .control-prev,
.mlo4-newsletters .newsletters-carousel-controls.ww-carousel-controls .control-next {
color: #DC1431;
}
.mlo4-newsletters .newsletters-carousel-controls.ww-carousel-controls .carousel-indicators li.active button {
background-color: #DC1431;
}
.mlo4-newsletters .newsletters-previous {
padding: 3.125rem 1.875rem;
}
.mlo4-newsletters .newsletters-previous .previous-heading {
padding: 0 0.9375rem;
text-align: center;
}
.mlo4-newsletters .newsletters-previous .previous-heading h2 {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.75rem;
letter-spacing: -0.015em;
margin-bottom: 2.5rem;
color: #333333;
}
.mlo4-newsletters .newsletters-previous .previous-heading .previous-category-select {
padding: 0.75rem 0 0;
}
.mlo4-newsletters .newsletters-previous .previous-heading .previous-category-select select {
float: right;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
width: 15rem;
border: 1px solid #D3D3D3;
font-size: 1.125rem;
padding: 0.3125rem;
background-size: 1.75rem;
}
.mlo4-newsletters .newsletters-previous .previous-trigger-position {
position: relative;
}
.mlo4-newsletters .newsletters-previous .previous-trigger-position .trigger-indicator-position {
left: auto !important;
right: 0 !important;
margin-top: -1rem !important;
}
.mlo4-newsletters .newsletters-previous .previous-trigger .trigger-content {
width: 100%;
}
.mlo4-newsletters .newsletters-previous .previous-editions {
margin-bottom: 2.5rem;
}
.mlo4-newsletters .newsletters-previous .previous-edition {
margin: 0 -0.9375rem 1.875rem -0.9375rem;
padding: 0 0.9375rem;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-title-mobile {
display: block;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
letter-spacing: 0.03em;
text-transform: uppercase;
padding: 1.25rem 0;
text-decoration: none;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-up-gray.svg');
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: center right;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-title-mobile.collapsed {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-title-mobile:hover {
text-decoration: none;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article {
float: none;
padding: 0 0.9375rem;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link {
display: block;
width: 100%;
padding: 1.875rem;
text-decoration: none;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.15);
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-title,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-cta,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .edition-title {
display: block;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-title {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
flex: 1 0 auto;
font-size: 1.875rem;
line-height: 2.125rem;
margin-bottom: 1.875rem;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-cta {
font-size: 1.25rem;
line-height: 1.5rem;
color: #0073CF;
margin-bottom: 1.875rem;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .edition-title {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.5rem;
letter-spacing: 0.03em;
text-transform: uppercase;
padding-top: 1.875rem;
border-top: 1px solid #D3D3D3;
transition: border-color 0.2s ease-in-out;
}
.mlo4-newsletters .newsletters-previous .previous-load .previous-load-more {
display: inline-block;
font-size: 1.375rem;
line-height: 1.625rem;
padding: 1rem 2.25rem;
}
.mlo4-newsletters .newsletters-previous .previous-load.ww-previous-load .previous-load-more {
display: inline-block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.875rem;
line-height: 2.125rem;
padding-left: 0;
padding-right: 2rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: center right;
}
.mlo4-newsletters .newsletters-previous.ww-previous {
padding: 3.125rem 1.875rem;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-heading {
padding: 0;
text-align: left;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions {
margin-bottom: 0;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-item {
padding: 0 1.875rem;
margin-bottom: 2.5rem;
text-align: center;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-item:nth-of-type(1) {
padding: 0 3.75rem 0 0;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-item:nth-of-type(3) {
padding: 0 0 0 3.75rem;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-image {
display: block;
width: 100%;
padding-bottom: 65%;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 1.875rem;
border: 1px solid #D3D3D3;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-week-of {
font-family: 'ConnectionsLightItalic', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.25rem;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-title {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
color: #0052C2;
padding: 0 1.5rem;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:hover,
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:focus,
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:active {
color: #0052C2;
text-decoration: none;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:hover .article-week-of,
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:focus .article-week-of,
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:active .article-week-of {
color: #333333;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:hover .article-title,
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:focus .article-title,
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-link:active .article-title {
text-decoration: underline;
}
.mlo4-newsletters .newsletters-popular {
padding: 3.125rem 1.875rem;
}
.mlo4-newsletters .newsletters-popular .popular-heading {
text-align: center;
}
.mlo4-newsletters .newsletters-popular .popular-heading h2 {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.375rem;
line-height: 3.75rem;
letter-spacing: -0.015em;
margin-bottom: 2.5rem;
color: #333333;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-item {
padding: 0 1.875rem;
margin-bottom: 2.5rem;
text-align: center;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-item:nth-of-type(1) {
padding: 0 3.75rem 0 0;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-item:nth-of-type(3) {
padding: 0 0 0 3.75rem;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-image {
display: block;
width: 100%;
padding-bottom: 55%;
background-color: #ECE6DD;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 1.875rem;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-title {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
color: #0052C2;
padding: 0 1.5rem;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-link:hover,
.mlo4-newsletters .newsletters-popular .popular-articles .article-link:focus,
.mlo4-newsletters .newsletters-popular .popular-articles .article-link:active {
color: #0052C2;
}
.mlo4-newsletters .article-hero {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
min-height: 30rem;
}
.mlo4-newsletters .article-body {
font-size: 1.25rem;
line-height: 1.625rem;
color: #333333;
padding: 3.125rem 1.875rem 0;
}
.mlo4-newsletters .article-body p {
font-size: 1.25rem;
line-height: 1.625rem;
margin: 0 0 1.125rem;
color: #333333;
}
.mlo4-newsletters .article-body h1 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3rem;
line-height: 3.25rem;
color: #333333;
margin-bottom: 1.25rem;
}
.mlo4-newsletters .article-body h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3rem;
line-height: 3.25rem;
color: #333333;
margin-bottom: 1.25rem;
}
.mlo4-newsletters .article-body h3 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 1rem;
}
.mlo4-newsletters .article-body ul {
margin-bottom: 1.125rem;
}
.mlo4-newsletters .article-body .article-heading {
padding: 0 1.875rem;
}
.mlo4-newsletters .article-body .article-heading .article-month-of,
.mlo4-newsletters .article-body .article-heading .article-week-of {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
line-height: 1.75rem;
color: #333333;
margin-bottom: 0.75rem;
}
.mlo4-newsletters .article-body .article-heading .social-placeholder {
margin-bottom: 1.25rem;
}
.mlo4-newsletters .article-body .article-heading .social-placeholder .sparta-widget-container {
background-color: transparent;
}
.mlo4-newsletters .article-body .article-heading .social-placeholder .boa-social--header {
display: none;
}
.mlo4-newsletters .article-body .article-heading .social-placeholder .boa-social--network {
margin: 0 0 0 0.5rem;
}
.mlo4-newsletters .article-body .article-heading .social-placeholder .row,
.mlo4-newsletters .article-body .article-heading .social-placeholder .large-12 {
margin: 0 !important;
padding: 0 !important;
}
.mlo4-newsletters .article-body .article-content {
padding: 0 1.875rem 2.5rem;
margin-bottom: 1.875rem;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-newsletters .article-body .article-social {
display: table;
padding: 0 1.875rem 1.875rem;
}
.mlo4-newsletters .article-body .article-social .social-label,
.mlo4-newsletters .article-body .article-social .social-placeholder {
display: table-cell;
vertical-align: middle;
}
.mlo4-newsletters .article-body .article-social .social-label {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
padding-right: 0.3125rem;
}
.mlo4-newsletters .article-body .article-social .social-placeholder .sparta-widget-container {
background-color: transparent;
}
.mlo4-newsletters .article-body .article-social .social-placeholder .boa-social--header {
display: none;
}
.mlo4-newsletters .article-body .article-social .social-placeholder .boa-social--network {
margin: 0 0 0 0.5rem;
}
.mlo4-newsletters .article-body .article-social .social-placeholder .row,
.mlo4-newsletters .article-body .article-social .social-placeholder .large-12 {
margin: 0 !important;
padding: 0 !important;
}
.mlo4-newsletters .article-body .article-more-from {
background-color: #E5F5FC;
padding: 1.875rem;
}
.mlo4-newsletters .article-body .article-more-from h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.875rem;
line-height: 2.125rem;
margin-bottom: 1.25rem;
}
.mlo4-newsletters .article-body .article-more-from .article-item {
margin: 0;
padding: 0 2.125rem 0 0;
text-align: left;
}
.mlo4-newsletters .article-body .article-more-from .article-image-wrapper,
.mlo4-newsletters .article-body .article-more-from .article-title {
display: table-cell;
vertical-align: middle;
}
.mlo4-newsletters .article-body .article-more-from .article-image {
display: block;
width: 10rem;
padding-bottom: 55%;
background-color: #ECE6DD;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mlo4-newsletters .article-body .article-more-from .article-title {
font-size: 1.25rem;
line-height: 1.625rem;
color: #0052C2;
padding-left: 1.875rem;
}
.mlo4-newsletters .article-body .article-more-from .article-link {
display: table;
}
.mlo4-newsletters .article-body .article-more-from .article-link:hover,
.mlo4-newsletters .article-body .article-more-from .article-link:focus,
.mlo4-newsletters .article-body .article-more-from .article-link:active {
color: #0052C2;
}
.mlo4-newsletters .article-body.ww-article-body {
padding: 0 1.875rem 0;
}
.mlo4-newsletters .article-body.ww-article-body + .article-controls {
padding: 1.5rem 1.875rem 2.5rem;
}
.mlo4-newsletters .article-body.ww-article-body + .article-controls + .container-mlo {
display: none;
}
.mlo4-newsletters .article-body.ww-article-body + .article-controls + .container-mlo + .ww-previous {
padding: 0 1.875rem 3.125rem 1.875rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-heading {
padding: 0;
}
.mlo4-newsletters .article-body.ww-article-body .article-heading .article-week-of {
font-family: 'ConnectionsLightItalic', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-newsletters .article-body.ww-article-body .article-content-container {
padding: 0 0 2.5rem;
/* border: @master-border; */
}
.mlo4-newsletters .article-body.ww-article-body .article-content {
padding: 0;
margin-bottom: 1.875rem;
border-bottom: 0;
}
.mlo4-newsletters .article-body.ww-article-body .article-content:after {
content: '';
display: block;
width: calc(96.25%);
margin: 0 auto;
/* border-bottom: @master-border; */
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data {
background-color: #F2F2F2;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data .ww-data-inner {
padding: 1.875rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-toggle {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
padding: 1rem 3.75rem 1rem 1.875rem;
background-color: #F2F2F2;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
background-size: 1.125rem;
background-repeat: no-repeat;
background-position: center right 1.875rem;
text-align: right;
transition: background-color 0.3s ease-in-out;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-toggle .ada-show {
display: inline-block;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-toggle .ada-hide {
display: none;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-toggle[aria-expanded="true"] {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg');
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-toggle[aria-expanded="true"] .ada-show {
display: none;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-toggle[aria-expanded="true"] .ada-hide {
display: inline-block;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-toggle:hover,
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-toggle:focus {
background-color: #D3D3D3;
transition: background-color 0.3s ease-in-out;
text-decoration: none;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-summary {
padding: 3.125rem 3.75rem 2.5rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-social {
padding: 0 3.75rem 1.875rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-social .social-label {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from {
background-color: transparent;
padding: 0 3.75rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-image {
background-color: transparent;
background-size: contain;
border: 1px solid #D3D3D3;
}
.mlo4-newsletters .article-controls {
padding: 1.0rem 1.875rem;
}
.mlo4-newsletters .article-controls .article-nav {
display: inline-block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
color: #333333;
background-repeat: no-repeat;
background-size: 0.5rem;
}
.mlo4-newsletters .article-controls .article-nav.article-prev {
float: left;
padding-left: 1.25rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-left-gray.svg');
background-position: left center;
}
.mlo4-newsletters .article-controls .article-nav.article-next {
float: right;
padding-right: 1.25rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-right-gray.svg');
background-position: right center;
}
/* Responsive Styles - Newsletters */
@media (max-width: 440px) {
/* .mlo4-newsletters {
.newsletters-slide {
background-position: center top;
padding-bottom: 150% !important;
}
} */
}
@media (max-width: 767px) {
.mlo4-newsletters {
/* .article-controls {
.article-nav {
font-size: 1.125rem;
line-height: 1.5rem;
width: 10.875rem;
text-align: center;
color: @white;
background-color: @bright-blue;
background-size: 0.5rem;
transition: all 200ms ease-in;
&.article-prev {
padding: 0.5rem 0.875rem 0.5rem 2rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//icon-chevron-left-white.svg');
background-position: left 0.875rem center;
}
&.article-next {
padding: 0.5rem 1.25rem 0.5rem 0.875rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//icon-chevron-right-white.svg');
background-position: right 0.875rem center;
}  
&:hover, &:active {
text-decoration: none;
background-color: @royal-blue;
color: @white;
transition: all 200ms ease-in;
}
&:focus {
outline: 1px dotted;
text-decoration: none;
}
}
} */
}
.mlo4-newsletters .newsletters-intro h2 {
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-newsletters .newsletters-intro.ww-intro {
text-align: left;
}
.mlo4-newsletters .newsletters-hero {
padding: 0;
}
.mlo4-newsletters .newsletters-slide {
background-position: center bottom;
}
.mlo4-newsletters .newsletters-slide .slide-caption {
position: relative;
background-color: #F2F2F2;
padding: 2.5rem 1.875rem;
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-newsletters .newsletters-slide .slide-caption .caption-title {
font-size: 1.5rem;
line-height: 1.75rem;
}
.mlo4-newsletters .newsletters-slide.ww-slide .slide-caption .caption-title {
font-size: 1.375rem;
font-size: 1.625rem;
}
.mlo4-newsletters .newsletters-previous .previous-heading {
padding: 0;
}
.mlo4-newsletters .newsletters-previous .previous-heading h2 {
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-newsletters .newsletters-previous .previous-heading .previous-category-select {
padding: 0 0 2.5rem;
}
.mlo4-newsletters .newsletters-previous .previous-heading .previous-category-select select {
float: right;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
width: 100%;
border: 1px solid #D3D3D3;
font-size: 1.125rem;
padding: 0.3125rem;
}
.mlo4-newsletters .newsletters-previous .previous-trigger-position {
padding-left: 0;
}
.mlo4-newsletters .newsletters-previous .previous-trigger-position .trigger-indicator-position {
left: auto !important;
right: 0 !important;
margin-top: -1rem !important;
}
.mlo4-newsletters .newsletters-previous .previous-edition {
margin: 0;
padding: 0;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-newsletters .newsletters-previous .previous-edition:first-of-type {
border-top: 1px solid #D3D3D3;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article {
padding: 1.25rem 0;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article:first-of-type {
border-top: 1px solid #D3D3D3;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article:last-of-type {
border-bottom: none;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link {
padding: 0;
box-shadow: none;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-title {
font-size: 1.25rem;
line-height: 1.5rem;
margin-bottom: 0.75rem;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-cta {
margin-bottom: 0;
}
.mlo4-newsletters .newsletters-previous .previous-load .previous-load-more {
display: block;
}
.mlo4-newsletters .newsletters-previous.ww-previous {
padding: 3.125rem 1.875rem;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-heading h2 {
font-size: 2.25rem;
line-height: 2.5rem;
margin-bottom: 1.5rem;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-item {
padding: 0;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-item:nth-of-type(1),
.mlo4-newsletters .newsletters-previous.ww-previous .previous-editions .article-item:nth-of-type(3) {
padding: 0;
}
.mlo4-newsletters .newsletters-previous.ww-previous .previous-load .previous-load-more {
font-size: 1.625rem;
line-height: 1.875rem;
}
.mlo4-newsletters .newsletters-popular .popular-heading h2 {
font-size: 2.75rem;
line-height: 3.125rem;
padding: 0.75rem 0 0;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-item {
padding: 0;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-item:nth-of-type(1),
.mlo4-newsletters .newsletters-popular .popular-articles .article-item:nth-of-type(3) {
padding: 0;
}
.mlo4-newsletters .article-hero {
min-height: 17rem;
}
.mlo4-newsletters .article-body {
padding: 3.125rem 1.875rem 0;
}
.mlo4-newsletters .article-body .article-heading {
padding: 0;
}
.mlo4-newsletters .article-body .article-content {
border-bottom: none;
padding: 0 0 2.5rem;
}
.mlo4-newsletters .article-body .article-social {
padding: 1.875rem 0;
}
.mlo4-newsletters .article-body .article-more-from {
background-color: transparent;
border-top: 1px solid #D3D3D3;
padding: 1.875rem 0;
text-align: center;
}
.mlo4-newsletters .article-body .article-more-from h2 {
font-size: 2.75rem;
line-height: 3.125rem;
margin-bottom: 1.875rem;
}
.mlo4-newsletters .article-body .article-more-from .article-item {
padding: 0;
margin-bottom: 2.5rem;
text-align: center;
}
.mlo4-newsletters .article-body .article-more-from .article-item:last-of-type {
margin-bottom: 0;
}
.mlo4-newsletters .article-body .article-more-from .article-image-wrapper,
.mlo4-newsletters .article-body .article-more-from .article-image-title {
display: block;
}
.mlo4-newsletters .article-body .article-more-from .article-image {
display: block;
width: 100%;
padding-bottom: 55%;
background-color: #D3D3D3;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 1.875rem;
}
.mlo4-newsletters .article-body .article-more-from .article-title {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
color: #0052C2;
padding: 0 1.5rem;
}
.mlo4-newsletters .article-body .article-more-from .article-link {
display: block;
}
.mlo4-newsletters .article-body .article-more-from .article-link:hover,
.mlo4-newsletters .article-body .article-more-from .article-link:focus,
.mlo4-newsletters .article-body .article-more-from .article-link:active {
color: #0052C2;
}
.mlo4-newsletters .article-body.ww-article-body {
padding: 0 1.875rem 1.875rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-heading {
padding: 0;
}
.mlo4-newsletters .article-body.ww-article-body .article-heading .article-week-of {
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 0.3125rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-heading h2 {
font-size: 1.75rem;
line-height: 2rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-content-container {
padding: 0;
border: none;
}
.mlo4-newsletters .article-body.ww-article-body .article-content:after {
border: none;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-module {
border: 1px solid #F2F2F2;
}
.mlo4-newsletters .article-body.ww-article-body .article-content .ww-data-summary {
padding: 1.875rem 0 2.5rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-social {
padding: 1.875rem 0 3.125rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from {
padding: 0;
text-align: left;
border: none;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from h2 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-item {
padding: 0 2.125rem 0 0;
text-align: left;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-image-wrapper,
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-title {
display: table-cell;
vertical-align: middle;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-image {
display: block;
width: 10rem;
padding-bottom: 55%;
background-color: #ECE6DD;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 0;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-link {
display: table;
}
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-link:hover,
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-link:focus,
.mlo4-newsletters .article-body.ww-article-body .article-more-from .article-link:active {
color: #0052C2;
}
}
@media (min-width: 768px) {
.mlo4-newsletters .newsletters-previous .previous-edition .edition-articles {
display: flex !important;
display: -webkit-flex !important;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
height: auto !important;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article {
display: flex;
display: -webkit-flex;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
transition: background-color 0.2s ease-in-out;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:hover,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:focus {
text-decoration: none;
background-color: #DC1431;
box-shadow: none;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:hover .article-title,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:focus .article-title,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:hover .article-cta,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:focus .article-cta,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:hover .edition-title,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:focus .edition-title {
color: #FFFFFF;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:hover .edition-title,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-link:focus .edition-title {
border-color: #FFFFFF;
}
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-title,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .article-cta,
.mlo4-newsletters .newsletters-previous .previous-edition .edition-article .edition-title {
transition: color 0.2s ease-in-out;
}
}
/* Fallbacks for IE10 & Up */
/* Misc. */
.mlo4-landing {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-landing .landing-hero.hero-bg-image {
background-repeat: no-repeat;
min-height: 30rem;
}
.mlo4-landing .landing-hero.hero-bg-image.find-mlo-hero {
position: relative;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-find-mlo-2x.jpg");
background-size: cover !important;
background-position: center center;
min-height: 35rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-landing .landing-hero.hero-bg-image.find-mlo-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-find-mlo-2x.jpg");
background-size: 1956px 942px;
}
}
.mlo4-landing .landing-hero.hero-bg-image.find-mlo-hero h1 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.85);
padding: 3.125rem 1.875rem;
margin: 0;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.125rem;
line-height: 3.75rem;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.01em;
}
.mlo4-landing .landing-hero.hero-bg-image.join-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-join-our-team-2x.jpg");
background-size: cover !important;
background-position: top left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-landing .landing-hero.hero-bg-image.join-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-join-our-team-2x.jpg");
background-size: 1956px 942px;
}
}
.mlo4-landing .landing-hero.hero-bg-image.tf-hero {
display: table;
width: 100%;
min-height: 35rem;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-tom-ferry-2x.jpg");
background-size: cover !important;
background-position: top -3.125rem center;
padding: 3.75em 1.875rem 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-landing .landing-hero.hero-bg-image.tf-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-tom-ferry-2x.jpg");
background-size: 1365px 804px;
}
}
.mlo4-landing .landing-hero.hero-bg-image.tf-hero .hero-cell {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.mlo4-landing .landing-hero.hero-bg-image.tf-hero .hero-cell h1 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.125rem;
letter-spacing: 0.01em;
text-transform: uppercase;
color: #FFFFFF;
margin: 7rem 0 0;
}
.mlo4-landing .landing-content {
padding: 3.125rem 1.875rem 6.25rem;
}
.mlo4-landing .landing-content h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #333333;
}
.mlo4-landing .landing-content p {
font-size: 1.5rem;
line-height: 1.875rem;
}
.mlo4-landing .landing-content.tf-content {
padding: 3.125rem 1.875rem 1.25rem;
}
.mlo4-landing .landing-content.tf-content.tf-dates {
padding: 3.125rem 1.875rem;
background-color: #FAFAFA;
}
.mlo4-landing .landing-content.tf-content.adjust-padding {
padding: 0 1.875rem;
}
.mlo4-landing .landing-content.tf-content h1 {
font-size: 3.5rem;
line-height: 3.75rem;
padding-right: 3.125rem;
}
.mlo4-landing .landing-content.tf-content h2 {
font-size: 2.5rem;
line-height: 2.875rem;
}
.mlo4-landing .landing-content.tf-content h3 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2rem;
line-height: 2.25rem;
margin-bottom: 1.125rem;
}
.mlo4-landing .landing-content.tf-content p {
font-size: 1.5rem;
line-height: 1.875rem;
margin: 1.125rem 0;
}
.mlo4-landing .landing-content.tf-content p:first-of-type {
margin-top: 0;
}
.mlo4-landing .landing-content.tf-content p.medium-strong {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-landing .landing-content.tf-content ul {
font-size: 1.5rem;
line-height: 1.875rem;
padding-left: 1.75rem;
margin-bottom: 1.75rem;
}
.mlo4-landing .landing-content.tf-content .button-default {
font-size: 1.5rem;
padding: 1rem 1.875rem;
margin-bottom: 2.5rem;
}
.mlo4-landing .landing-content.tf-content .tf-events {
margin-bottom: 3.125rem;
}
.mlo4-landing .landing-content.tf-content .tf-events .tf-event {
font-size: 1.5rem;
line-height: 1.875rem;
margin-bottom: 1.125rem;
}
.mlo4-landing .landing-content.tf-content .tf-events .tf-event-rsvp,
.mlo4-landing .landing-content.tf-content .tf-events .tf-event-location,
.mlo4-landing .landing-content.tf-content .tf-events .tf-event-subject {
display: inline-block;
margin-right: 1rem;
}
.mlo4-landing .landing-content.tf-content .tf-tip {
display: table;
table-layout: fixed;
width: 100%;
background-color: #E5F5FC;
padding: 1.875rem;
}
.mlo4-landing .landing-content.tf-content .tf-tip a {
font-size: 1.5rem;
line-height: 1.875rem;
}
.mlo4-landing .landing-content.tf-content .tf-tip-text {
display: table-cell;
vertical-align: middle;
float: none;
}
.mlo4-landing .landing-content.tf-content .tf-tip-text img {
width: 3.125rem;
margin-right: 1.25rem;
}
.mlo4-landing .landing-content.tf-content .tf-tip-icon {
display: table-cell;
float: none;
vertical-align: middle;
text-align: center;
}
.mlo4-landing .landing-content.tf-content .tf-tip-icon .tf-tip-image-desktop {
position: absolute;
bottom: 0;
right: 0;
margin-bottom: -1.875rem;
width: 90%;
}
.mlo4-landing .landing-content.join-content {
padding: 3.125rem 1.875rem 1.25rem;
}
.mlo4-landing .landing-content.join-content.adjust-padding {
padding: 0 1.875rem;
}
.mlo4-landing .landing-content.join-content h1 {
font-size: 3.5rem;
line-height: 3.75rem;
padding-right: 3.125rem;
}
.mlo4-landing .landing-content.join-content h2 {
font-size: 2.125rem;
line-height: 2.375rem;
}
.mlo4-landing .landing-content.join-content p {
font-size: 1.5rem;
line-height: 1.875rem;
}
.mlo4-landing .landing-content.join-content .join-benefits-box {
display: table;
table-layout: fixed;
background-color: #F9F7F4;
width: 100%;
padding: 1.875rem;
margin-bottom: 1.875rem;
}
.mlo4-landing .landing-content.join-content .join-benefits-box:last-of-type {
margin-bottom: 0;
}
.mlo4-landing .landing-content.join-content .join-benefits-box p:last-of-type {
margin-bottom: 0;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon {
display: table-cell;
float: none;
text-align: center;
vertical-align: middle;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon img {
width: 65%;
}
.mlo4-landing .landing-content.join-content .join-benefits-text {
display: table-cell;
float: none;
padding-right: 1.875rem;
}
.mlo4-landing .landing-content.find-mlo-content {
text-align: center;
}
.mlo4-landing .landing-content.find-mlo-content p {
font-size: 1.5rem;
line-height: 1.875rem;
}
.mlo4-landing .landing-content.find-mlo-content .button-default {
font-size: 1.5rem;
line-height: 1.875rem;
padding: 0.875rem 3.125rem;
}
.mlo4-landing .landing-content.find-mlo-content .box-icons {
margin-bottom: 1.25rem;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon {
padding: 1.25rem 1.25rem 1.25rem 0;
text-align: center;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon img {
display: block;
margin: 0 auto;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon span {
display: inline-block;
font-size: 1.5rem;
line-height: 1.875rem;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon .icon-wrapper {
height: 4.5rem;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon .icon-calculators img {
width: 2.5rem;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon .icon-resources img {
width: 3.125rem;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon .icon-benefits img {
width: 2.875rem;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon .icon-newsletters img {
width: 2.5rem;
}
.mlo4-accordions .accordion-item {
margin-bottom: 4px;
}
.mlo4-accordions .accordion-toggle {
display: block;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
line-height: 1.875rem;
padding: 1rem 3.125rem 1rem 1.875rem;
background-color: #FFFFFF;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
background-size: 1.125rem;
background-repeat: no-repeat;
background-position: center right 1.875rem;
transition: background-color 0.3s ease-in-out;
}
.mlo4-accordions .accordion-toggle .ada-show {
display: inline-block;
}
.mlo4-accordions .accordion-toggle .ada-hide {
display: none;
}
.mlo4-accordions .accordion-toggle[aria-expanded="true"] {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-up-gray.svg');
}
.mlo4-accordions .accordion-toggle[aria-expanded="true"] .ada-show {
display: none;
}
.mlo4-accordions .accordion-toggle[aria-expanded="true"] .ada-hide {
display: inline-block;
}
.mlo4-accordions .accordion-toggle:hover {
background-color: #EDEDED;
transition: background-color 0.3s ease-in-out;
text-decoration: none;
}
.mlo4-accordions .accordion-toggle:focus {
outline: 1px dotted #999999;
outline-offset: 0px;
text-decoration: none;
}
.mlo4-accordions .accordion-content {
background-color: #EDEDED;
}
.mlo4-accordions .accordion-inner {
padding: 1.875rem;
}
/* Responsive Styles - Misc. */
@media (max-width: 767px) {
.mlo4-landing .landing-hero.hero-bg-image {
min-height: 20rem;
}
.mlo4-landing .landing-hero.hero-bg-image.find-mlo-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-find-mlo.jpg");
background-color: #D3D3D3;
background-size: 130% !important;
background-position: top 3.75rem center;
min-height: 30rem;
}
.mlo4-landing .landing-hero.hero-bg-image.find-mlo-hero h1 {
padding: 1.875rem;
font-size: 2.5rem;
line-height: 2.75rem;
text-align: left;
}
.mlo4-landing .landing-hero.hero-bg-image.join-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-join-our-team.jpg");
}
.mlo4-landing .landing-hero.hero-bg-image.tf-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-tom-ferry.jpg");
background-position: top 1.5rem center;
min-height: 16rem;
}
.mlo4-landing .landing-content.tf-content.tf-dates {
background-color: #FFFFFF;
padding: 0;
}
.mlo4-landing .landing-content.tf-content.adjust-padding {
padding: 0;
}
.mlo4-landing .landing-content.tf-content h1 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.125rem;
line-height: 3.375rem;
padding-right: 2.5rem;
}
.mlo4-landing .landing-content.tf-content h2 {
font-size: 1.5rem;
line-height: 1.875rem;
margin-bottom: 1.125rem;
}
.mlo4-landing .landing-content.tf-content h3 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.625rem;
line-height: 1.875rem;
}
.mlo4-landing .landing-content.tf-content .button-default {
display: block;
text-align: center;
}
.mlo4-landing .landing-content.tf-content .tf-events {
margin-bottom: 0;
}
.mlo4-landing .landing-content.tf-content .tf-events .tf-events-text {
padding: 0 1.875rem;
}
.mlo4-landing .landing-content.tf-content .tf-tip-image-mobile {
width: 7rem !important;
}
.mlo4-landing .landing-content.tf-content .tf-tip-text h3 {
margin-bottom: 0;
}
.mlo4-landing .landing-content.tf-content .tf-tip-text-table {
margin-bottom: 1.125rem;
}
.mlo4-landing .landing-content.tf-content .tf-tip-text-table .tip-text-table-cell-2 {
width: 100%;
}
.mlo4-landing .landing-content.join-content.adjust-padding {
padding: 0;
}
.mlo4-landing .landing-content.join-content h1 {
font-size: 3.125rem;
line-height: 3.375rem;
padding-right: 0;
}
.mlo4-landing .landing-content.join-content h2 {
font-size: 1.75rem;
line-height: 2rem;
padding-right: 3.75rem;
margin-bottom: 0;
}
.mlo4-landing .landing-content.join-content .join-benefits-box {
margin-bottom: 4px;
}
.mlo4-landing .landing-content.join-content .join-benefits-box p:last-of-type {
margin-bottom: 0;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon {
display: block;
float: left;
text-align: left;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-red.svg');
background-size: 1.5rem;
background-repeat: no-repeat;
background-position: bottom 0.5rem right;
cursor: pointer;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon img {
margin-bottom: 1.5rem;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon[aria-expanded="true"] {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-up-red.svg');
margin-bottom: 1rem;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon[aria-expanded="true"] img {
display: none;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon.benefits-reach img {
max-width: 5rem;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon.benefits-relationships img {
max-width: 3.75rem;
}
.mlo4-landing .landing-content.join-content .join-benefits-icon.benefits-success img {
max-width: 3.5rem;
}
.mlo4-landing .landing-content.join-content .join-benefits-text {
float: left;
padding: 0;
}
.mlo4-landing .landing-content.join-content .join-benefits-text.collapse {
display: none;
}
.mlo4-landing .landing-content.join-content .join-benefits-text.collapse.in {
display: block;
}
.mlo4-landing .landing-content.find-mlo-content {
text-align: left;
}
.mlo4-landing .landing-content.find-mlo-content .button-default {
width: 100%;
text-align: center;
padding: 0.875rem;
}
.mlo4-landing .landing-content.find-mlo-content .box-icon {
padding: 1.25rem;
}
}
@media (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 767px) and only screen and (min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min-resolution: 192dpi), (max-width: 767px) and only screen and (min-resolution: 2dppx) {
.mlo4-landing .landing-hero.hero-bg-image.find-mlo-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-find-mlo.jpg");
background-size: 1956px 942px;
}
}
@media (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 767px) and only screen and (min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min-resolution: 192dpi), (max-width: 767px) and only screen and (min-resolution: 2dppx) {
.mlo4-landing .landing-hero.hero-bg-image.join-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-join-our-team.jpg");
background-size: 1956px 942px;
}
}
@media (max-width: 767px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 767px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 767px) and only screen and (min-device-pixel-ratio: 2), (max-width: 767px) and only screen and (min-resolution: 192dpi), (max-width: 767px) and only screen and (min-resolution: 2dppx) {
.mlo4-landing .landing-hero.hero-bg-image.tf-hero {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-tom-ferry.jpg");
background-size: 1365px 804px;
}
}
/* Fallbacks for IE10 & Up */
/* Footer */
.mlo4-footer {
background-color: #FFFFFF;
padding: 0 0 3.125rem 0;
min-height: 15rem;
z-index: 997;
}
.mlo4-footer.plus-menu {
padding: 0 0 3.125rem 6.875rem;
}
.mlo4-footer a {
text-decoration: underline;
}
.mlo4-footer a:focus {
outline: 1px dotted;
outline-offset: 2px;
text-decoration: underline;
}
.mlo4-footer .footer-disclaimer-h2 {
font-size: inherit;
}
.mlo4-footer .footer-head {
width: 100%;
height: 3.5rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/bg-flagscape-red-simplified.svg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 1.875rem;
}
.mlo4-footer .footer-section.no-border {
border-bottom: none;
}
.mlo4-footer .footer-padding {
padding: 0 1.875rem 1rem;
}
.mlo4-footer .footer-footnotes ol {
display: table;
counter-reset: foo;
margin: 0;
padding: 0;
}
.mlo4-footer .footer-footnotes ol li {
display: table-row;
list-style: none;
counter-increment: footnote;
font-size: 0.75rem;
line-height: 1rem;
margin-bottom: 1rem;
}
.mlo4-footer .footer-footnotes ol li:before {
content: counter(footnote);
display: table-cell;
padding-right: 0.25rem;
vertical-align: top;
font-size: 65%;
line-height: 1rem;
}
.mlo4-footer .footer-footnotes ol li:after {
display: block;
content: "\00a0";
}
.mlo4-footer .footer-footnotes ol li:last-of-type:after {
content: "";
}
.mlo4-footer .footer-disclosures p {
font-size: 0.75rem;
line-height: 1rem;
margin-bottom: 1rem;
}
.mlo4-footer .footer-disclosures p:last-of-type {
margin-bottom: 0;
}
.mlo4-footer .footer-breadcrumbs ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.mlo4-footer .footer-breadcrumbs ul li {
display: inline-block;
font-size: 0.75rem;
line-height: 1rem;
}
.mlo4-footer .footer-breadcrumbs ul li:after {
font-family: 'FontAwesome';
content: "\00a0\00a0\00a0\f105\00a0\00a0";
}
.mlo4-footer .footer-breadcrumbs ul li:last-of-type:after {
content: "";
}
.mlo4-footer .footer-breadcrumbs a {
display: inline-block;
}
.mlo4-footer .footer-breadcrumbs a:hover,
.mlo4-footer .footer-breadcrumbs a:active {
text-decoration: underline;
}
.mlo4-footer .footer-breadcrumbs a:focus {
outline: 1px dotted;
outline-offset: 2px;
text-decoration: underline;
}
.mlo4-footer .footer-breadcrumbs a.current-page {
text-decoration: none;
pointer-events: none;
}
.mlo4-footer .footer-breadcrumbs a.current-page.active {
pointer-events: auto;
}
.mlo4-footer .footer-meta {
font-size: 0.75rem;
line-height: 1rem;
}
.mlo4-footer .footer-links {
margin-bottom: 0;
}
.mlo4-footer .footer-meta .meta-social {
display: table;
margin-bottom: 1.25rem;
}
.mlo4-footer .footer-meta .meta-social .social-label,
.mlo4-footer .footer-meta .meta-social .social-placeholder {
display: table-cell;
vertical-align: middle;
}
.mlo4-footer .footer-meta .meta-social .social-label {
padding-right: 0.3125rem;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.mlo4-footer .footer-meta .meta-social .social-placeholder .sparta-widget-container {
background-color: transparent;
}
.mlo4-footer .footer-meta .meta-social .social-placeholder .boa-social--header {
display: none;
}
.mlo4-footer .footer-meta .meta-social .social-placeholder .boa-social--network {
margin: 0 0 0 0.5rem;
}
.mlo4-footer .footer-meta .meta-social .social-placeholder .row,
.mlo4-footer .footer-meta .meta-social .social-placeholder .large-12 {
margin: 0 !important;
padding: 0 !important;
}
.mlo4-footer .footer-meta .meta-link {
display: inline-block;
padding-right: 1rem;
margin-right: 1rem;
border-right: 1px solid #D3D3D3;
}
.mlo4-footer .footer-meta .meta-link:last-of-type {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.mlo4-footer .footer-meta .logo-ehl {
display: inline-block;
width: 0.875rem;
padding-bottom: 0.1875rem;
}
.mlo4-footer .footer-meta .adtile-recruiting {
float: right;
display: block;
width: 100%;
max-width: 20rem;
}
.mlo4-footer .footer-meta .adtile-recruiting img {
width: 100%;
}
.mlo4-footer .footer-meta .mlo4-popover {
max-width: 600px !important;
background-color: #FFFFFF;
}
.mlo4-footer .footer-meta .mlo4-popover .mlo4-popover-content {
font-size: 0.875rem;
line-height: 1.125rem;
}
.mlo4-footer .footer-meta .mlo4-popover.top > .mlo4-popover-arrow:after {
border-top-color: #FFFFFF !important;
}
.mlo4-footer .footer-meta .mlo4-popover.bottom > .mlo4-popover-arrow:after {
border-bottom-color: #FFFFFF !important;
}
.mlo4-footer .footer-meta .mlo4-popover.left > .mlo4-popover-arrow:after {
border-left-color: #FFFFFF !important;
}
.mlo4-footer .footer-meta .mlo4-popover.right > .mlo4-popover-arrow:after {
border-right-color: #FFFFFF !important;
}
/* Responsive Styles - Footer */
@media (max-width: 440px) {
.mlo4-footer .footer-footnotes ol li {
font-size: 0.875rem;
line-height: 1.25rem;
}
.mlo4-footer .footer-disclosures p {
font-size: 0.875rem;
line-height: 1.25rem;
}
.mlo4-footer .footer-breadcrumbs ul li {
font-size: 0.875rem;
line-height: 1.25rem;
}
.mlo4-footer .footer-meta {
font-size: 0.875rem;
line-height: 1.25rem;
letter-spacing: -0.02em;
}
}
@media (max-width: 767px) {
.mlo4-footer .footer-meta .adtile-recruiting {
float: none;
max-width: 100%;
margin-bottom: 1.5rem;
}
.mlo4-footer .footer-meta .mlo4-popover {
width: 100%;
max-width: 100%;
}
.mlo4-footer .footer-meta .mlo4-popover .mlo4-popover-content {
font-size: 0.875rem;
line-height: 1.125rem;
}
.mlo4-footer .footer-meta .mlo4-popover .mlo4-popover-content p {
display: inline;
}
.mlo4-footer .footer-meta .mlo4-popover .mlo4-popover-content p:after {
content: '\00a0';
}
}
@media (min-width: 768px) and (max-width: 1120px) {
.mlo4-footer .footer-footnotes ol li {
font-size: 0.875rem;
line-height: 1.25rem;
}
.mlo4-footer .footer-disclosures p {
font-size: 0.875rem;
line-height: 1.25rem;
}
.mlo4-footer .footer-breadcrumbs ul li {
font-size: 0.875rem;
line-height: 1.25rem;
}
.mlo4-footer .footer-meta {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (max-width: 1120px) {
.mlo4-footer.plus-menu {
padding: 0 0 3.125rem 0;
}
}
/* Fallbacks for IE10 & Up */
/* Errors */
.mlo4-error {
position: relative;
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
padding: 6.25rem 0 0 0;
}
.mlo4-error .error-table {
display: table;
width: 100%;
min-height: 50vw;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-error-puppy-2x.jpg");
background-repeat: no-repeat;
background-size: cover;
background-color: #F2F2F2;
background-position: right top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-error .error-table {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-error-puppy-2x.jpg");
background-size: 2139px 1087px;
}
}
.mlo4-error .error-content {
display: table-cell;
vertical-align: middle;
padding: 3.125rem 1.875rem 3.125rem;
color: #000000;
text-align: center;
}
.mlo4-error .error-content h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.25rem;
line-height: 2.5rem;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 1.25rem;
color: #000000;
}
.mlo4-error .error-content .sub-text {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
margin-bottom: 1.5rem;
}
.mlo4-error .error-content .sub-text .bold-med {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-error .error-content .button-default {
font-size: 1.25rem;
padding: 1rem 3.125rem;
}
.mlo4-error .error-options {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
padding: 2.5rem 1.875rem;
}
.mlo4-error .error-options .option-item {
padding: 1.875rem;
text-align: center;
}
.mlo4-error .error-options .option-item h3 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.75rem;
line-height: 2rem;
margin: 0 0 1.25rem;
}
.mlo4-error .error-options .option-item.item-search .option-icon img {
height: 100%;
}
.mlo4-error .error-options .option-icon {
display: inline-block;
height: 3.125rem;
margin-bottom: 1.5rem;
text-align: center;
}
.mlo4-error .error-options .option-icon img {
width: auto;
height: 85%;
}
.mlo4-error .error-options .option-text {
display: block;
margin-bottom: 1.5rem;
}
.mlo4-error .error-options .button-default {
font-size: 1.25rem;
line-height: 1;
padding: 1rem 3.125rem;
}
.mlo4-error .error-option-box {
display: inline-block;
background-color: #ECE6DD;
padding: 1.875rem;
text-align: left;
}
.mlo4-error .error-option-box .sub-text {
padding-left: 0;
}
.mlo4-error .error-option-box .button-default {
margin-bottom: 0;
}
.mlo4-error .mlo4-shape-overlay {
position: absolute;
margin-top: 18rem;
}
.mlo4-error .mlo4-shape-overlay.overlay-bottom-right-white {
border-bottom: 20rem solid #FFFFFF;
left: 0;
top: 0;
bottom: auto;
}
.mlo4-error .mlo4-shape-overlay.overlay-bottom-right-white:after {
padding-bottom: 30%;
}
/* Responsive Styles - Errors */
@media (max-width: 440px) {
.mlo4-error .error-content h2 {
font-size: 2.5rem;
line-height: 2.5rem;
padding-right: 0;
}
}
@media (max-width: 767px) {
.mlo4-error .error-content {
text-align: left;
}
.mlo4-error .error-content h2 {
padding-right: 3.125rem;
margin-bottom: 0;
}
.mlo4-error .error-content .sub-text {
padding-left: 0;
}
.mlo4-error .error-options.options-inactive .sub-text {
display: block;
margin-bottom: 1.5rem;
}
.mlo4-error .error-options.options-padding {
padding: 0;
}
.mlo4-error .error-options .options-text {
padding: 1.875rem;
}
.mlo4-error .error-options .option-item.item-search {
background-color: #F2F2F2;
}
.mlo4-error .error-options .button-default {
display: block;
text-align: center;
}
}
/* Fallbacks for IE10 & Up */
/* Layers */
.modal-open,
.layer-open {
overflow: hidden;
}
.modal-backdrop {
background-color: transparent;
}
.modal-backdrop.in {
opacity: 0.85;
}
.mlo4-modal {
max-width: 1600px;
padding: 0 !important;
}
.mlo4-modal .modal-dialog {
display: table;
width: 100%;
height: 100%;
padding: 5rem 6.125rem 5rem 13rem;
margin: 0 auto;
}
.mlo4-modal .modal-content {
display: table-cell;
vertical-align: middle;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
}
.mlo4-modal .modal-body {
padding: 0;
}
.mlo4-modal .mlo4-modal-slate {
max-width: 850px;
margin: 0 auto;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
color: #FFFFFF;
}
.mlo4-modal .mlo4-modal-canvas {
width: 100%;
margin: 0 auto;
padding: 3.5rem 3.75rem 2.5rem;
font-size: 1.25rem;
}
.mlo4-modal .mlo4-modal-cta {
padding-top: 0.75rem;
}
.mlo4-modal .mlo4-modal-close {
position: absolute;
top: 1.875rem;
right: 1.875rem;
display: block;
width: 1.5rem;
height: 1.75rem;
z-index: 1;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close-white.svg');
background-repeat: no-repeat;
background-size: 1.5rem;
background-position: top center;
}
.mlo4-modal .mlo4-modal-close:focus {
border-bottom: 1px dotted #FFFFFF;
}
.mlo4-modal .mlo4-modal-close.modal-close-alt {
top: -2.625rem;
right: -2.5rem;
z-index: 5;
width: auto;
height: auto;
display: inline-block;
padding: 0.25rem 1rem 0.25rem 0;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
color: #333333;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
background-size: 0.5rem 0.5rem;
}
.mlo4-modal .mlo4-modal-close.modal-close-alt:hover,
.mlo4-modal .mlo4-modal-close.modal-close-alt:focus {
border-bottom: 1px dotted #333333;
text-decoration: none;
}
.mlo4-modal-dme {
background-color: rgba(242, 242, 242, 0.94);
border: 1px solid #D3D3D3;
color: #000000;
}
.mlo4-modal-dme .modal-dme-content {
position: relative;
}
.mlo4-modal-dme .modal-dme-footer p {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 0.75rem;
line-height: 1.3;
margin-bottom: 0;
}
.mlo4-modal-dme .modal-dme-footer .dme-footer-logo {
padding: 0.125rem 1.875rem 0 0;
}
.mlo4-modal-dme .modal-dme-footer .dme-footer-logo img {
min-width: 6.25rem;
max-width: 10rem;
width: 100%;
margin-top: 0.125rem;
}
.mlo4-modal-dme .modal-dme-footer .logo-ehl {
display: inline-block;
width: 0.875rem;
padding-bottom: 0.1875rem;
}
.mlo4-modal-dme h2 {
font-size: 2.375rem;
line-height: 1.2;
color: #DC1431;
margin-bottom: 1rem;
}
.mlo4-modal-dme .pretext {
display: block;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.625rem;
line-height: 1.3;
margin: 0 1rem 0.5rem 0;
}
.mlo4-modal-dme p,
.mlo4-modal-dme ul {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.625rem;
line-height: 1.3;
}
.mlo4-modal-dme ul {
padding-left: 1.375rem;
margin-bottom: 1.5rem;
}
.mlo4-modal-dme ul li {
padding-right: 2.5rem;
margin-bottom: 0.75rem;
}
.mlo4-layer-slideout {
display: none;
position: fixed;
top: 3.75rem;
left: 6.875rem;
min-width: 320px;
width: calc(100% - 6.875rem);
height: 100%;
background-color: #F2F2F2;
z-index: 1002;
margin-left: -800px;
transition: margin-left 0.3s ease-in-out;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}
.mlo4-layer-slideout.slideout {
margin-left: 0px;
transition: margin-left 0.3s ease-in-out;
}
.mlo4-layer-slideout .slideout-close {
position: absolute;
top: 1.5rem;
right: 2.5rem;
display: block;
width: 1.375rem;
height: 1.375rem;
padding: 0;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-color: transparent;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.mlo4-layer-slideout .slideout-close:focus {
text-decoration: none;
outline: 1px dotted;
outline-offset: 2px;
}
.slideout-open.disabled {
pointer-events: none;
}
.mlo4-rates-wrapper {
position: absolute;
width: 100%;
height: calc(100% - 3.75rem);
padding: 2.5rem;
}
.mlo4-rates {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-rates .trigger .trigger-cta {
padding-right: 5rem;
}
.mlo4-rates .rates-toggler {
height: 3.125rem;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-rates .rates-toggler .rates-toggle {
display: inline-block;
font-size: 1.25rem;
color: #333333;
padding: 0.5rem;
margin-right: 1.875rem;
}
.mlo4-rates .rates-toggler .rates-toggle .ada-active {
display: none;
}
.mlo4-rates .rates-toggler .rates-toggle.selected {
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
color: #DC1431;
border-top: 3px solid #DC1431;
}
.mlo4-rates .rates-toggler .rates-toggle.selected:focus {
text-decoration: none;
}
.mlo4-rates .rates-toggler .rates-toggle.selected .ada-active {
display: inline-block;
}
.mlo4-rates .rates-toggler .rates-toggle:focus {
text-decoration: none;
border-bottom: 1px dotted #333333;
}
.mlo4-rates .rates-toggler .rates-toggle:hover {
text-decoration: none;
}
.mlo4-rates .rates-module {
position: relative;
height: 100%;
padding-right: 2.5rem;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mlo4-rates .rates-module .rates-base {
font-size: 0.875rem;
padding: 0.9375rem 0;
border-top: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-rates .rates-module .rates-base .base-text {
display: block;
height: 2rem;
font-size: 1rem;
line-height: 2.125rem;
padding-left: 1rem;
}
.mlo4-rates .rates-module .rates-base .base-amount,
.mlo4-rates .rates-module .rates-base .base-location {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-rates .rates-module .rates-base .base-input {
width: 100%;
padding: 0.3125rem 0.5rem;
font-size: 1rem;
color: #333333;
border: 1px solid #D3D3D3;
background-color: transparent;
box-shadow: none !important;
}
.mlo4-rates .rates-module .rates-base .base-input:focus,
.mlo4-rates .rates-module .rates-base .base-input:active {
border-color: #0073CF !important;
}
.mlo4-rates .rates-module .rates-base .button-submit {
position: absolute;
top: 0.3125rem;
right: 0.625rem;
font-size: 1.25rem;
padding: 0;
display: inline-block;
background-color: transparent;
color: #DC1431;
}
.mlo4-rates .rates-module .rates-table {
display: none;
padding: 1.875rem 0;
}
.mlo4-rates .rates-module .rates-table.active {
display: block;
}
.mlo4-rates .rates-disclosures {
padding: 1.25rem 0 0;
height: 5rem;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
font-size: 0.75rem;
line-height: 1.125rem;
position: relative;
box-shadow: 0px -11px 15px -10px #999999;
z-index: 10;
}
.mlo4-rates .product-section {
width: 100%;
margin-bottom: 1.5rem;
}
.mlo4-rates .product-section:last-of-type {
margin-bottom: 0;
}
.mlo4-rates .product-heading {
position: relative;
width: calc(100% - 1.625rem);
padding: 0.875rem 0.3125rem;
background-color: #DC1431;
text-align: center;
}
.mlo4-rates .product-heading .heading-text {
font-size: 1.125rem;
font-weight: normal;
letter-spacing: 0;
color: #FFFFFF;
margin-bottom: 0;
}
.mlo4-rates .product-heading .heading-text .link-layer {
display: inline;
border-bottom: 1px solid;
padding-bottom: 1px;
background-color: transparent;
padding: 0;
}
.mlo4-rates .product-heading .heading-text .link-layer:hover,
.mlo4-rates .product-heading .heading-text .link-layer:active {
text-decoration: none;
border-bottom: 1px solid;
}
.mlo4-rates .product-heading .heading-text .link-layer:focus {
text-decoration: none;
outline: 1px dotted;
outline-offset: 2px;
}
.mlo4-rates .product-heading .ribbon-shadow {
position: absolute;
left: 0;
bottom: 0;
margin-bottom: -1rem;
width: 0;
height: 0;
border-top: 1rem solid #9a091e;
border-left: 1.25rem solid transparent;
}
.mlo4-rates .product-heading .ribbon-top {
position: absolute;
top: 0;
right: 0;
margin-right: -1.625rem;
width: 0;
height: 0;
border-top: 1.625rem solid #DC1431;
border-right: 1.625rem solid transparent;
}
.mlo4-rates .product-heading .ribbon-bottom {
position: absolute;
bottom: 0;
right: 0;
margin-right: -1.625rem;
width: 0;
height: 0;
border-bottom: 1.625rem solid #DC1431;
border-right: 1.625rem solid transparent;
}
.mlo4-rates .product-values {
display: block;
width: calc(100% - 2.5rem);
margin: 0 1.25rem 1.5rem;
border-bottom: 1px dotted #D3D3D3;
}
.mlo4-rates .product-values:last-of-type {
border: 0;
}
.mlo4-rates .product-values:after {
content: '';
display: block;
clear: both;
}
.mlo4-rates .product-value {
float: left;
width: 50%;
padding: 0.75rem 0.125rem;
font-size: 1rem;
text-align: center;
border-right: 1px dotted #D3D3D3;
border-bottom: 1px dotted #D3D3D3;
background-color: #FFFFFF;
}
.mlo4-rates .product-value:nth-of-type(even) {
border-right: 0;
}
.mlo4-rates .product-value:nth-of-type(n+3) {
border-bottom: 0;
}
.mlo4-rates .product-payment {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-loan-assumptions {
position: absolute;
width: 100%;
height: calc(100% - 3.75rem);
padding: 2.5rem;
background-color: #F2F2F2;
z-index: 1004;
}
.mlo4-loan-assumptions .loan-assumptions-header {
position: relative;
height: 3.75rem;
}
.mlo4-loan-assumptions .loan-assumptions-header h2 {
position: absolute;
bottom: 0;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-loan-assumptions .loan-assumptions-close {
position: absolute;
top: 1.5rem;
right: 2.5rem;
display: block;
width: 1.375rem;
height: 1.375rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.mlo4-loan-assumptions .loan-assumptions-close:focus {
text-decoration: none;
outline: 1px dotted;
outline-offset: 2px;
}
.mlo4-loan-assumptions .loan-assumptions-module {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
position: relative;
height: calc(100% - 3.75rem);
padding-right: 2.5rem;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mlo4-loan-assumptions .loan-assumptions-module .cell-value,
.mlo4-loan-assumptions .loan-assumptions-module .cell-label {
font-size: 0.875rem !important;
line-height: 1.25rem !important;
color: #333333;
}
.mlo4-loan-assumptions .print-page {
position: absolute;
top: 0;
right: 3.125rem;
font-size: 1.125rem;
margin-top: -1rem;
}
.mlo4-arm-disclosures {
position: absolute;
width: 100%;
height: calc(100% - 3.75rem);
padding: 2.5rem;
background-color: #F2F2F2;
z-index: 1004;
}
.mlo4-arm-disclosures .arm-disclosures-header {
position: relative;
height: 3.75rem;
}
.mlo4-arm-disclosures .arm-disclosures-header h2 {
position: absolute;
bottom: 0;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-arm-disclosures .arm-disclosures-close {
position: absolute;
top: 1.5rem;
right: 2.5rem;
display: block;
width: 1.375rem;
height: 1.375rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.mlo4-arm-disclosures .arm-disclosures-close:focus {
text-decoration: none;
outline: 1px dotted;
outline-offset: 2px;
}
.mlo4-arm-disclosures .arm-disclosures-module {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
position: relative;
height: calc(100% - 3.75rem);
padding-right: 2.5rem;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mlo4-arm-disclosures .arm-disclosures-module .arm-disclosures-table-top tr:first-of-type {
border-top: none !important;
}
.mlo4-arm-disclosures .arm-disclosures-module .arm-disclosures-table-top .cell-header {
padding-top: 0 !important;
}
.mlo4-arm-disclosures .arm-disclosures-module .cell-header {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-arm-disclosures .arm-disclosures-module .cell-value,
.mlo4-arm-disclosures .arm-disclosures-module .cell-label,
.mlo4-arm-disclosures .arm-disclosures-module .cell-header {
font-size: 0.875rem !important;
line-height: 1.25rem !important;
color: #333333;
}
.mlo4-arm-disclosures .arm-disclosures-module h3 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
line-height: 1.375rem;
}
.mlo4-arm-disclosures .print-page {
position: absolute;
top: 0;
right: 3.125rem;
font-size: 1.125rem;
margin-top: -1rem;
}
.cta-prequal {
position: relative;
}
.mlo4-popover {
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif !important;
color: #333333 !important;
padding: 1.5rem;
background-color: #D3D3D3;
border: none !important;
border-radius: 0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}
.mlo4-popover.popover-dme {
display: block;
width: 16rem;
background-color: #F2F2F2;
margin-top: 1.25rem;
top: 3.5rem;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.mlo4-popover.popover-dme.top > .mlo4-popover-arrow:after {
border-top-color: #F2F2F2 !important;
}
.mlo4-popover.popover-dme.bottom > .mlo4-popover-arrow:after {
border-bottom-color: #F2F2F2 !important;
}
.mlo4-popover.popover-dme.left > .mlo4-popover-arrow:after {
border-left-color: #F2F2F2 !important;
}
.mlo4-popover.popover-dme.right > .mlo4-popover-arrow:after {
border-right-color: #F2F2F2 !important;
}
.mlo4-popover .mlo4-popover-title {
padding: 0 2.5rem 0 0;
margin: 0 0 0.875rem 0;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-size: 1.5rem;
line-height: 1.875rem;
background: none !important;
border-bottom: none !important;
border-radius: 0 !important;
}
.mlo4-popover .mlo4-popover-content {
padding: 0;
margin: 0;
font-size: 1rem;
line-height: 1.375rem;
}
.mlo4-popover.top > .mlo4-popover-arrow {
border-top: none;
bottom: -10px !important;
}
.mlo4-popover.top > .mlo4-popover-arrow:after {
border-top-color: #D3D3D3 !important;
}
.mlo4-popover.bottom > .mlo4-popover-arrow {
border-bottom: none;
top: -10px !important;
}
.mlo4-popover.bottom > .mlo4-popover-arrow:after {
border-bottom-color: #D3D3D3 !important;
}
.mlo4-popover.left > .mlo4-popover-arrow {
border-left: none;
right: -10px !important;
}
.mlo4-popover.left > .mlo4-popover-arrow:after {
border-left-color: #D3D3D3 !important;
}
.mlo4-popover.right > .mlo4-popover-arrow {
border-right: none;
left: -10px !important;
}
.mlo4-popover.right > .mlo4-popover-arrow:after {
border-right-color: #D3D3D3 !important;
}
.mlo4-popover .mlo4-popover-close {
position: absolute;
top: 1.5rem;
right: 1.5rem;
display: block;
width: 1.375rem;
height: 1.375rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.mlo4-popover .mlo4-popover-close:focus {
outline: 1px dotted #333333;
outline-offset: 2px;
}
.mlo4-popover-map {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/bg-flagscape-block-red.svg');
background-color: #C41230;
background-position: center top;
background-repeat: no-repeat;
background-size: 120%;
font-family: 'Connections', Helvetica Neue, Helvetica, Arial, sans-serif !important;
color: #333333 !important;
min-width: 220px;
max-width: 240px;
padding: 2.25rem 0 0 0;
border: none !important;
border-radius: 0;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
}
.mlo4-popover-map .mlo4-popover-map-title {
padding: 0 2.5rem 0 0;
margin: 0 0 0.875rem 0;
font-size: 1.5rem;
line-height: 1.875rem;
background: none !important;
border-bottom: none !important;
border-radius: 0 !important;
}
.mlo4-popover-map .mlo4-popover-map-content {
background-color: #FFFFFF;
padding: 1.125rem;
margin: 0;
font-size: 1rem;
line-height: 1.5rem;
}
.mlo4-popover-map .mlo4-popover-map-content .mlo-name,
.mlo4-popover-map .mlo4-popover-map-content .mlo-nmls,
.mlo4-popover-map .mlo4-popover-map-content .mlo-address,
.mlo4-popover-map .mlo4-popover-map-content .mlo-distance,
.mlo4-popover-map .mlo4-popover-map-content .mlo-phone,
.mlo4-popover-map .mlo4-popover-map-content .mlo-multiple {
display: block;
}
.mlo4-popover-map .mlo4-popover-map-content .mlo-name {
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
}
.mlo4-popover-map .mlo4-popover-map-content .mlo-nmls,
.mlo4-popover-map .mlo4-popover-map-content .mlo-address,
.mlo4-popover-map .mlo4-popover-map-content .mlo-distance,
.mlo4-popover-map .mlo4-popover-map-content .mlo-phone,
.mlo4-popover-map .mlo4-popover-map-content .mlo-cta,
.mlo4-popover-map .mlo4-popover-map-content .mlo-multiple {
font-size: 0.875rem;
line-height: 1.25rem;
}
.mlo4-popover-map .mlo4-popover-map-content .mlo-nmls,
.mlo4-popover-map .mlo4-popover-map-content .mlo-distance,
.mlo4-popover-map .mlo4-popover-map-content .mlo-phone,
.mlo4-popover-map .mlo4-popover-map-content .mlo-multiple {
margin-bottom: 0.5rem;
}
.mlo4-popover-map .mlo4-popover-map-content .mlo-distance {
font-family: 'ConnectionsItalic', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-popover-map .mlo4-popover-map-content .mlo-multiple {
font-family: 'ConnectionsBold', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-popover-map.top > .mlo4-popover-map-arrow {
border-top: none;
bottom: -10px !important;
}
.mlo4-popover-map.top > .mlo4-popover-map-arrow:after {
border-top-color: #FFFFFF !important;
}
.mlo4-popover-map.bottom > .mlo4-popover-map-arrow {
border-bottom: none;
top: -10px !important;
}
.mlo4-popover-map.bottom > .mlo4-popover-map-arrow:after {
border-bottom-color: #FFFFFF !important;
}
.mlo4-popover-map .mlo4-popover-map-close {
position: absolute;
top: 0.75rem;
right: 0.75rem;
display: block;
width: 0.875rem;
height: 0.875rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close-white.svg') !important;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}
.mlo4-popover-map .mlo4-popover-map-close:focus {
outline: 1px dotted #FFFFFF;
outline-offset: 2px;
}
.mlo4-popup-header {
background-color: #FFFFFF;
width: 100%;
height: 3.75rem;
padding: 0.75rem 1.5rem;
}
.mlo4-popup-header .header-logo {
width: 10.5rem;
margin-top: 0.3125rem;
}
.mlo4-popup-header .header-meta {
color: #333333;
padding-top: 0.5rem;
}
.mlo4-popup-header .header-meta .popup-close {
display: block;
width: 1.125rem;
height: 1.125rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg') !important;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mlo4-popup-header .header-meta .popup-close:focus {
outline: 1px dotted #000000;
outline-offset: 2px;
}
.mlo4-popup-body {
padding: 2.5rem 1.5rem;
}
.mlo4-popup-body strong {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-popup-body h1 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 3.5rem;
line-height: 3.75rem;
color: #333333;
}
.mlo4-popup-body h2 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.5rem;
line-height: 1.875rem;
color: #333333;
padding-right: 5rem;
}
.mlo4-popup-body h3 {
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.125rem;
line-height: 1.5rem;
color: #333333;
}
.mlo4-popup-body p {
font-size: 1.125rem;
line-height: 1.5rem;
color: #333333;
margin-bottom: 1.25rem;
}
.mlo4-popup-body .print-page {
position: absolute;
right: 1.5rem;
font-size: 1.125rem;
line-height: 1.5rem;
}
.mlo4-popup-body .table.table-alternate th {
padding: 0 1.25rem 1.5rem;
}
.mlo4-popup-body .table.table-alternate td {
padding: 1.5rem 1.25rem;
}
.mlo4-popup-body .table.table-alternate .cell-header,
.mlo4-popup-body .table.table-alternate .cell-label,
.mlo4-popup-body .table.table-alternate .cell-value {
font-size: 1.125rem;
line-height: 1.5rem;
}
.mlo4-popup-footer {
font-size: 0.875rem;
line-height: 1.125rem;
color: #333333;
}
.mlo4-popup-footer .footer-wrapper {
padding: 1.5rem;
}
.mlo4-popup-footer .footer-disclosures {
margin-bottom: 1rem;
}
.mlo4-popup-footer .footer-meta {
margin-bottom: 1rem;
}
.mlo4-popup-footer .footer-meta .meta-link {
display: inline-block;
padding-right: 1rem;
margin-right: 1rem;
border-right: 1px solid #D3D3D3;
}
.mlo4-popup-footer .footer-meta .meta-link:last-of-type {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.mlo4-popup-footer .footer-meta .logo-ehl {
display: inline-block;
width: 0.875rem;
padding-bottom: 0.1875rem;
}
.mlo4-tint {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.55;
z-index: 5999;
}
.mlo4-interstitial {
display: none;
position: fixed;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.mlo4-interstitial.animate-interstitial .interstitial-content {
margin-top: 0;
opacity: 1;
transition: opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
}
.mlo4-interstitial .interstitial-bg {
display: table;
width: 100%;
height: 100%;
}
.mlo4-interstitial .interstitial-wrapper {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.mlo4-interstitial .interstitial-content {
max-width: 850px;
width: 100%;
margin: 0 auto;
margin-top: 7rem;
opacity: 0;
transition: opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
}
.mlo4-interstitial .interstitial-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3.75rem;
padding: 1.875rem;
}
.mlo4-interstitial .interstitial-header .interstitial-close {
display: block;
width: 1.25rem;
height: 1.25rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mlo4-interstitial .interstitial-header .interstitial-close:focus {
outline: 1px dotted #333333;
outline-offset: 2px;
}
.mlo4-interstitial .interstitial-body {
display: table;
padding: 1.875rem;
}
.mlo4-interstitial .interstitial-body h2 {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.75rem;
line-height: 3.125rem;
}
.mlo4-interstitial .interstitial-body p {
font-size: 1.375rem;
line-height: 1.75rem;
}
.mlo4-interstitial .interstitial-body .button-default {
min-width: 10rem;
font-size: 1.125rem;
margin: 1.25rem 1.25rem 1.25rem 0;
text-align: center;
}
.mlo4-interstitial .interstitial-body .button-default:focus {
outline: 1px dotted #333333;
outline-offset: 0;
}
.mlo4-interstitial .interstitial-body .button-default.gray {
background-color: transparent;
box-shadow: inset 0 0 0 1px #0073CF;
box-sizing: border-box;
}
.mlo4-interstitial .interstitial-photo {
display: table-cell;
vertical-align: top;
}
.mlo4-interstitial .interstitial-photo img {
width: 10rem;
margin-right: 2.5rem;
margin-bottom: 1.875rem;
}
.mlo4-interstitial .interstitial-text {
display: table-cell;
vertical-align: top;
}
.mlo4-interstitial.interstitial-intro {
display: block;
padding: 3.75rem 0 0 6.875rem;
z-index: 1002;
}
.mlo4-interstitial.interstitial-intro .interstitial-bg {
position: relative;
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-interstitial-intro-2x.jpg");
background-repeat: no-repeat;
background-size: cover !important;
background-position: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.mlo4-interstitial.interstitial-intro .interstitial-bg {
background-image: url("https://images.em.bankofamerica.com/hlwebsite/images/bg-interstitial-intro-2x.jpg");
background-size: 3072px 2048px;
}
}
.mlo4-interstitial.interstitial-intro .interstitial-close {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-close.svg');
}
.mlo4-interstitial.interstitial-intro .interstitial-close:focus {
outline: 1px dotted #333333;
}
.mlo4-interstitial.interstitial-intro .interstitial-body {
color: #333333;
}
.mlo4-interstitial.interstitial-intro .interstitial-link {
display: inline-block;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.75rem;
line-height: 2rem;
margin-top: 1.5rem;
}
.mlo4-interstitial.interstitial-confirmation {
z-index: 6004;
}
.mlo4-interstitial.interstitial-confirmation .interstitial-bg {
position: relative;
background-color: rgba(242, 242, 242, 0.94);
}
.mlo4-interstitial.interstitial-confirmation .interstitial-body {
color: #333333;
}
.mlo4-interstitial.interstitial-confirmation .interstitial-body h2 {
letter-spacing: 0;
}
.mlo4-interstitial.interstitial-confirmation .interstitial-body p {
font-size: 1.375rem;
line-height: 1.75rem;
}
.mlo4-interstitial.interstitial-confirmation .button-default {
font-size: 1.5rem;
padding: 1rem 1.875rem;
}
.mlo4-interstitial.interstitial-third-party {
z-index: 6004;
}
.mlo4-interstitial.interstitial-third-party .interstitial-bg {
position: relative;
background-color: rgba(242, 242, 242, 0.94);
}
.mlo4-interstitial.interstitial-third-party .interstitial-body {
color: #333333;
}
.mlo4-interstitial.interstitial-third-party .interstitial-body h2 {
letter-spacing: 0;
}
.mlo4-interstitial.interstitial-third-party .button-default {
font-size: 1.5rem;
padding: 1rem 1.875rem;
}
.mlo4-directions {
padding: 0;
}
.mlo4-directions .directions-map {
height: 18rem;
background-color: #ECE6DD;
}
.mlo4-directions .directions-body {
min-height: 300px;
padding: 2.5rem 1.5rem;
}
.mlo4-directions .directions-body .button-default {
font-size: 1.125rem;
line-height: 1.875rem;
padding: 0.5rem 2.25rem;
}
.mlo4-directions .directions-results .results-summary {
display: table;
width: 100%;
padding-bottom: 1.25rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-directions .directions-results .results-from-to {
display: table-cell;
font-family: 'ConnectionsMedium', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 1.125rem;
}
.mlo4-directions .directions-results .results-from-to .from-label:focus {
outline: 1px dotted #000000;
}
.mlo4-directions .directions-results .results-from-to .from-to-label {
width: 3.75rem;
font-weight: normal;
}
.mlo4-directions .directions-results .results-from-to .from-to-label span {
display: block;
}
.mlo4-directions .directions-results .results-from-to .from-to-address {
padding-bottom: 0.5rem;
}
.mlo4-directions .directions-results .results-from-to .from-to-address.to-address {
padding-bottom: 0;
}
.mlo4-directions .directions-results .results-from-to .from-to-address span {
display: block;
}
.mlo4-directions .directions-results .results-toggler-wrapper {
display: table-cell;
width: 10rem;
text-align: right;
vertical-align: bottom;
}
.mlo4-directions .directions-results .results-toggler-wrapper .results-toggler {
display: inline-block;
font-size: 0.875rem;
line-height: 1.125rem;
padding-right: 1.375rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-up-gray.svg');
background-size: 0.875rem;
background-repeat: no-repeat;
background-position: center right;
}
.mlo4-directions .directions-results .results-toggler-wrapper .results-toggler[aria-expanded="true"] {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images/icon-chevron-down-gray.svg');
}
.mlo4-directions .directions-results .results-street-directions {
position: relative;
padding: 2.5rem 0;
margin-bottom: 2.5rem;
border-bottom: 1px solid #D3D3D3;
}
.mlo4-directions .directions-results .results-street-directions .print-page {
position: absolute;
top: 0;
right: 0;
font-size: 0.875rem;
line-height: 1.125rem;
}
.mlo4-directions .directions-results .results-profile-card {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.mlo4-directions .directions-results .results-profile-card .profile-photo img {
width: 6.25rem;
margin-right: 1.875rem;
}
.mlo4-directions .directions-results .results-profile-card .profile-name {
font-family: 'ConnectionsLight', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 2.125rem;
line-height: 2.625rem;
letter-spacing: -0.015em;
margin: 0;
}
.mlo4-directions .directions-results .results-profile-card .profile-title {
display: block;
font-size: 1.375rem;
line-height: 1.625rem;
}
.mlo4-directions .directions-results .results-profile-card .profile-title-corp {
display: inline-block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-directions .directions-results .results-profile-card .profile-title-corp:after {
content: "\00a0\2014\00a0";
}
.mlo4-directions .directions-results .results-profile-card .profile-nmls {
display: inline-block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-directions .directions-results .results-profile-card .profile-address {
display: block;
font-size: 1.25rem;
line-height: 1.625rem;
}
.mlo4-directions .directions-results .results-profile-card .profile-phone,
.mlo4-directions .directions-results .results-profile-card .profile-ext {
display: inline-block;
font-size: 1.25rem;
line-height: 1.625rem;
}
/* Interstitial - Locator */
/* .mlo4-interstitial {
display: none;
position: absolute;
width: 100%;
height: 100%;
padding: 1.5rem;
z-index: (@master-z + 5005);
&.animate-interstitial {
.interstitial-content {
margin-top: 0;
opacity: 1;
transition: opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
}
}
.interstitial-wrapper {
display: table;
}
.interstitial-content {
background-color: @white;
max-width: 700px;
width: 100%;
min-height: 300px;
margin: 0 auto;
margin-top: 7rem;
opacity: 0;
transition: opacity 0.3s ease-in-out, margin-top 0.3s ease-in-out;
}
.interstitial-header {
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//bg-flagscape-red.svg');
background-color: @regal-red;
background-position: 65% 29%;
background-repeat: no-repeat;
background-size: 125%;
width: 100%;
height: 3.75rem;
padding: 1.25rem 1.5rem;
.interstitial-close {
display: block;
width: 1.125rem;
height: 1.125rem;
background-image: url('https://images.em.bankofamerica.com/hlwebsite/images//icon-close-white.svg') !important;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
&:focus {
outline: 1px dotted @white;
outline-offset: 2px;
}
}
}
.interstitial-body {
padding: 1.875rem;
h2 {
font-size: 1.75rem;
line-height: 2.125rem;
}
p {
font-size: 1.125rem;
line-height: 1.5rem;
}
.button-default {
font-size: 1.125rem;
margin: 0.75rem 0.75rem 0.75rem 0;
&:focus {
outline: 1px dotted @warm-gray;
outline-offset: 0;
}
}
}
} */
/* Responsive Styles - Layers */
@media (max-width: 440px) {
.mlo4-layer-slideout {
width: 100%;
}
.mlo4-interstitial .interstitial-body .button-default {
width: 47%;
min-width: 1px;
margin: 1.25rem 5% 0 0;
}
.mlo4-interstitial .interstitial-body .button-default:last-of-type {
margin-right: 0;
}
.mlo4-interstitial.interstitial-confirmation .interstitial-body .button-default {
width: 100%;
margin: 1.25rem 0 0;
}
.mlo4-rates .rates-disclosures {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (max-width: 767px) {
.mlo4-modal .modal-dialog {
padding: 5rem 1.875rem !important;
}
.mlo4-modal .mlo4-modal-canvas {
padding: 3.5rem 1.875rem 2.5rem;
}
.mlo4-modal .mlo4-modal-close.modal-close-alt {
right: -0.75rem;
}
.mlo4-modal-dme h2 {
font-size: 2.125rem;
}
.mlo4-modal-dme .pretext {
font-size: 1.375rem;
}
.mlo4-modal-dme p,
.mlo4-modal-dme ul {
font-size: 1.375rem;
}
.mlo4-modal-dme ul li {
padding-right: 0;
}
.mlo4-layer-slideout {
width: 100%;
}
.mlo4-rates .rates-module .rates-base .base-input {
margin-bottom: 0.5rem;
}
.mlo4-rates .rates-module .rates-base .base-text {
font-size: 0.875rem;
height: auto;
line-height: inherit;
padding-left: 0;
}
.mlo4-rates .product-value {
font-size: 0.875rem;
}
.mlo4-rates .product-label {
display: block;
}
.mlo4-rates .trigger .trigger-cta {
padding-right: 0;
}
.mlo4-interstitial {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mlo4-interstitial .interstitial-wrapper {
vertical-align: top;
}
.mlo4-interstitial .interstitial-body {
padding: 4.25rem 1.875rem 1.875rem 1.875rem;
}
.mlo4-interstitial .interstitial-photo {
display: block;
}
.mlo4-interstitial .interstitial-photo img {
width: 7rem;
}
.mlo4-interstitial .interstitial-text {
display: block;
}
.mlo4-interstitial.interstitial-confirmation,
.mlo4-interstitial.interstitial-third-party {
margin-top: 3.75rem;
}
}
@media (min-width: 768px) and (max-width: 1120px) {
.mlo4-layer-slideout {
width: 80%;
}
.mlo4-rates .rates-disclosures {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
@media (min-width: 992px) {
.mlo4-layer-slideout {
width: calc(992px - 6.875rem);
}
}
@media (max-width: 1120px) {
.mlo4-modal .modal-dialog {
padding: 5rem 3.125rem;
}
.mlo4-layer-slideout {
left: auto;
right: 0;
z-index: 1001;
margin-right: -800px;
transition: margin-right 0.3s ease-in-out;
box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.15);
}
.mlo4-layer-slideout.slideout {
margin-right: 0px;
transition: margin-right 0.3s ease-in-out;
}
.mlo4-interstitial.interstitial-intro {
padding: 3.75rem 0 0 0;
}
}
@media (min-width: 1121px) {
.mlo4-popover.popover-dme {
left: -2.5rem;
}
}
@media (min-width: 1250px) {
.mlo4-popover.popover-dme {
left: -1.5rem;
}
}
@media (min-width: 1550px) {
.mlo4-popover.popover-dme {
left: -0.5rem;
}
}
/* Fallbacks for IE10 & Up */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mlo4-rates .rates-scroll-wrapper > .display-table-cell {
position: relative;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.mlo4-rates .rates-module {
position: absolute;
width: 100%;
height: auto;
overflow-y: visible;
}
.mlo4-popup-header .header-meta .popup-close {
width: 20px;
height: 20px;
background-size: 18px 18px;
}
}
/* Responsive Styles - Global */
@media (max-width: 440px) {
html {
font-size: 77%;
}
.no-mobile-xs {
display: none !important;
}
}
@media (max-width: 767px) {
.no-mobile {
display: none !important;
}
.mobile-ada-hidden {
position: absolute;
left: -10000px;
color: #FFFFFF;
font-size: 1px;
margin-left: -10000px;
line-height: 0.1em;
}
}
@media (min-width: 768px) {
.no-desktop {
display: none !important;
}
/* .phone-link {
pointer-events: none;
} */
}
@media (min-width: 768px) and (max-width: 1120px) {
.no-tablet {
display: none !important;
}
}
@media (max-width: 1120px) {
.container-mlo.plus-menu {
padding-left: 0;
}
}
@media (min-width: 1121px) {
.no-large {
display: none !important;
}
}
/* Fallbacks for IE10 & Up */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
img[src$=".svg"],
svg {
padding: 0%;
}
}
@-ms-viewport {
width: auto !important;
}
/*Direct In Page Styles Moved to CSS File*/
/*** 4.2.7 ADA ***/
.mlo4-footer .footer-meta .meta-social .social-label {
font-size: inherit;
}
.mlo4-subhead .subhead-toggler[aria-expanded="true"] .mlo-name {
display: block !important;
position: absolute;
left: -10000px;
color: #FFFFFF;
font-size: 1px;
margin-left: -10000px;
line-height: 0.1em;
}
.benefit-alhbs[data-alhbs="hidden"],
.benefit-alhbs[data-alhbs=""] + .benefit-fthb { 
display: none !important; 
}
.spa-ui-modal {
z-index: 2000 !important;
}
.mlo4-newsletters .newsletters-popular .popular-articles .article-image, .mlo4-newsletters .article-body .article-more-from .article-image  {
background-position: center;
}
.mlo4-newsletter .newsletter-articles .article-image{
background-position: center top;
}
/*** COVID Fixes ***/
.mlo4-header .header-wrapper {
position: relative;
}
.mlo4-layer-slideout {
top: 0;
z-index: 1003;
}
/*** View Styles ***/
/*** Template Styles ***/
/*** Content Area Styles ***/
/*** Content Styles ***/
.mlo4-calculators {
/* background-color: #ededed; */ /* Fall */
background-color: #ebeae8; /* Spring */
}
@media(max-width: 767px){
.mlo4-calculators {
background-position: right -10rem bottom;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
/* .mlo4-calculators {
} */
}
[group="Contact Me"][data-bba=""][data-contact=""], 
[group="Contact Me"][data-bba="hidden"][data-contact="hidden"],  
[group="Schedule Appointment"][data-bba="hidden"][data-contact=""], 
[group="Schedule Appointment"][data-bba="hidden"][data-contact="hidden"] {
display: none;
}
[group="Contact Me"][data-bba="hidden"][data-contact=""], 
[group="Schedule Appointment"][data-bba=""][data-contact="hidden"], 
[group="Schedule Appointment"][data-bba=""][data-contact=""] {
display: inline-block;
}
.mlo4-covid {display:none !important}    
/*
.mlo4-covid {
position: absolute;
width: 100%;
min-width: 320px;
height: 3.125rem;
top: 0;
left: 0;
padding: 0.875rem 1.875rem 0 8.75rem;
z-index: 999999;
background-color: #ededed;
}
.mlo4-covid p {
font-family: "ConnectionsMedium";
font-size: 1rem;
letter-spacing: -0.01em;
margin: 0;
color: #000000;
}
.mlo4-covid a {
color: #0052C2;
text-decoration: underline;
}
@media (max-width: 1120px) {
.mlo4-covid {
padding: 0.875rem 1.875rem 0 1.875rem;
}
}
@media (max-width: 767px) {
.mlo4-subhead.subhead-profile {
top: 6.875rem;
}
}
@media (max-width: 500px) {
.mlo4-covid {
padding: 1rem 1.625rem 1rem 1.875rem;
}
.mlo4-covid p {
font-size: 0.875rem;
}
}
.mlo4-header {
height: 6.875rem;
padding-top: 3.125rem;
}
.mlo4-main-body {
padding-top: 6.875rem;
}
.mlo4-subhead.subhead-profile.scroll-state {
top: 6.875rem;
}
*/