body:not(.plain-txt) .page-heading,
.visually-hidden,
.micro-sr {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
}


.micro,
.micro-inline {
    display: none;
}

@media screen and (min-width: 450px) {

    .micro {
        display: block;
    }
    
    .micro-inline {
        display: inline;
    }

    .micro-sr {
        clip: auto;
        clip-path: none;
        height: auto;
        overflow: auto;
        position: static;
        white-space: initial;
        width: auto;
    }
}

.body.content {
    margin-top: 130px!important;
}

@media screen and (max-width: 800px) {

    .body.content {
        margin-top: 140px!important;
    }
}

@media screen and (max-width: 1025px) {

    .body.content {
        margin-top: 150px!important;
    }
}

@media screen and (max-width: 1223px) {

    .body.content {
        margin-top: 135px!important;
    }
}

.desktop-sm-img {
    display: none;
}

.container.main {
    margin-bottom: 0;
}

nav a.fr,
nav a.en,
.custom-pages-nav a.fr,
.custom-pages-nav a.en {
    color: #003DA5;
    font-weight: bold;
}

nav a.fr:hover,
nav a.en:hover,
.custom-pages-nav a.fr:hover,
.custom-pages-nav a.en:hover {
    color: #026cd1;
    text-decoration: underline;
}

nav a.fr:focus,
nav a.en:focus,
.custom-pages-nav a.fr:focus,
.custom-pages-nav a.en:focus {
    text-decoration: underline;
}

nav .active.en::after,
.custom-pages-nav .active.en::after {
    content: '\002F';
    margin-left: 5px;
    margin-right: 6px;
}

nav .active.fr::before,
.custom-pages-nav .active.fr::before {
    content: '\002F';
    margin-left: 5px;
    margin-right: 6px;
}

.navPages {
    padding: 0 1.5rem;
}

.canada_flag {
    font-size: 0;
}

@media screen and (min-width: 450px) {
    .canada_flag {
        font-size: inherit;
    }
}

.breadcrumb {
    display: none;
}

@media screen and (min-width: 800px) {
    .plain-txt .page-heading {
        margin-top: 65px;
    }
}

main .page-content.page-content.no-sidenav ul.breadcrumbs {
    margin-bottom: 0;
}

main .page-content > p {
    margin: 0;
}

.center-h4,
.feature-h1,
.page-h1 {
    font-weight: 700;
    color: #003DA5 !important;
    line-height: 1.125;
    font-family: Larsseit;
}

.center-h4,
.feature-h1 {
    margin: 65px auto 42px;
    font-size: 1.222225rem;
    text-align: center;
}

.page-h1 {
    margin-top: 0;
    font-size: 1.5rem;
}

.feature-h1 a,
.page.content h2.feature-h1 span,
.page-learn-content .columns h2.feature-h1 > a, 
.page.content h2.feature-h1 > a > span  {
    font-size: inherit !important;
    word-break: break-word;
}

.feature-h1 .underline {
    font-size: inherit;
    border-bottom: 2px solid #003DA5;
    /* transition: border .185s ease, color .185s ease; */
}

.feature-h1 .underline:hover,
.feature-h1 .underline:focus {
    border: none;
    color: #323232;
}

.buttons a,
.buttons button {
    display: block;
    width: max-content;
    margin: auto;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 42px;
    background-color: #003DA5;
    font-size: 17px;
    color: #fff;
    font-family: "Roboto Condensed";
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer;
    transition: all .15s ease;
}

.buttons a:hover,
.buttons a:focus {
    background-color: #026cd1;
}

.buttons a:focus,
.buttons button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #026cd1;
}

.buttons .hollow {
    background: none;
    color: #003DA5;
    box-shadow: 0 0 0 2px #003DA5 inset;
    transition: box-shadow .25s ease, background .3s ease; 
}

.buttons .hollow:hover,
.buttons .hollow:focus {
    box-shadow: 0 0 0 4px #003DA5 inset;
    background: #ebf8fc;
}

.buttons .hollow:focus,
.buttons button.hollow:focus {
    box-shadow: 0 0 0 4px #003DA5 inset, 0 0 0 2px white, 0 0 0 4px #026cd1;
}

/* Global header */

/* Language selector */

[id='lang_selector'] {
    width: auto;
    margin-right: -2rem;
    margin-left: .5rem;
    padding-left: .5rem;
    border: none;
    color: #003DA5 !important;
    font-weight: bold;
}

body[lang='fr-ca'] [id='lang_selector'] {
    padding-right: 1.75rem;
}

body[lang='en'] [id='lang_selector'] {
    padding-right: 1.25rem;
}

/* Global footer */

.global-region.screen-width.above-footer {
    background-color: #f8f8f9;
}

.above-footer .value-props-text {
    font-size: 1.3333335rem;
}

/* Banner */
.small-12.columns.text-center img {
    border: 1px solid #ddd;
}

.lp-logo-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 65px !important;
    max-width: 44rem;
}

.lp-logo-list li {
    flex: 0 0 100%;
    text-align: center;
}

.lp-logo-list li ~ li {
    margin-top: 20px;
}

.lp-logo-list li img {
    display: block;
    max-width: 100%;
    width: 9rem;
    margin: 0 auto;
}

/* .small-12.columns.text-center {
    margin-top: 100px;
} */

.bottom-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 20px;
    margin: 35px auto;
}

.bottom-buttons .small-12.medium-6 {
    flex: 0 0 100%;
}

.bottom-buttons .small-12.medium-6 ~ .small-12.medium-6 {
    margin-top: 20px;
}

.retailer-links2 {
    display: block;
    flex: 0 0 100%;
    transition:all .75s ease-in-out;
    height: 0;
    margin-top: 40px;
    margin-left: 0 !important;
    overflow: hidden;
    list-style: none;
    text-align: center;
    font-size: 20px;
    line-height: 1.6;
}

.retailer-links2.open {
    height: 640px;
}

.retailer-links2 li ~ li {
    margin-top: 8px;
}

.retailer-links2 a {
    color: initial;
    font-weight: bold;
    text-decoration: none;
}

.retailer-links2 a:hover,
.retailer-links2 a:focus {
    color: #003DA5;
    text-decoration: underline !important;
}

@media screen and (min-width: 450px) {
    .lp-logo-list.three-col li,
    .lp-logo-list.four-col li {
        flex: 0 0 48%;
    }
}

@media screen and (min-width: 767px) {

    .mobile-sm-img {
        display: none;
    }

    .desktop-sm-img {
        display: inline-block;
    }

    /* main .page-content.page-content.no-sidenav ul.breadcrumbs {
        margin-bottom: 105px;
    } */

    .page-h1 {
        margin-top: 8.5rem;
        font-size: 2.666667rem;
    }

    .feature-h1 {
        margin-top: 85px;
        font-size: 2.666667rem;
    }

    /* .lp-logo-list {
        justify-content: space-between;
    } */

    .lp-logo-list li ~ li {
        margin-top: 0px;
    }

    .lp-logo-list.three-col li {
        flex: 0 0 30%;
    }

    .lp-logo-list.four-col li {
        flex: 0 0 24.5%;
    }

    .bottom-buttons .small-12.medium-6 {
        flex: 0 0 auto;
    }

    .bottom-buttons .small-12.medium-6 ~ .small-12.medium-6 {
        margin-top: 0;
    }
}

@media screen and (max-width: 800px) {

    .main-nav.desktop {
        display: block !important;
    }
}
/* 
@media screen and (min-width: 800px) {
    .small-12.columns.text-center {
        margin-top: 0px;
    }
} */

/* @media screen and (min-width: 1011px) {
    main .page-content.page-content.no-sidenav ul.breadcrumbs {
        margin-bottom: 0;
    }
} */