header.ww-header {
    border-color: transparent;
}
header.ww-header .ww-header-top {
    align-items: center;
}

header .lang-btn {
    padding-right: 0.5em;
}
header .lang-btn a.button{
    font-size: 0.85rem;
}
@media screen and (min-width: 1024px){
    header .lang-btn {
        padding-right: 0;
    }
    header .lang-btn a.button{
        font-size: 1rem;
    }
}


/*** BANDING STYLES :: START ****/
.lp-hero {
    height: 60vh;
    min-height: 300px;
    position: relative;
}

.lp-section {
    /* Background set here extends to browser edge */
    /* Add your own class to overwrite */
    background-color: #fff;
}
.lp-section-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}
.lp-section-column {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    padding: 1.25em;
}


/* Section Options */
/* 2-column layout with right hand image */
.lp-section.image-right .lp-section-row {
    flex-direction: column-reverse;
}
.lp-section.image-right .lp-section-row .lp-section-column:last-child {
    padding-top: 70%;
}


/* A divider for sections with content in both columns */
.lp-column-divider {
    border-top: 1px solid #ddd;
    margin-top: -1.25em;
    margin-bottom: 1.25em;
}


@media (min-width: 768px){
    .lp-section-row {
        flex-direction: row;
        align-items: center;
    }
    .lp-section-column {
       flex-grow: 1;
        flex-shrink: 1;
        flex-basis: 0%; 
    }
    .lp-section.image-right .lp-section-row {
        flex-direction: row;
    }
    .lp-section.image-right .lp-section-row .lp-section-column:last-child {
        padding-top: 0;
    }
    .lp-column-divider {
        position: absolute;
        height: 200px;
        border-top: none;
        margin: 0;
        border-left: 1px solid #ddd;
        margin-left: -1.25em;
        margin-right: 1.25em;
    }
}
/*** BANDING STYLES :: END ****/

/*** FOOTER :: START ****/
footer.lp-section {
    background-color: #333;
    color: #fff;
    font-size: 0.875em;
}
footer.lp-section a {
    color: #fff;
    border: none;
}
footer .lp-footer-logo a {
    display: block;
    width: 100%;
    max-width: 275px;
    margin: 0 auto;
}
footer .lp-footer-logo a:focus,
footer .lp-footer-logo a:focus-visible {
    background-color: transparent;
    box-shadow: 0 0 0 3px #fff;
}
.lp-section-column.lp-footer-social {
    display: flex;
    justify-content: center;
}
.lp-section-column.lp-footer-social div {
    text-align: center;
    margin: 0 0.5em;
}
.lp-addthis {
    width: 180px;
    margin: 0 auto;
}

footer p.text-right a:not(.button):focus,
footer p.text-right a:not(.button):focus-visible,
footer p.text-right a:not(.button):active {
    background-color: transparent;
    box-shadow: 0 0 0 2px #fff;
}

footer .lp-addthis a {
	border-bottom: none;
}

footer .lp-addthis a:not(.button):focus, 
footer .lp-addthis a:not(.button):focus-visible, 
footer .lp-addthis a:not(.button):active {
    background-color: transparent;
    box-shadow: none;
}


footer p.text-right {
    text-align: center;
}
@media (min-width: 768px){
    .lp-section-column.lp-footer-logo a {
        margin: 0 auto 0 0;
    }
    footer.lp-section {
        padding: 2em 0;
    }
    footer p.text-right {
        text-align: right;
    }
    .lp-addthis {
        margin: 0 0 0 auto;
    }
}
/*** FOOTER :: END ****/





/* SECTION 1 */
/* hero image */
.pu-hero {
    background: #C3D6DD;
    background-image: url("/resources/img/canada/PersonalUmbrella_Hero.png?language_id=1");
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: auto 160%;
} 

.pu-hero-tagline {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.03);
    position: absolute;
    bottom: 1em;
    width: 100%;
    padding: 1em 1.58em 1.35em 1.58em;
}

.pu-hero-tagline h1 {
    font-size: 1.75em;
    font-weight: 800;
    line-height: 1em;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.pu-hero-tagline h1 span {
    font-weight: 400;
    font-size: 0.643em;
}

@media (min-width: 980px){
    .pu-hero {
        background-size: auto 200%;
        background-position: 50% 50%;
    }
}

/* SECTION 2 */
/* centered list */
.pu-centered-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pu-centered-list * {
    flex: 1 1 0;
}

/* SECTION 3 */

.pu-family {
    background-image: url('/resources/img/canada/PersonalUmbrella_Family.png?language_id=1');
    background-repeat: no-repeat;
    background-position: 100% top;
    background-size: 100% auto;
}
@media (min-width: 768px){
    .pu-family {
        background-position: 100% center;
        background-size: 50%;
    }
}