/* LANDING PAGE */
.separator {
    margin: 0 auto 30px;
    border-top: 1px solid #e7e7e7;
    display: block;
}

.footer__link {
    color: #fff;
}

.footer__links-container {
    margin-bottom: 30px;
}

@media only screen and (min-width:768px) {
    .logo__mob {
        display: none
    }

    .logo__desk {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .logo__mob {
        display: block
    }

    .logo__desk {
        display: none
    }

    .footer__links-container {
        text-align: center;
    }
}

/* REGIONAL PAGE INLINE */
html {
    scroll-behavior: smooth;
}

a[href*="tel"], .accordian-items a, .how-it-works__section a {
    text-decoration: underline;
}

/* FAQ HIDE/SHOW STYLES */

.faq-toggle {
    display: none
}

.faq-button_wrapper {
    text-align: center;
    position: relative;
    z-index: 99
}

.faq-button_wrapper img {
    max-width: 100%
}

.faq-image_reveal {
    margin-top: -62px
}

#header_0_linkHomePageLogo {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
}

.inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

body footer {
    background-color: #00338d;
    color: #ffffff;
    padding: 50px 0;
}

.pcn150 .wrapper {
    max-width: 1000px;
}

#mypace__landing-page .faq-section .accordian-items:last-of-type {
    border-bottom: 1px solid #ccc;
}

#mypace__landing-page .faq-section .new-accordian{
 max-width: 100%;
}

footer {
    border-top: 0;
}

.pcn150 footer p {
    font-size: 11px;
    line-height: 16px;
    color: #ffffff;
}

.page-hero {
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}

.custom-margin__left--18 {
    margin-left: 0px;
}

.img__max-width {
    max-width: 100%;
}

.pcn150 a.responsive-color__blue {
    color: #00338d;
    font-weight: 700;
}

.pcn150 .tel-holder {
    margin-top: 20px;
}

.pcc-279--flex {
    display: flex;
    flex-direction: column;
}

.pcc-279--flex > div:nth-child(2n) {
    flex: 1;
}

@media only screen and (min-width: 768px) {
    .pcn150 a.responsive-color__blue {
        color: #00338d;
    }
}

@media only screen and (min-width: 768px) {
    .custom-margin__left--18 {
        margin-left: 18px;
    }
}

.light-bg-grey {
    background-color: #f6f5f3
}

.custom-color--blue {
    color: #00338d;
}

.faq-section p,
.faq-section .new-accordian-content ul {
    color: #00338d !important;
}

.faq-section .new-accordian-content {
    visibility: visible;
    height: auto;
    max-height: 1000px;
    padding-bottom: 21px;
    opacity: 1;
    -webkit-transition: max-height 2s linear, opacity 0.25s ease-in;
    -moz-transition: max-height 2s linear, opacity 0.25s ease-in;
    -ms-transition: max-height 2s linear, opacity 0.25s ease-in;
    -o-transition: max-height 2s linear, opacity 0.25s ease-in;
    transition: max-height 2s linear, opacity 0.25s ease-in;
}

.faq-section .new-accordian-content.hidden {
    visibility: hidden;
    padding: 0;
    max-height: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.faq-section p,
.faq-section .new-accordian-content-faq ul {
    color: #00338d !important;
}

.faq-section .new-accordian-content-faq {
    visibility: visible;
    height: auto;
    max-height: 1000px;
    padding-bottom: 21px;
    opacity: 1;
    -webkit-transition: max-height 2s linear, opacity 0.25s ease-in;
    -moz-transition: max-height 2s linear, opacity 0.25s ease-in;
    -ms-transition: max-height 2s linear, opacity 0.25s ease-in;
    -o-transition: max-height 2s linear, opacity 0.25s ease-in;
    transition: max-height 2s linear, opacity 0.25s ease-in;
}

.faq-section .new-accordian-content-faq.hidden {
    visibility: hidden;
    padding: 0;
    max-height: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.faq-section .new-accordian-content-faq {
    padding: 21px 0;
    margin: 0 16px;
}

.new-accordian-state-icon-open .long,
.new-accordian-state-icon-collapse .long {
    text-transform: none;
}

@media only screen and (min-width: 767px) {
    #content,
    #middlewide {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 0;
    }
}

.separator {
    max-width: 1000px;
    margin: 0 auto;
    border-top: 1px solid #e7e7e7;
    display: block;
}

.section__separator {
    display: block;
}

/* HERO */

.page-hero__content {
    /* background-color: #FFF; */
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    bottom: unset;
}

.slide {
    background-color: #63b5e5;
    padding-left: 0;
}

.main-slide [style*="myPace-hero"] h1 {
    margin-bottom: 10px;
    font-size: 36px;
    padding: 0;
    font-weight: 600;
    text-align: left;
    color: #203087;
}

.main-slide [style*="myPace-hero"] p {
    font-size: 43px;
    text-align: left;
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #203087;
    line-height: 118%;
}

@media only screen and (min-width:500px) {
    .slide {
        /* background-color: #63b5e5; */
        padding-left: 50%;
    }

    .main-slide [style*="myPace-hero"] p {
        text-align: left;
    }

    .main-slide [style*="myPace-hero"] h1 {
        font-size: 71px;
        font-weight: 700;
    }
}

@media only screen and (max-width: 568px) {
    .page-hero {
        margin: 0 -15px;
    }
}

[style*="myPace-hero"],
[style*="myPace-hero"] .main-slide {
    height: 325px;
}

.main-slide [style*="myPace-hero"] {
    background-color: #ccc;
    /*background color when no image on local*/
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 51px -43px;
    background-repeat: no-repeat;
    background-color: #63b5e5;
}

[style*="myPace-hero"] .mid .section__cta-container--center-btn {
    margin-top: 0;
}

.main-slide [style*="myPace-hero"] h1 {
    width: 100%;
}

[style*="myPace-hero"] h1,
[style*="myPace-hero"] p {
    color: #fff;
}

[style*="myPace-hero"] p {
    max-width: 600px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 300px) and (max-width: 499px) {
    .page-hero__content {
        width: 100%;
        bottom: 10px;
        /*background: #fff;*/
        text-align: left;
        padding: 20px;
        top: unset;
        transform: none;
    }

    .main-slide {
        height: 410px;
    }

    .main-slide [style*="myPace-hero"] h1 {
        font-size: 28px;
    }
}

/* @media only screen and (min-width: 540px) {
    [style*="myPace-hero"] {
        background: url("../img/myPace-hero-ontario-2021");
    }
} */

/* @media only screen and (min-width: 540px) {
    .ontario[style*="myPace-hero"] {
        background: url("../img/myPace-hero-ontario-2021") 51px -43px / cover no-repeat transparent;
    }
} */

@media only screen and (max-width: 499px) {
    .ontario[style*="myPace-hero"] {
        background: url("../img/myPace-hero-ontario-2021") center -50px no-repeat;
        background-size: contain !important;
    }
}

@media only screen and (max-width: 499px) {
    [style*="myPace-hero"] {
        background: url("../img/myPace-hero-ontario-2021") center -50px no-repeat;
        background-size: contain !important;
    }
}

.page-hero__content {
    max-width: 100%;
}

@media only screen and (min-width: 500px) {
    .page-hero__content {
        left: 0;
        margin-bottom: 22px;
        margin-left: 25px;
        max-width: 275px;
        padding: 30px 20px;
    }

    .main-slide [style*="myPace-hero"] h1 {
        text-align: left;
    }
}

@media only screen and (min-width: 767px) and (max-width: 830px) {
    .page-hero__content {
        width: 330px;
    }
}

@media only screen and (min-width: 767px) {
    .page-hero__content {
        margin-bottom: 35px;
        margin-left: 40px;
        padding: 60px 40px;
        max-width: 571px;
    }

    .main-slide [style*="myPace-hero"] h1 {
        max-width: 535px;
        margin-bottom: 20px;
    }

    [style*="myPace-hero"],
    [style*="myPace-hero"] .slick-slide {
        height: 415px;
    }
}

/* ****** END HERO ****** */

header .col-6:first-child {
    position: relative;
}

#header_0_linkHomePageLogo {
height: 35px;
width: 100%;
max-width: 350px;
display: flex;
justify-content: center;
align-items: center;
}

#header_0_linkHomePageLogo+span {
    margin: 0 10px;
    border-right: 3px solid #6d6e72;
    padding: 10px 0;
    position: relative;
    top: -43px;
    left: 222px;
    height: 14px;
}

.desktop_v {
    display: block;
}

.header-nav {
    float: right;
    display: block;
    padding: 10px 0;
}

.header-right.desktop_v {
    padding-top: 15px;
}

.header-right.desktop_v {
    padding-top: 45px;
}

.header-right,
.header-right {
    width: auto;
}

.desktop_v {
    display: block;
}

.header-right {
    float: right;
}

.header-nav ul {
    padding-top: 1px;
    height: 20px;
}

.header-nav ul {
    list-style-type: none;
    display: block;
    width: 100%;
    padding: 2px 0 0 0;
}

.remove-separator {
    background-image: none;
}

a {
    color: #857351;
    text-decoration: none;
}

.header-nav a {
    text-transform: uppercase;
}

.header-nav ul li a {
    letter-spacing: 0;
    padding: 0 !important;
    border: none !important;
}

.mypace-download--google {
    height: 40px;
}

.page-cta-md-bottom {
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 767px) {
    #header_0_linkHomePageLogo+span {
        border-right: 3px solid #fff;
    }

    .hdr,
    h1,
    h2,
    h3,
    #ebiz h1,
    #ebiz h2,
    #ebiz h3 {
        color: #fff;
    }
}

@media only screen and (max-width: 767px) {
    .login__background {
        margin-bottom: 20px;
        border-bottom: 1px solid #99b2cc;
        background: #dcebf5;
    }

    .login-md-reverse {
        margin-right: -16px;
        margin-left: -16px;
    }

    body #side-nav-container,
    body .desktop_v {
        display: block;
    }

    .desktop_v a {
        font-size: 15px;
    }

    .login-md-reverse {
        padding-bottom: 20px;
        flex-flow: column-reverse;
    }
}

@media only screen and (min-width: 768px) {
    .desktop_v {
        padding-top: 25px;
    }

    .login-md-reverse {
        padding-top: 30px;
        padding-bottom: 25px;
        -webkit-box-orient: horizontal;
    }
}

.faq-button_wrapper {
    padding-top: 30px;
}

.faq-button_wrapper a#open-close-button {
    background-color: transparent;
    color: #857351 !important;
    border-color: #857351;
    border-width: 2px;
    border-radius: 2px;
}

.faq-button_wrapper a#open-close-button:hover {
    color: #fff !important;
    background-color: #857351;
    border-color: #857351;
}

/* Login_color override */
.background-blue,
body,
.address-form,
#middlewide,
body #content {
    color: #0C2E82;
    background: #FFFFFF;
}

.pcn150 h2 {
    color: #0C2E82;
}

.pcn150 p {
    color: #0C2E82 !important;
}

.pcn150 .alone p {
    color: #FFFFFF !important;
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
    .page-cta-md-bottom {
        position: relative;
    }
}

input[type=range]#range-slider {
    height: 21px !important;
}

.slider-dot {
    height: 14px;
    width: 14px;
}

.ui-slider-horizontal {
    height: 12px;
}

.pcn150 .force-blue {
    color: #00338d;
}

@media only screen and (min-width: 1012px) {
    .pcn150 .container-fluid {
        padding: 0;
    }
}

/* Get a quote dropdown */

.hide {
    display: none;
}
.offset--left{
    margin-left: -20px;
}

div .show {
    display: block;
}

.column {
    display: flex;
    flex-flow: column;
}

.province__selector {
    -webkit-appearance: none;
    border: 1px solid #E5E5E5;
    background: #fff;
    border-radius: 2px;
    padding: 4px 10px;
    font-size: 14px;
    color: #0C2E82;
    height: 35px;
    position: relative;
    outline: none;
    z-index: 1;
    font-weight: 400;
    margin-right: 5px;
    width: 180px;
    background-image: url("../img/drop-down-arrow-2.svg"), linear-gradient(90deg, hsla(0, 0%, 100%, 0) 5%, #fff 55%);
    background-size: 14px, 100%;
    background-position: 151px 50%, 50%;
    background-repeat: no-repeat;
}

.province__selector:focus {
    outline: 1px solid #000;
}

@media only screen and (min-width: 300px) and (max-width: 340px) {
    .province__selector {
        width: 180px;
    }

    .page-vm-m-b--1 {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 390px) {
    .page-vm-m-b--1 {
        margin-bottom: 15px;
    }
}

.pcn150 a.get-quote__button {
    padding: 7px 15px 9px 15px;
    border-radius: 2px;
    height: 35px;
    text-transform: uppercase;
    font-size: 14px;
    width: 126px;
    color: #fff;
}

.page-vm-t--20 {
    margin-top: 20px;
}

.error__message {
    margin-top: 15px;
    color: #FF0000;
    font-size: 14px;
}

.dropdown__label {
    font-weight: 600;
    padding-bottom: 20px;
    display: block
}

.contact-list {
    list-style: none
}

.contact-list__province {
    width: 170px;
    display: inline-block;
}

select.province__selector::-ms-expand {
    display: none;
}

_:-ms-fullscreen,
:root .get-quote__button {
    padding: 6px 15px;
}

_:-ms-fullscreen,
:root .province__selector {
    background-size: 65px, 104%;
    background-position: 130px 50%, 50%;
}

/* END Get a quote dropdown */

/* Bypass block */
.sr-only-mobile, .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
border: 0;
color: #fff;
}

.sr-only {
clip: rect(0, 0, 0, 0);
}

a.skip-link.sr-only-mobile:focus,
a.skip-link.sr-only:focus {
color: #ffffff !important;
background-color: #0c2e82;
width: 100%;
height: 45px;
padding: 10px;
text-align: center;
font-size: 1rem;
z-index: 9999;
display: flex;
justify-content: center;
text-decoration: none;
font-weight: 700;
font-size: 14px;
text-transform: none !important;
text-decoration: none !important;
clip-path: none;
}

a.skip-link.sr-only-mobile:focus, a.skip-link.sr-only:focus {
position: absolute;
}

a.skip-link.sr-only:focus {
position: relative;
}

a.skip-link.sr-only:focus:after,
a.skip-link-mobile.sr-only:focus:after {
height: 2px;
display: block;
content: "";
background-color: transparent;
background-color: #ffffff;
transition: width 0.5s ease, background-color 0.5s ease;
position: absolute;
width: 140px;
bottom: 8px;
}
/* END Bypass block */

.caamypace-logo__desktop {
display: block;
max-width: 350px;
}

/* Video transcript buttons  */
.video-right-wrapper .video-button-wrapper {
padding: 10px 0;
display: flex;
align-items: center;
}

.video-right-wrapper .video-button-wrapper .video-link {
border: 0;
background: #fff;
color: #857351;
text-decoration: none;
font-size: 14px;
font-weight: 600;
vertical-align: top;
cursor: pointer;
}
.video-button-wrapper button{
margin-left: 8px;
}
.video-right-wrapper .video-button-wrapper .video-link:hover {
text-decoration: underline;
}
.video-right-wrapper .video-button-wrapper .video-link:not(:last-child) {
margin-right: 0px;
}
.video-right-wrapper .video-button-wrapper .video-link:not(:last-child):after {
content: "|";
margin-left: 8px;
font-weight: 500;
color: #857351;
position: relative;
bottom: -3px;
}

#mypace__landing-page .video-right-wrapper{
float: none;
}
/* END Video transcript buttons  */
 .footer__link {
    text-decoration: none;
    font-size: 19.2px;
    font-weight: 700;
    transition: .2s box-shadow ease-in-out;
}
.footer__links-container {
    margin-bottom: 30px;
}
.pcn150 footer a, .pcn150 footer a:hover, .pcn150 footer a:link {
    color: #fff;
}
.separator {
    max-width: 1000px;
    margin: 0 auto 30px;
    border-top: 1px solid #e7e7e7;
    display: block;
}
.bubble-outline{
outline: 1px solid black;
}

header#desktop-main-header {
    display: none;
}

header#mobile-main-header {
    display: none;
}

@media only screen and (max-width: 767px) {
    header#mobile-main-header {
        display: block;
        margin-bottom: 0;
        position: fixed;
        width: 100%;
        z-index: 100;
        background: #857351;
    }

    header#mobile-main-header .inner{
        background: #ffffff !important;
    }

    header#mobile-main-header .mobile-menu-icon {
        color: #fff;
        display: inline-block;
        float: right;
        width: 30px;
        height: 30px;
        margin-top: 14px;
        margin-right: 15px;
    }

    header#mobile-main-header.mobileopen {
        height: 100%;
    }

    header#mobile-main-header .regionLink{
        display: inline-block;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    header#mobile-main-header .menu {
        display: none;
        width: 100%;
        border-top: 1px solid #fff;
        margin-top: 0;
        overflow-x: hidden;
        overflow-y: auto;
        background: #857351;
        padding-left: 20px;
        padding-right: 20px;
    }
    header#mobile-main-header .menu br {
        display: none;
    }
    header#mobile-main-header .menu li {
        width: 100%;
        display: block;
        margin-left: 0;
        border-bottom: 1px solid #fff;
    }
    header#mobile-main-header .menu li:last-child {
        border-left: none;
        padding-left: 0 !important;
        border-bottom: none;
    }
    header#mobile-main-header .menu li a {
        text-transform: uppercase;
        width: 100%;
        display: block;
        padding: 15px 0;
        font-size: 16px;
        color: #ffffff;
        padding-left: 16px;
    }
    header#mobile-main-header .menu li a:hover {
        border-bottom: none;
    }
    header#mobile-main-header .menu a.selected {
        border-bottom: none;
    }
    header#mobile-main-header .menu li img {
        display: none;
    }

    header#mobile-main-header .menu .func-item {
        margin-left: 0;
        margin-bottom: 0;
        display: none;
    }
    header#mobile-main-header .menu .func-item.mob {
        display: block;
    }

    header#mobile-main-header .logo {
        width: 250px;
        margin-left: 15px;
    }

    header#mobile-main-header .new-accordian.ac1 {
        margin-bottom: 20px;
        border-bottom: 1px solid #ffffff;
    }

    header#mobile-main-header .new-accordian.ac1 a {
        text-decoration: none;
    }

    header#mobile-main-header .new-accordian.ac1 .selected  a {
        font-weight: 700;
    }

    a.js-hide.new-accordian-state-icon-collapse {
        content: " \00a0";
        display: inline-block;
        background: url("../img/reg-sel-acc-down-arrow.png") right 16px center no-repeat transparent;
        background-size: 13px;
    }

    a.js-hide.new-accordian-state-icon-open {
        content: " \00a0";
        display: inline-block;
        background: url("../img/reg-sel-acc-up-arrow.png") right 16px center no-repeat transparent;
        background-size: 13px;
    }

    header#mobile-main-header .new-accordian-content {
        padding-left: 18px;
    }

    header#mobile-main-header .new-accordian-content ul {
        margin-bottom: 0;
    }
    header#mobile-main-header .new-accordian-content ul li {
        border-bottom: none;
    }
    header#mobile-main-header .new-accordian-content ul li a {
        padding: 5px 0;
    }

  header#mobile-main-header .new-accordian-content ul li.selected a {
        background: url("../img/check-mark-light.png") right 16px center no-repeat transparent;
        background-size: 15px;
    }

    header#mobile-main-header .new-accordian-content ul li a:after {
        content: "\00a0";
        display: inline-block;
        width: 20px;
        padding-right: 5px;
    }

    header#mobile-main-header .new-accordian-content ul li a span {
        display: inline-block;
        width: 71px;
        text-align: left;
    }

    .new-accordian-header {
        position: relative;
    }

    .new-accordian-header .icon__location {
        position: absolute;
        top: 15px;
        left: 16px;
    }

    header#mobile-main-header .menu .new-accordian-header a {
        padding-left: 40px;
    }

  #mobile-main-header a.new-accordian-state-icon-collapse {
    content: " \00a0";
    display: inline-block;
    background: url("../img/reg-sel-acc-down-arrow.png") right 16px center
      no-repeat transparent;
    background-size: 13px;
  }

  #mobile-main-header a.new-accordian-state-icon-open {
    content: " \00a0";
    display: inline-block;
    background: url("../img/reg-sel-acc-up-arrow.png") right 16px center
      no-repeat transparent;
    background-size: 13px;
  }

  header#mobile-main-header .menu .new-accordian-content-dd li {
    border-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
    header#desktop-main-header {
        display: block;
    }
}



@media only screen and (min-width: 621px) and (max-width: 900px) {
    .main-slide [style*="myPace-hero"] h1 {
        font-size: 50px
    }

    .main-slide [style*="myPace-hero"] p {
        font-size: 30px
    }

    .page-hero__content {
        max-width: 500px
    }

    .ontario[style*="myPace-hero"] {
        background-position: 41px 50px;
    }

}

@media only screen and (min-width: 531px) and (max-width: 620px) {
    .page-hero__content {
        max-width: 400px;
    }

    .main-slide [style*="myPace-hero"] h1 {
        font-size: 40px
    }

    .main-slide [style*="myPace-hero"] p {
        font-size: 25px
    }

}


@media only screen and (min-width: 481px) and (max-width: 530px) {
    .main-slide [style*="myPace-hero"] h1 {
        font-size: 30px
    }

    .main-slide [style*="myPace-hero"] p {
        font-size: 20px
    }

    .page-hero__content {
        max-width: 300px;
        top: 50%;

    }

    .main-slide [style*="myPace-hero"] {
        background-position: 4px 65px;
    }

}

@media only screen and (min-width: 481px) and (max-width: 499px) {
    .main-slide [style*="myPace-hero"] {
        background-position: 174px 55px;
    }

}


@media only screen and (min-width: 310px) and (max-width: 480px) {
    .main-slide [style*="myPace-hero"] h1 {
        font-size: 30px
    }

    .main-slide [style*="myPace-hero"] p {
        font-size: 20px
    }

    .page-hero__content {
        max-width: 100%;
        top: 66%;

    }

    .ontario[style*="myPace-hero"] {
        background-position: -5px -44px;
        background-size: 300px;
    }

}