.special-ribbon{background:#c81414;color:#fff;line-height:1.9;position:absolute;padding:0 .75em;font-size:.75rem;text-align:center;white-space:nowrap}.special-ribbon:before{border-style:solid;border-color:#820e0e transparent transparent;border-width:1em 0 0 1em;bottom:-1em;content:"";display:block;left:0;position:absolute}.special-ribbon:after{bottom:0;border:.9em solid #c81414;border-left-width:0;border-right-color:transparent;content:"";display:block;position:absolute;right:-.9em;z-index:1} /* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.image-overlay{position:relative;display:inline-flex;align-items:center}.image-overlay__content{position:absolute;max-width:100%;padding:1em;left:0;right:0;margin-left:auto;margin-right:auto}.image-overlay__content--right-fifty{position:absolute;max-width:50%;padding:1em;right:0}.image-overlay__content--left-fifty{position:absolute;max-width:50%;padding:1em;left:0}.static-banner{display:flex;justify-content:center;position:relative}.static-banner__left{position:absolute;top:.1rem;left:.4rem}@media screen and (min-width:46em) and (max-width:63.93625em){.static-banner__left{top:1.365rem;left:1rem}}@media screen and (min-width:63.9375em){.static-banner__left{top:1.365rem;left:3rem}}.static-banner__center{position:absolute;top:4rem}@media screen and (min-width:63.9375em){.static-banner__center{top:4.365rem;left:17rem}}@media screen and (min-width:46em) and (max-width:63.93625em){.static-banner__center{left:.3rem}}.card-summary-cta__special-ribbon{position:relative}.card-summary-cta__special-ribbon .special-ribbon{right:50%;top:70%;transform:translate(-15%)}@media screen and (min-width:46em) and (max-width:63.93625em){.card-summary-cta__special-ribbon .special-ribbon{right:5%;top:40%}}@media screen and (min-width:63.9375em){.card-summary-cta__special-ribbon .card-summary-cta__ribbon-image{max-width:none}}.full-width-image{display:block;margin-left:auto;margin-right:auto;width:100%}@media screen and (min-width:1921px){.image-at-4k{max-height:375px;object-fit:cover}}@media screen and (min-width:1921px){.banner-position-4k-1{object-position:50% 10%}} .list--flex{list-style:none;padding-left:0}.list--flex>li{display:flex}.list--flex>li>div:first-child{flex-grow:0}.list--flex>li>div:nth-child(2){flex-grow:1} .toggle-button-wrapper [role=switch]{height:16px;width:40px;border-radius:8px;background:#d9dce1}.toggle-button-wrapper .toggle-button-switch,.toggle-button-wrapper [role=switch]{z-index:1;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}.toggle-button-wrapper .toggle-button-switch{position:absolute;height:24px;width:24px;min-width:24px;max-width:24px;padding:0;border:none;background-color:#f5f6f7;box-shadow:0 0 1px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);border-radius:12px;margin-top:-12px;margin-left:-24px}.toggle-button-wrapper .toggled{background:#7fbce0}.toggle-button-wrapper .toggled,.toggle-button-wrapper .toggled>span{transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}.toggle-button-wrapper .toggled>span{margin-left:8px;background:#0075be}.clp-toggle-button-wrapper .toggle-button-track{position:relative;z-index:1;height:16px;width:40px;border-radius:8px;margin-left:auto;margin-right:auto;background-color:#88939e;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}.clp-toggle-button-wrapper.toggled .toggle-button-track{background-color:#51b6ff;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}.clp-toggle-button-wrapper .toggle-button-switch{position:absolute;z-index:2;left:0;height:24px;width:24px;min-width:24px;max-width:24px;padding:0;border:none;background-color:#d5d9dc;box-shadow:0 0 1px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);border-radius:12px;margin-top:-4px;margin-left:-1px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}.clp-toggle-button-wrapper.toggled .toggle-button-switch{left:46%;background-color:#006ab6;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease} .mortgage-color--fill path:first-child{fill:#c3c070!important}.position-absolute-vertical-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon--loading,.icon--loading-white{animation:spin 2s linear infinite}.svg-black-icon g{fill:#001928}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} /* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.checkbox-wrapper{position:relative;display:inline-flex;cursor:pointer}.checkbox{margin-right:.5rem;padding:0;position:absolute;left:-999em}.checkbox:checked+.checkbox-title:before{color:#0075be}.checkbox:checked+.checkbox-title.white:before{color:#fefefe}.checkbox-title,.checkbox-title:before{display:inline-flex;align-items:center}.checkbox-title:before{content:"\2713";margin-right:.5em;width:1.25em;height:1.25em;justify-content:center;border:.0625rem solid #929ba9;border-radius:.125rem;color:transparent} /* !! This isn't synced to _input.scss */ /* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.checkbox-wrapper{position:relative;display:inline-flex;cursor:pointer}.checkbox{margin-right:.5rem;padding:0;position:absolute;left:-999em}.checkbox:checked+.checkbox-title:before{color:#0075be}.checkbox:checked+.checkbox-title.white:before{color:#fefefe}.checkbox-title,.checkbox-title:before{display:inline-flex;align-items:center}.checkbox-title:before{content:"\2713";margin-right:.5em;width:1.25em;height:1.25em;justify-content:center;border:.0625rem solid #929ba9;border-radius:.125rem;color:transparent}.checkbox--space-right{margin-right:.5rem} @charset "UTF-8"; /* !! This isn't synced to _input.scss */@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:300;src:url("/dist/fonts/heebo-light-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:400;src:url("/dist/fonts/heebo-regular-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:500;src:url("/dist/fonts/heebo-medium-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-hebrew.woff2") format("woff2");unicode-range:u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Heebo;font-style:normal;font-weight:700;src:local("Heebo Bold"),local("Heebo-Bold"),url("/dist/fonts/heebo-bold-latin.woff2") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Lato;src:url("/dist/fonts/lato.woff2") format("woff2"),url("/dist/fonts/lato.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-bold.woff2") format("woff2"),url("/dist/fonts/lato-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url("/dist/fonts/lato-italic.woff2") format("woff2"),url("/dist/fonts/lato-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax.woff2") format("woff2"),url("/dist/fonts/dax.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light.woff2") format("woff2"),url("/dist/fonts/dax-light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium-italic.woff2") format("woff2"),url("/dist/fonts/dax-medium-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-medium.woff2") format("woff2"),url("/dist/fonts/dax-medium.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-bold.woff2") format("woff2"),url("/dist/fonts/dax-bold.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Dax;src:url("/dist/fonts/dax-light-italic.woff2") format("woff2"),url("/dist/fonts/dax-light-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Emona;src:url("/dist/fonts/emona.woff2") format("woff2"),url("/dist/fonts/emona.woff") format("woff");font-weight:400;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-semibold.woff2") format("woff2"),url("/dist/fonts/emona-semibold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Emona;src:url("/dist/fonts/emona-bold-italic.woff2") format("woff2"),url("/dist/fonts/emona-bold-italic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap;unicode-range:u+0025,u+0030-0039}@font-face{font-family:Kulb;src:url("/dist/fonts/Klub08-Normal.otf") format("opentype"),url("/dist/fonts/Klub08-Normal.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbmedium;src:url("/dist/fonts/Klub08-Medium.otf") format("opentype"),url("/dist/fonts/Klub08-Medium.ttf") format("truetype");font-style:normal}@font-face{font-family:Kulbblack;src:url("/dist/fonts/Klub08-Black.ttf") format("truetype")}@font-face{font-family:Kulbblond;src:url("/dist/fonts/Klub08-Blond.otf") format("opentype"),url("/dist/fonts/Klub08-Blond.ttf") format("truetype")}@font-face{font-family:Kulbbold;src:url("/dist/fonts/Klub08-Bold.ttf") format("truetype")}@font-face{font-family:Kulbsemibold;src:url("/dist/fonts/Klub08-SemiBold.otf") format("opentype"),url("/dist/fonts/Klub08-SemiBold.ttf") format("truetype")}.lending-home-page .breadcrumbs{display:flex}.lending-home-page .breadcrumbs ul{padding:0}.lending-home-page .breadcrumbs ul li{display:none}@media screen and (min-width:76.5625em){.lending-home-page .breadcrumbs ul li{display:inline-flex}}.lending-home-page .breadcrumbs ul li:nth-last-child(2){display:inline-flex}@media screen and (max-width:76.56125em){.lending-home-page .breadcrumbs ul li:nth-last-child(2):before{content:"";display:block;width:24px;height:24px;background:url("https://www.bmo.com/resources/icons/icon_back_arrow_24x24.svg") 0 -2px}.lending-home-page .breadcrumbs ul li:nth-last-child(2) svg{display:none}.lending-home-page .breadcrumbs ul li:nth-last-child(2) a{padding:0;font-size:16px;margin-left:5px}}.lending-home-page .design-language .font-size-large.intro-heading-line-height{line-height:30px}.lending-home-page .design-language .breadcrumbs__last-item.bold-700.font-size-small{color:#001928}.lending-home-page .banner-blue-promo-box{padding:24px;padding:20px}.lending-home-page .promo-box-text{font-size:18px;line-height:24px;letter-spacing:.15px;font-weight:400!important;margin:0}.lending-home-page.background-grey{padding-top:30px}.lending-home-page.background-grey .hmc-wrapper{border:1px solid #ccc;padding-bottom:40px;padding-bottom:20px}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:3em;padding-right:0!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:1em;right:auto}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:3em}@media screen and (max-width:45.99875em){.lending-home-page .harris-loans.harris-loans-faqs .accordion__item{padding-right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion-title{padding-left:0;padding-right:3em!important}.lending-home-page .harris-loans.harris-loans-faqs .accordion__title--chevron--blue--left-align:after{left:auto;right:0}.lending-home-page .harris-loans.harris-loans-faqs .accordion__content{padding-left:0}}@media screen and (max-width:89.99875em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:50%}}@media screen and (max-width:76.56125em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:42%}}@media screen and (max-width:63.93625em){.lending-home-page .harris-loans.harris-loans-tools-and-resources .image-outside-grid--left-col-6{width:25%}}@media screen and (max-width:76.56125em){.lending-home-page .cta-text{height:72px}}.dropdown-wrapper{margin:0 0 1em;align-items:center;border-radius:.25em;position:relative;border:.0625rem solid #929ba9;overflow:visible}.dropdown{height:2.4375rem;padding:.5rem;border:0;margin:0;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat;padding-right:1.5rem;width:100%}.dropdown-icon{pointer-events:none;display:flex;justify-content:center;align-items:center;background-color:#0075be;width:10%;height:100%;position:absolute;right:0;top:0;border-top-right-radius:.25em;border-bottom-right-radius:.25em}.dropdown-icon:after{content:"";display:inline-block;border-left:.125rem solid #0075be;border-top:.125rem solid #0075be;width:.75em;height:.75em;position:absolute;left:50%;top:40%;transform-origin:0 0;transform:rotate(225deg) translate(-50%,-50%);border-color:#fff} label>.radiobutton{margin:0}.radiobutton-title{margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}.horizontal,.radiobutton-title{display:inline-block} .textarea{margin:0 0 1rem} .title-direction-left{display:flex}.title-direction-left label{display:flex;justify-content:center;align-items:center;margin-right:.5rem} .screen-reader-only{display:none} .screen-reader-only{display:none} .reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1005;display:none;overflow-y:scroll}.reveal{z-index:1006;backface-visibility:hidden;display:none;padding:1.5rem;border:1px solid #cacaca;border-radius:0;background-color:#fefefe;position:relative;top:100px;margin-right:auto;margin-left:auto;overflow-y:auto}@media screen and (max-width:47.9375rem){.reveal{top:0;left:0;width:100%;max-width:none;height:100%;height:100vh;min-height:100vh;margin-left:0;border:0;border-radius:0;padding:0}}@media screen and (min-width:48rem){.reveal--fixed-width{width:600px;max-width:75rem}.reveal--75-percent{width:75%}.reveal--80-viewport-height{height:80vh}}@media screen and (min-width:48rem){.reveal--design-width{width:670px}}@media screen and (min-width:48rem){.reveal--design-width-770{width:770px}}.reveal-show{display:block}.close-button{position:absolute;border-radius:0;font-size:36px;text-align:center;line-height:21px;color:36px;background:transparent;padding:0;margin:0;border:0;top:16px;right:20px}.overlay-dark{background-color:rgba(0,0,0,.8)!important}.disable-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.disable-scrollbars::-webkit-scrollbar{width:0;background:transparent}body.is-reveal-open{overflow-y:hidden}@supports (-webkit-appearance:none) and (stroke-color:transparent){@media not all and (min-resolution:0.001dpcm){.close-button{position:absolute!important}}}.reveal--centered-modal{display:none;z-index:1006;position:relative;backface-visibility:hidden;padding:1.5rem;border:1px solid #cacaca;border-radius:0;background-color:#fefefe;top:40%;margin-right:auto;margin-left:auto;width:70%;max-width:800px;height:auto;overflow-y:auto}@media screen and (max-width:47.9375rem){.reveal--centered-modal{width:100%;max-width:none;margin-left:0;border:0;padding:0;height:auto;min-height:150px;padding:2rem}}.reveal--centered-modal.reveal-show{display:block} .special-ribbon{background:#c81414;color:#fff;line-height:1.9;position:absolute;padding:0 .75em;font-size:.75rem;text-align:center;white-space:nowrap}.special-ribbon:before{border-style:solid;border-color:#820e0e transparent transparent;border-width:1em 0 0 1em;bottom:-1em;content:"";display:block;left:0;position:absolute}.special-ribbon:after{bottom:0;border:.9em solid #c81414;border-left-width:0;border-right-color:transparent;content:"";display:block;position:absolute;right:-.9em;z-index:1} .link--pill{color:#0075be;font-size:.875rem;line-height:1.25rem;font-weight:700;padding:.25rem;padding-left:.5rem;padding-right:.5rem;border:.125rem solid #929ba9;border-radius:.25rem;background-color:#f5f6f7;cursor:pointer;pointer-events:auto}.link--pill.active{color:#fff;background-color:#0075be;border-color:#0075be;pointer-events:none}.cross-link:active .cross-link--heading,.cross-link:focus .cross-link--heading,.cross-link:hover .cross-link--heading{color:#0075be} /* Configs */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************LOGO COLOURS***********/ /************************************/ /************************************/ /**********PRIMARY COLOURS***********/ /************************************/ /************************************/ /*********FEEDBACK COLOURS***********/ /************************************/ /************************************/ /******COMPLIMENTARY COLOURS*********/ /************************************/ /************************************/ /************BMO SKY BLUE************/ /************************************/ /************************************/ /**************BMO OLIVE*************/ /************************************/ /************************************/ /*************BMO POOLSIDE***********/ /************************************/ /************************************/ /*************BMO SUNFLOWER**********/ /************************************/ /************************************/ /*************BMO LILAC**************/ /************************************/ /************************************/ /**********BMO RETROSPECT************/ /************************************/ /************************************/ /********GRID SCREEN SIZES***********/ /************************************/ /************************************/ /**************FONTS*****************/ /************************************/ /************************************/ /**************SPACING***************/ /************************************/ /************************************/ /**************Z-Index Stack*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ /* Util Functions */ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* Layout & Util classes */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } html { font-size: 16px; color: #001928; font-family: "Heebo", Arial, Sans-Serif; font-weight: 400; box-sizing: border-box; scroll-behavior: smooth; } html body { min-width: 20rem; margin: 0; } *, *::before, *::after { box-sizing: inherit; } img { /* Get rid of gap under images by making them display: inline-block; by default */ display: inline-block; vertical-align: middle; /* Grid defaults to get images and embeds to work properly */ max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } a { color: #0075be; text-decoration: none; cursor: pointer; } @-moz-document url-prefix() { a:focus { outline: 1px solid #005fcc; outline-offset: 2px; } } h1, h2, h3, h4, ul, p { margin-top: 0; margin-bottom: 0; } table { border-collapse: collapse; } button { cursor: pointer; } main a:hover, main a:focus, main button[role="link"]:hover, main button[role="link"]:focus { text-decoration: underline !important; } @-moz-document url-prefix() { main a[class*="button--primary"]:focus, main a[class*="button--secondary"]:focus { outline: none; box-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587; } } .text-align--left { text-align: left; } .text-align--center { text-align: center; } .sm-text-align--center { text-align: center; } @media screen and (max-width: 47.9375rem) { .sm-only-text-align--center { text-align: center; } } @media screen and (min-width: 64rem) { .lg-text-align--left { text-align: left; } } /* Buttons */ @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { .background-color--white a:focus, .background-color--white button:focus:not(.popover__close-button) :not(.close-button):not(.card-link--focus) :not(.carousel-control-default-button) :not(.carousel-control-default-button) :not(.pb-datepicker__button) :not(.pb-datepicker__calendar-button), .sm-background-color--albicant a:focus, .sm-background-color--albicant button:focus:not(.popover__close-button) :not(.close-button):not(.card-link--focus) :not(.carousel-control-default-button) :not(.carousel-control-default-button) :not(.pb-datepicker__button) :not(.pb-datepicker__calendar-button) { outline: 2px solid #005fcc; position: relative; overflow: hidden; } } } .button-link--with-icon:hover svg path { fill: #005587; } .sm-button--primary { cursor: pointer; display: inline-block; font-size: 0.875rem; text-align: center; font-family: "Heebo", Arial, Sans-Serif; font-weight: 700; padding: 0 2rem; overflow: hidden; height: 3.5rem; transition: all .2s ease; border-radius: 1.75rem; box-sizing: border-box; } .sm-button--primary.uppercase { letter-spacing: 0.01562rem; line-height: 3.25rem; } .sm-button--primary { border: 0.125rem solid #0075be; background-color: #0075be; color: #ffffff; box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 25, 40, 0.04), 0 0.25rem 1.5rem 0 rgba(0, 25, 40, 0.1); } .sm-button--primary:focus, .sm-button--primary:hover, .sm-button--primary:active { border: 0.125rem solid #005587; background-color: #005587; } .sm-button--no-default { border: none; border-style: none; margin: 0rem; padding: 0rem; background-color: transparent; } .sm-flat-link { color: #0075be; } .sm-flat-link:focus, .sm-flat-link:hover, .sm-flat-link:active { color: #005587; text-decoration: underline; } .sm-flat-link.text-decoration--underline { text-decoration: underline; } .sm-flat-link.text-decoration--underline:focus, .sm-flat-link.text-decoration--underline:hover, .sm-flat-link.text-decoration--underline:active { text-decoration: none; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { .background-color--white a:focus, .background-color--white button:focus:not(.popover__close-button) :not(.close-button):not(.card-link--focus) :not(.carousel-control-default-button) :not(.carousel-control-default-button) :not(.pb-datepicker__button) :not(.pb-datepicker__calendar-button), .sm-background-color--albicant a:focus, .sm-background-color--albicant button:focus:not(.popover__close-button) :not(.close-button):not(.card-link--focus) :not(.carousel-control-default-button) :not(.carousel-control-default-button) :not(.pb-datepicker__button) :not(.pb-datepicker__calendar-button) { outline: 2px solid #005fcc; position: relative; overflow: hidden; } } } /* Font Families */ .heebo { font-family: "Heebo", Arial, Sans-Serif; } /* Font Sizes */ .font-size--22 { font-size: 1.375rem; letter-spacing: 0; line-height: 2rem; } .font-size--18 { font-size: 1.125rem; letter-spacing: 0.15; line-height: 1.5rem; } .font-size--16 { font-size: 1rem; letter-spacing: 0.25; line-height: 1.5rem; } .font-size--14 { font-size: 0.875rem; letter-spacing: 0.5; line-height: 1.25rem; } .sm-font-size--28 { font-size: 1.75rem; letter-spacing: -0.2; line-height: 2rem; } .sm-font-size--24 { font-size: 1.5rem; letter-spacing: 0; line-height: 2rem; } .sm-font-size--18 { font-size: 1.125rem; letter-spacing: 0.15; line-height: 1.5rem; } .sm-font-size--16 { font-size: 1rem; letter-spacing: 0.25; line-height: 1.5rem; } .sm-font-size--14 { font-size: 0.875rem; letter-spacing: 0.5; line-height: 1.25rem; } .sm-font-size--12 { font-size: 0.75rem; letter-spacing: 0.5; line-height: 1rem; } @media screen and (min-width: 48rem) { .md-font-size--36 { font-size: 2.25rem; letter-spacing: -0.35; line-height: 2.5rem; } .md-font-size--24 { font-size: 1.5rem; letter-spacing: 0; line-height: 2rem; } .md-font-size--20 { font-size: 1.25rem; letter-spacing: 0; line-height: 2rem; } } .font-weight--light { font-weight: 300; } .font-weight--normal { font-weight: 400; } .font-weight--bold { font-weight: 700; } .sm-font-weight--light { font-weight: 300; } .sm-font-weight--normal { font-weight: 400; } .sm-font-weight--bold { font-weight: 700; } /* Float Helper Classes */ /* Copy/Typography Helper Classes */ .uppercase { text-transform: uppercase; } /* List: Unstyle a list (Remove bullet points) */ /* add class list--boldnumbers to an ordered list to make the numbers of list items bold */ /* Width Helper Classes */ .max-width--75 { max-width: 75rem; } /* Layout Classes */ .vertical-align--middle { vertical-align: middle; } /* Sizing Helper Classes */ .vertical-align--middle { vertical-align: middle; } .list-style--none { list-style: none; } .sm-list-style--disc { list-style: disc; } .container { max-width: 75rem; margin-left: auto; margin-right: auto; display: flex; flex-flow: row wrap; } .sm-list-style--disc { list-style: disc; } .seo-show-for-sr:before { content: attr(sronly); display: inline; position: absolute; left: -9999px; width: 1px; height: 1px; } @media not all and (min-resolution: 0.001dpcm) { } abbr, abbr[title] { border-bottom: none; cursor: default; text-decoration: none; } .row { margin-left: auto; margin-right: auto; display: flex; flex-flow: row wrap; } .columns { flex: 1 1 0; min-width: initial; } .row.row.columns { float: none; display: block; } .container { max-width: 75rem; margin-left: auto; margin-right: auto; display: flex; flex-flow: row wrap; } .sm--3 { flex: 0 0 25%; max-width: 25%; } .sm--4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .sm--9 { flex: 0 0 75%; max-width: 75%; } .sm--12 { flex: 0 0 100%; max-width: 100%; } @media screen and (min-width: 48rem) { .md--6 { flex: 0 0 50%; max-width: 50%; } } @media screen and (min-width: 64rem) { .lg--6 { flex: 0 0 50%; max-width: 50%; } } .hide { display: none !important; } /* Visibility Helper Classes */ /* Border Sizes */ .show-for-sr, .show-for-screen-reader-only, .show-on-focus { text-indent: -9999px; position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { text-indent: 0; position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .display--flex { display: flex; } .display--inline-flex { display: inline-flex; } .display--block { display: block; } .display--inline { display: inline; } .display--inline-block { display: inline-block; } .display--inline-flex { display: inline-flex; } /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* for flex children */ /* the non-flex way to center something, so you don't need a parent flex container */ /* the non-flex way to center something, so you don't need a parent flex container */ @media screen and (max-width: 47.9375rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 48rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 64rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } @media screen and (min-width: 80rem) { /* the non-flex way to center something, so you don't need a parent flex container */ } .justify-content--center { justify-content: center; } .justify-content--space-evenly { justify-content: space-evenly; } .sm-justify-content--center { justify-content: center; } .sm-align--center { justify-content: center; } .sm-align--justify { justify-content: space-between; } .sm-align--middle { align-items: center; } @media screen and (min-width: 64rem) { .lg-justify-content--left { justify-content: left; } } /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ @media screen and (max-width: 47.9375rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 48rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 64rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } @media screen and (min-width: 80rem) { /* a variety of 'left' positions for responsive charts */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ } /** This file creates the line classes. It creates helper classes in the following formats: {sm/md/lg/xl}-font-size-{xl/md/xxs...etc}. eg `.sm-font-size-md` If you need to add further sizes, add it to the $font_size_and_letter_spacings variable on the `config/_variable-sizes.scss file. */ .sm-line-height--24 { line-height: 1.5rem; } .sm-line-height--1-half { line-height: 1.5rem; } /** This file creates the margin and padding helper classes. It creates helper classes in the following formats: {sm/md/lg/xl}-{mt/mr/mb/ml/pt/pr/pb/pl/mx/my/px/py}-{0/1...negative-1} If you need to add further sizes, add it to the $sizes variable below. */ .mx--half { margin-left: 0.5rem; margin-right: 0.5rem; } .mb--1 { margin-bottom: 1rem; } .mx--1-half { margin-left: 1.5rem; margin-right: 1.5rem; } .mt--2 { margin-top: 2rem; } .mt--negative-2 { margin-top: -2rem; } .mb--negative-2 { margin-bottom: -2rem; } .px--0 { padding-left: 0rem; padding-right: 0rem; } .py--1 { padding-top: 1rem; padding-bottom: 1rem; } .pr--1 { padding-right: 1rem; } .px--1-half { padding-left: 1.5rem; padding-right: 1.5rem; } .pl--1-half { padding-left: 1.5rem; } .p--2 { padding: 2rem; } .sm-ml--0 { margin-left: 0rem; } .sm-mt--half { margin-top: 0.5rem; } .sm-ml--half { margin-left: 0.5rem; } .sm-mr--half { margin-right: 0.5rem; } .sm-mt--1 { margin-top: 1rem; } .sm-mb--1 { margin-bottom: 1rem; } .sm-ml--1 { margin-left: 1rem; } .sm-mr--1 { margin-right: 1rem; } .sm-mt--1-half { margin-top: 1.5rem; } .sm-mb--1-half { margin-bottom: 1.5rem; } .sm-mt--2 { margin-top: 2rem; } .sm-ml--2 { margin-left: 2rem; } .sm-pl--0 { padding-left: 0rem; } .sm-pt--1 { padding-top: 1rem; } .sm-pb--1 { padding-bottom: 1rem; } .sm-p--1-half { padding: 1.5rem; } .sm-pb--1-half { padding-bottom: 1.5rem; } .sm-pl--1-half { padding-left: 1.5rem; } .sm-pr--1-half { padding-right: 1.5rem; } .sm-py--2 { padding-top: 2rem; padding-bottom: 2rem; } .sm-pb--2 { padding-bottom: 2rem; } .sm-pb--4 { padding-bottom: 4rem; } @media screen and (max-width: 47.9375rem) { .sm-only-mt--1-half { margin-top: 1.5rem; } .sm-only-mb--1-half { margin-bottom: 1.5rem; } } @media screen and (min-width: 48rem) { .md-px--half { padding-left: 0.5rem; padding-right: 0.5rem; } .md-pt--1 { padding-top: 1rem; } .md-pb--1 { padding-bottom: 1rem; } .md-pl--1 { padding-left: 1rem; } .md-pr--1 { padding-right: 1rem; } .md-px--1-half { padding-left: 1.5rem; padding-right: 1.5rem; } .md-pt--1-half { padding-top: 1.5rem; } .md-pl--1-half { padding-left: 1.5rem; } .md-pl--2-half { padding-left: 2.5rem; } .md-py--3 { padding-top: 3rem; padding-bottom: 3rem; } .md-pb--3 { padding-bottom: 3rem; } } @media screen and (min-width: 64rem) { .lg-mb--2 { margin-bottom: 2rem; } .lg-pl--quarter { padding-left: 0.25rem; } .lg-pr--quarter { padding-right: 0.25rem; } .lg-py--4 { padding-top: 4rem; padding-bottom: 4rem; } .lg-pb--4 { padding-bottom: 4rem; } } @media screen and (min-width: 80rem) { .xl-pl--half { padding-left: 0.5rem; } .xl-pr--half { padding-right: 0.5rem; } .xl-pt--1 { padding-top: 1rem; } .xl-px--2 { padding-left: 2rem; padding-right: 2rem; } } /* Borders */ /* Border Sizes */ .border-top-light-grey--1 { border-top-width: 0.0625rem; border-top-color: #d9dce1; border-top-style: solid; } .border-bottom-light-grey--1 { border-bottom-width: 0.0625rem; border-bottom-color: #d9dce1; border-bottom-style: solid; } /* Border Sizes */ .sm-border-bottom-light-grey--1 { border-bottom-width: 0.0625rem; border-bottom-color: #d9dce1; border-bottom-style: solid; } /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ /* Border Sizes */ .border-radius--quarter { border-radius: 0.25rem; } .border-radius--half { border-radius: 0.5rem; } /* Box Shadows */ /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ .box-shadow--custom2 { box-shadow: 0 0 0.125rem 0 rgba(0, 25, 40, 0.04), 0 0.125rem 0.125rem 0 rgba(0, 25, 40, 0.04), 0 0.25rem 0.25rem 0 rgba(0, 25, 40, 0.1); } /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ @media screen and (max-width: 47.9375rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 48rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 64rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } @media screen and (min-width: 80rem) { /* alias 'layer-level-2' */ /* used in the "SmartApp" box here - https://www.bmo.com/insurance/advisor/personal-business-insurance-concepts/ */ /* hover effect for 'layer-level-2'/[breakpoint]-box-shadow--custom0 */ /* used here https://www.bmo.com/smartfolio/account-types/ */ /* used as the search page's input border/shadow */ /* used as the search page's filter dropdown border/shadow */ /* used as the search page's recommended result box and autocomplete dropdown */ /* used as the search page's sticky shadow */ /* used as the carousel arrow shadow */ /* used as the bios image shadow */ /* used as the drop shadow for a bar chart bar */ /* used here : bmo.com/main/personal/mortgages/new-mortgage-rules-stress-test/ */ /* used on cards that need shadow on hover */ } .color--white { color: #ffffff; } .background-color--albicant { background-color: #f5f6f7; } .background-color--white { background-color: #ffffff; } /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ .sm-color--white { color: #ffffff; } .sm-background-color--ultramarine { background-color: #005587; } .sm-background-color--albicant { background-color: #f5f6f7; } /* Probably only used for icons */ .sm-color-fill--white { fill: #ffffff; } /* Probably only used in the CMS - doubt we'll ever use it in the site */ @media screen and (max-width: 47.9375rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 48rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 64rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } @media screen and (min-width: 80rem) { /* Probably only used for icons */ /* Probably only used in the CMS - doubt we'll ever use it in the site */ } .white-space--no-wrap { white-space: nowrap; } .no-wrap { white-space: nowrap; } .text-decoration--underline { text-decoration: underline; } /* used for easing and fading in/out */ /* used for animating a growing/shrinking line */ /* used for animating the moving ship */ /* used for animating panning shot banner images */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes -toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes -toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes sm-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ @media screen and (max-width: 47.9375rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes sm-only-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 48rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes md-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 48rem) and (max-width: 63.9375rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes md-only-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 64rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes lg-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 64rem) and (max-width: 79.9375rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes lg-only-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @media screen and (min-width: 80rem) { /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Fading In and Fading In Up (from Below) */ /* For Fading in left to right */ /* For Fading in right to left */ /* For Fading out right to left */ /* For Fading out right to left */ /* For Moving Right from Left */ /* For Moving Left from Right */ @keyframes xl-toMoveLeft--quarter { from { transform: translate3d(0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--half { from { transform: translate3d(0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--3-quarters { from { transform: translate3d(0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--1 { from { transform: translate3d(1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--1-half { from { transform: translate3d(1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--2 { from { transform: translate3d(2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--2-half { from { transform: translate3d(2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--3 { from { transform: translate3d(3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Moving Left from Right */ @keyframes xl-toMoveLeft--20 { from { transform: translate3d(20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } /* For Increasing Height from 0% to 100% - 10px - used for line between 2 dots */ } @keyframes toFadeInUp--quarter { from { opacity: 0; transform: translate3d(0, 0.25rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--quarter { from { opacity: 0; transform: translate3d(-0.25rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--quarter { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-0.25rem, 0, 0); } } @keyframes toFadeOutRightToLeft--quarter { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0.25rem, 0, 0); } } @keyframes toFadeInRightToLeft--quarter { from { opacity: 0; transform: translate3d(0.25rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--quarter { from { transform: translate3d(-0.25rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--half { from { opacity: 0; transform: translate3d(0, 0.5rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--half { from { opacity: 0; transform: translate3d(-0.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-0.5rem, 0, 0); } } @keyframes toFadeOutRightToLeft--half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0.5rem, 0, 0); } } @keyframes toFadeInRightToLeft--half { from { opacity: 0; transform: translate3d(0.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--half { from { transform: translate3d(-0.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--3-quarters { from { opacity: 0; transform: translate3d(0, 0.75rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--3-quarters { from { opacity: 0; transform: translate3d(-0.75rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--3-quarters { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-0.75rem, 0, 0); } } @keyframes toFadeOutRightToLeft--3-quarters { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0.75rem, 0, 0); } } @keyframes toFadeInRightToLeft--3-quarters { from { opacity: 0; transform: translate3d(0.75rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--3-quarters { from { transform: translate3d(-0.75rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--1 { from { opacity: 0; transform: translate3d(0, 1rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--1 { from { opacity: 0; transform: translate3d(-1rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--1 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-1rem, 0, 0); } } @keyframes toFadeOutRightToLeft--1 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(1rem, 0, 0); } } @keyframes toFadeInRightToLeft--1 { from { opacity: 0; transform: translate3d(1rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--1 { from { transform: translate3d(-1rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--1-half { from { opacity: 0; transform: translate3d(0, 1.5rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--1-half { from { opacity: 0; transform: translate3d(-1.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--1-half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-1.5rem, 0, 0); } } @keyframes toFadeOutRightToLeft--1-half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(1.5rem, 0, 0); } } @keyframes toFadeInRightToLeft--1-half { from { opacity: 0; transform: translate3d(1.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--1-half { from { transform: translate3d(-1.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--2 { from { opacity: 0; transform: translate3d(0, 2rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--2 { from { opacity: 0; transform: translate3d(-2rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--2 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-2rem, 0, 0); } } @keyframes toFadeOutRightToLeft--2 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(2rem, 0, 0); } } @keyframes toFadeInRightToLeft--2 { from { opacity: 0; transform: translate3d(2rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--2 { from { transform: translate3d(-2rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--2-half { from { opacity: 0; transform: translate3d(0, 2.5rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--2-half { from { opacity: 0; transform: translate3d(-2.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--2-half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-2.5rem, 0, 0); } } @keyframes toFadeOutRightToLeft--2-half { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(2.5rem, 0, 0); } } @keyframes toFadeInRightToLeft--2-half { from { opacity: 0; transform: translate3d(2.5rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--2-half { from { transform: translate3d(-2.5rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--3 { from { opacity: 0; transform: translate3d(0, 3rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--3 { from { opacity: 0; transform: translate3d(-3rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--3 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-3rem, 0, 0); } } @keyframes toFadeOutRightToLeft--3 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(3rem, 0, 0); } } @keyframes toFadeInRightToLeft--3 { from { opacity: 0; transform: translate3d(3rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--3 { from { transform: translate3d(-3rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes toFadeInUp--20 { from { opacity: 0; transform: translate3d(0, 20rem, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeInLeftToRight--20 { from { opacity: 0; transform: translate3d(-20rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toFadeOutLeftToRight--20 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-20rem, 0, 0); } } @keyframes toFadeOutRightToLeft--20 { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(20rem, 0, 0); } } @keyframes toFadeInRightToLeft--20 { from { opacity: 0; transform: translate3d(20rem, 0, 0); } to { opacity: 1; transform: none; } } @keyframes toMoveRight--20 { from { transform: translate3d(-20rem, 0, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes toHeight100 { from { height: 0%; } to { height: 100%; } } @keyframes toHeight100-10px { from { height: 0%; } to { height: calc(100% - 10px); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0, 0, 0); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes zoomInBig { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 70% { opacity: 1; transform: scale3d(1.01, 1.01, 1.01); } 85% { transform: scale3d(0.99, 0.99, 0.99); } to { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes translateDiagonalScaleCustom1 { 0% { transform: scale(1, 1) translateY(2%) translateX(0.25%); } 100% { transform: scale(1.1, 1.1) translateY(-2%) translateX(-0.75%); } } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @charset "UTF-8"; /* ######################################################################### */ /* #### Load Module Specific SCSS here #### */ /* ######################################################################### */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************LOGO COLOURS***********/ /************************************/ /************************************/ /**********PRIMARY COLOURS***********/ /************************************/ /************************************/ /*********FEEDBACK COLOURS***********/ /************************************/ /************************************/ /******COMPLIMENTARY COLOURS*********/ /************************************/ /************************************/ /************BMO SKY BLUE************/ /************************************/ /************************************/ /**************BMO OLIVE*************/ /************************************/ /************************************/ /*************BMO POOLSIDE***********/ /************************************/ /************************************/ /*************BMO SUNFLOWER**********/ /************************************/ /************************************/ /*************BMO LILAC**************/ /************************************/ /************************************/ /**********BMO RETROSPECT************/ /************************************/ /************************************/ /********GRID SCREEN SIZES***********/ /************************************/ /************************************/ /**************FONTS*****************/ /************************************/ /************************************/ /**************SPACING***************/ /************************************/ /************************************/ /**************Z-Index Stack*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ /* ----------- iPad 3, 4 and Pro 9.7" ----------- */ /* Portrait and Landscape */ .hover--white a:focus, .hover--white button:focus { outline: 1px solid #fff; } .hover--white a:focus, .hover--white button:not(.accordion-title):not(.accordion__title):focus { padding: 0.01px; } .cc-overview-card__header { z-index: 1; position: relative; } .cc-overview-card__header > * { position: relative; z-index: 1; } .cc-overview-card__header--background-container { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .cc-overview-card__header--background { z-index: 0; width: 200%; height: 100%; position: absolute; top: -50%; left: -50%; color: #FFF; border-radius: 50%; background: linear-gradient(270deg, #007DA3 0%, #007DA3 10%, #0075BE 100%); } .cc-overview-card__header--background.horizontal-card { height: 150%; } .cc-overview-card__header--background.previlege { background: linear-gradient(270deg, #001928 0%, #001928 10%, #0075BE 100%); } @media (max-width: 540px) { .cc-overview-card__header--background.previlege { top: -50%; } } .cc-overview-card__header--background.preferred { background: linear-gradient(270deg, #f5f6f7 0%, #f5f6f7 10%, #D9DCE1 100%); } @media (max-width: 540px) { .cc-overview-card__header--background.preferred { top: -42%; } } @media screen and (min-width: 64rem) { .cc-overview-card__header--background { top: -54%; } .cc-overview-card__header--background.horizontal-card { top: -50%; } } @media (min-width: 540px) and (max-width: 768px) { .cc-overview-card__header--background { top: -45%; } .cc-overview-card__header--background.horizontal-card { top: -50%; } .cc-overview-card__header-details { padding-right: 20px; } .cc-overview-card__header-details__welcome-offer-container { margin-top: 4rem; } } @media (max-width: 375px) { .cc-overview-card__header--background { top: -55%; } .cc-overview-card__header--background.horizontal-card { top: -50%; } } .cc-product-card__subtext { text-transform: lowercase; } /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************LOGO COLOURS***********/ /************************************/ /************************************/ /**********PRIMARY COLOURS***********/ /************************************/ /************************************/ /*********FEEDBACK COLOURS***********/ /************************************/ /************************************/ /******COMPLIMENTARY COLOURS*********/ /************************************/ /************************************/ /************BMO SKY BLUE************/ /************************************/ /************************************/ /**************BMO OLIVE*************/ /************************************/ /************************************/ /*************BMO POOLSIDE***********/ /************************************/ /************************************/ /*************BMO SUNFLOWER**********/ /************************************/ /************************************/ /*************BMO LILAC**************/ /************************************/ /************************************/ /**********BMO RETROSPECT************/ /************************************/ /************************************/ /********GRID SCREEN SIZES***********/ /************************************/ /************************************/ /**************FONTS*****************/ /************************************/ /************************************/ /**************SPACING***************/ /************************************/ /************************************/ /**************Z-Index Stack*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } .simple-header__bmo-logo { width: 91px; height: 35px; margin-left: 30px; margin-top: 20px; } [aria-haspopup] { cursor: pointer; } /************************************/ /*************LOGO COLOURS***********/ /************************************/ /************************************/ /**********PRIMARY COLOURS***********/ /************************************/ /************************************/ /*********FEEDBACK COLOURS***********/ /************************************/ /************************************/ /******COMPLIMENTARY COLOURS*********/ /************************************/ /************************************/ /************BMO SKY BLUE************/ /************************************/ /************************************/ /**************BMO OLIVE*************/ /************************************/ /************************************/ /*************BMO POOLSIDE***********/ /************************************/ /************************************/ /*************BMO SUNFLOWER**********/ /************************************/ /************************************/ /*************BMO LILAC**************/ /************************************/ /************************************/ /**********BMO RETROSPECT************/ /************************************/ /************************************/ /********GRID SCREEN SIZES***********/ /************************************/ /************************************/ /**************FONTS*****************/ /************************************/ /************************************/ /**************SPACING***************/ /************************************/ /************************************/ /**************Z-Index Stack*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ /* This container is needed to position the front and back side */ /* Position the front and back side */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************LOGO COLOURS***********/ /************************************/ /************************************/ /**********PRIMARY COLOURS***********/ /************************************/ /************************************/ /*********FEEDBACK COLOURS***********/ /************************************/ /************************************/ /******COMPLIMENTARY COLOURS*********/ /************************************/ /************************************/ /************BMO SKY BLUE************/ /************************************/ /************************************/ /**************BMO OLIVE*************/ /************************************/ /************************************/ /*************BMO POOLSIDE***********/ /************************************/ /************************************/ /*************BMO SUNFLOWER**********/ /************************************/ /************************************/ /*************BMO LILAC**************/ /************************************/ /************************************/ /**********BMO RETROSPECT************/ /************************************/ /************************************/ /********GRID SCREEN SIZES***********/ /************************************/ /************************************/ /**************FONTS*****************/ /************************************/ /************************************/ /**************SPACING***************/ /************************************/ /************************************/ /**************Z-Index Stack*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /*320*/ /*1200*/ /*1280*/ /*767*/ /*768*/ /*1023*/ /*1024*/ /*1279*/ /*1280*/ /* Given a string, split by the $separator then return a list. */ /* Given a class prefix and a class name, return a name with the prefix prepended with a dash if prefix is given */ /* this gets mozilla */ /* PRIMARY COLOURS */ /*not part of dds*/ /* FEEDBACK COLOURS */ /* COMPLIMENTARY COLOURS */ /* BMO SKY BLUE */ /* BMO OLIVE*/ /* BMO POOLSIDE */ /* BMO SUNFLOWER */ /* BMO LILAC */ /* BMO RETROSPECT */ /* BMO ORCHID */ /* this gets mozilla */ /************************************/ /*************LOGO COLOURS***********/ /************************************/ /************************************/ /**********PRIMARY COLOURS***********/ /************************************/ /************************************/ /*********FEEDBACK COLOURS***********/ /************************************/ /************************************/ /******COMPLIMENTARY COLOURS*********/ /************************************/ /************************************/ /************BMO SKY BLUE************/ /************************************/ /************************************/ /**************BMO OLIVE*************/ /************************************/ /************************************/ /*************BMO POOLSIDE***********/ /************************************/ /************************************/ /*************BMO SUNFLOWER**********/ /************************************/ /************************************/ /*************BMO LILAC**************/ /************************************/ /************************************/ /**********BMO RETROSPECT************/ /************************************/ /************************************/ /********GRID SCREEN SIZES***********/ /************************************/ /************************************/ /**************FONTS*****************/ /************************************/ /************************************/ /**************SPACING***************/ /************************************/ /************************************/ /**************Z-Index Stack*********/ /************************************/ /************************************/ /**************ICONS*****************/ /************************************/