/* Lighten banner filter */
.page-template-featured-page #feature-page-banner.has-image .filter {
    background: rgba(0,0,0,0.1);
}

/* Pretend heading on Contact Us page */
.h6a {
    font-size: 1.55rem !important;
    line-height: 1.8rem !important;
    padding: 0 0 0 8px;
    border-left: solid 10px #0077be;
}

/* Border heading on Wellness Services page */
.lorem h5.add-border {
    font-size: 1.6rem !important;
    line-height: 1.9rem !important;
    padding: 0 0 0 8px;
    border-left: solid 10px #0077be;
    margin: 15px 0 !important;
}

/* Hide footer on "Contact" page */
.parent-pageid-249 .recruitment-banner {
    display: none;
}

/* Homepage Intro Lead */
.home .lorem .lead.nob {
    font-size: 1.8rem;
    letter-spacing: 0.03rem;
    margin: 0 0 30px 0;
}
/* Homepage Services Section */
.lorem .services .r > h3:first-child {
    color: rgba(0,0,0,0.85);
}
/* -> Boxes */
.home .lorem .services .box-button-grid ul.is-style-check li {
    margin-left: 0;
    font-size: 1.1rem;
    line-height: 1.7rem;
    letter-spacing: 0.02rem;
}
.home .lorem .services .box-button-grid h4 {
    text-align: center;
    color: rgba(0,0,0,0.8);
    font-size: 1.9rem;
    line-height: 2.25rem;
}
.home .lorem ul.box-button-grid > li .top.icon {
    height: 175px;
    max-height: 175px;
}
.home .lorem .box-button-grid > li .middle {
    padding-bottom: 20px;
}
/* -> Box Colours */
.home .lorem .services .box-button-grid > li:nth-child(1) .top.icon {
    background: #005ca3;
}
.home .lorem .services .box-button-grid > li:nth-child(1) .middle h4 {
    color: #005ca3;
}
.home .lorem .services .box-button-grid > li:nth-child(2) .top.icon {
    background: #007553;
}
.home .lorem .services .box-button-grid > li:nth-child(2) .middle h4 {
    color: #007553;
}
.home .lorem .services .box-button-grid > li:nth-child(3) .top.icon {
    background: #d49a2f;
}
.home .lorem .services .box-button-grid > li:nth-child(3) .middle h4 {
    color: #946001;
}

/* Workshops Page */
.lorem .layout-bar.programs-wrapper .panel h5 {
    color: #0077be;
    font-size: 1.7rem;
    line-height: 2.1rem;
}
.lorem .layout-bar.dropin-wrapper .panel h5 {
    color: #0077be;
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin-bottom: 15px;
}
.lorem .layout-bar.dropin-wrapper .panel ul li {
    margin-left: 0;
}

/* Indigenous HWAS Resources */
.resources-bar h5 {
    font-size: 1.45rem;
    line-height: 1.85rem;
}

/* Residential School Survivors */
.panel.survivors-counselling h5 {
    position: relative;
    padding: 0 0 0 2.8rem;
    font-size: 1.7rem;
    line-height: 2.1rem;
}
  .panel.survivors-counselling h5:before {
      content: "\f086";
      font-family: "Font Awesome 6 Free";
      position: absolute;
      left: 0;
  }
.panel.survivors-academic-support h5 {
    position: relative;
    padding: 0 0 0 2.8rem;
    font-size: 1.7rem;
    line-height: 2.1rem;
}
  .panel.survivors-academic-support h5:before {
      content: "\f109";
      font-family: "Font Awesome 6 Free";
      position: absolute;
      left: 0;
      font-weight: 900;
  }

/* Crisis Bar (Shortcode) */
.lorem #crisis-bar {
    background: #eafdf7;
    padding: 25px 0;
}
.lorem #crisis-bar .r .crisis-bar-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
  .lorem #crisis-bar.al .r .crisis-bar-inner {
      justify-content: unset;
  }
  .lorem #crisis-bar.ar .r .crisis-bar-inner {
      justify-content: right;
  }
.lorem #crisis-bar h1,
.lorem #crisis-bar h2,
.lorem #crisis-bar h3,
.lorem #crisis-bar h4,
.lorem #crisis-bar h5,
.lorem #crisis-bar h6 {
    margin: 0;
    color: #003322;
    font-size: 1.5rem;
    line-height: 2rem;
    position: relative;
    padding: 0 0 0 46px;
    letter-spacing: 0.01rem;
}
.lorem #crisis-bar .r .crisis-bar-inner h1:before,
.lorem #crisis-bar .r .crisis-bar-inner h2:before,
.lorem #crisis-bar .r .crisis-bar-inner h3:before,
.lorem #crisis-bar .r .crisis-bar-inner h4:before,
.lorem #crisis-bar .r .crisis-bar-inner h5:before,
.lorem #crisis-bar .r .crisis-bar-inner h6:before {
    content: "\f12a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 37px;
    height: 37px;
    display: block;
    position: absolute;
    left: 0;
    top: -3px;
    border: solid 2px #003322;
    color: #003322;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}
.lorem #crisis-bar a {
    font-size: 1.25rem;
    line-height: 1.85rem;
    display: inline-block;
    margin: 0 0 0 25px;
    text-decoration: none;
    background: #cdede2;
    border: solid 2px #cdede2;
    color: #003322;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 500;
    letter-spacing: 0.01rem;
    transition: all 0.3s ease-in-out;
}
.lorem #crisis-bar a:hover,
.lorem #crisis-bar a:focus {
    background: none;
    border: solid 2px #003322;
}

/* Crisis Bar - Indigenous */
#crisis-bar.indigenous {
    background: #ffffdd;
}
.lorem #crisis-bar.indigenous h4 {
    color: rgba(0,0,0,0.75);
}
.lorem #crisis-bar.indigenous a {
    background: #f9f8c0;
    border: solid 2px #f9f8c0;
    color: rgba(0,0,0,0.75);
}
.lorem #crisis-bar.indigenous a:hover,
.lorem #crisis-bar.indigenous a:focus {
    background: none;
    border: solid 2px rgba(0,0,0,0.75);
}

/* Crisis Bar - BIPOC */
#crisis-bar.bipoc {
    background: #b280ff
}
.lorem #crisis-bar.bipoc h4 {
    color: rgba(0,0,0,0.75);
}
.lorem #crisis-bar.bipoc a {
    background: #d8bfff;
    border: solid 2px #d8bfff;
    color: rgba(0,0,0,0.75);
}
.lorem #crisis-bar.bipoc a:hover,
.lorem #crisis-bar.bipoc a:focus {
    background: none;
    border: solid 2px rgba(0,0,0,0.75);
}
.lorem #crisis-bar.bipoc .r .crisis-bar-inner {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
}
.lorem #crisis-bar.bipoc .r .crisis-bar-inner a {
    text-align: center;
}


/* Crisis Wrappers */
.crisis-wrapper {
    background: #fff5f5;
}
.crisis-wrapper h4 {
    color: #aa0000;
}

/* Appointment Wrappers */
.appointment-wrapper h4 {
    position: relative;
    padding: 0 0 0 43px;
    color: #242424;
    font-size: 2rem;
    line-height: 2.4rem;
}
  .appointment-wrapper h4:before {
      content: "\f004";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      color: #0077be;
  }
.page-template-default .appointment-wrapper h4 {
    font-size: 1.8rem;
    line-height: 2.3rem;
}

/* Guide Wrapper (set up as a blue box) */
.guide-box h4 {
    font-size: 1.7rem;
    line-height: 2.1rem;
    position: relative;
    padding: 0 0 0 45px;
}
.guide-box h4:before {
    content: "\f5da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-size: 1.8rem;
}

/* Mega Menu - Appointment box under Support and Resources */
.nav-appointment-box {
    background:#ecf4fa !important;
    margin-bottom: 15px !important;
}
  .nav-appointment-box h3 {
      color: #0077be;
      position: relative;
      padding: 0 0 0 27px;
      font-size: 1.2rem;
      line-height: 1.6rem;
      margin: 0;
  }
    .nav-appointment-box h3:before {
        content: "\f004";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        position: absolute;
        left: 0;
    }
  .nav-appointment-box .nav-appointment-box-content p {
      margin: 8px 0 0 0 !important;
      color: rgba(0,0,0,0.8);
      font-size: 0.95rem;
      line-height: 1.4rem;
  }
  .nav-appointment-box .nav-appointment-box-button a {
      display: block;
      border-radius: 50px;
      background: #0077be;
      border: solid 3px #0077be;
      color: #fff;
      text-align: center;
      font-size: 1rem;
      line-height: 1.5rem;
      text-decoration: none;
      padding: 14px 20px;
      font-weight: 500;
      letter-spacing: 0.03rem;
      transition: all 0.3s ease-in-out;
  }
    .nav-appointment-box .nav-appointment-box-button a:focus,
    .nav-appointment-box .nav-appointment-box-button a:hover {
        background: none;
        color: #0077be;
    }

/* Forms page */
.lorem ul.forms-steps {
    display: grid;
    grid-template-columns: 0.6fr 1fr 1fr 1.5fr 1.35fr 1fr;
    grid-column-gap: 15px;
    list-style-type: none;
    margin: 0;
    counter-reset: counter;
}
.lorem ul.forms-steps li {
    margin: 0;
    counter-increment: counter;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lorem ul.forms-steps li a {
    border: solid 3px rgba(0,0,0,0.1);
    text-align: center;
    height: 100%;
    border-radius: 6px;
    text-decoration: none;
    padding: 88px 20px 20px 20px;
    font-size: 1.1rem;
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    position: relative;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lorem ul.forms-steps li a:before {
    content: counter(counter);
    position: absolute;
    top: 20px;
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 1.6rem;
    color: rgba(0,0,0,0.7);
    background: rgba(0,0,0,0.1);
    padding: 15px 20px;
    border-radius: 50%;
}
.lorem ul.forms-steps li a:hover,
.lorem ul.forms-steps li a:focus {
    text-decoration: underline;
}
@media only screen and (max-width: 1200px) {

    .lorem ul.forms-steps {
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 15px;
    }
    .lorem ul.forms-steps li {
        width: 100%;
        display: block;
    }

}
@media only screen and (min-width: 959px) {

    li.mega-menu-column.second-accessibility-column {
        padding-top: 21px !important;
    }

}
@media only screen and (max-width: 959px) {

    /* Mega Menu - Appointment box under Support and Resources */
    .nav-appointment-box {
        margin-bottom: 10px !important;
    }
    .nav-appointment-box > ul > li > ul > li#mega-menu-item-custom_html-2 {
        padding-bottom: 0 !important;
    }
    .nav-appointment-box > ul > li > ul > li#mega-menu-item-custom_html-4 {
        padding-top: 5px !important;
    }
    .nav-appointment-box .nav-appointment-box-content p {
        margin: 0 !important;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    /* 2nd Accessibility Column in Menu */
    li.mega-menu-column.second-accessibility-column > ul.mega-sub-menu > li.mega-menu-item {
        padding-top: 0 !important;
    }
    li.mega-menu-column.second-accessibility-column > ul.mega-sub-menu > li.mega-menu-item > a {
        display: none !important;
    }

}
@media only screen and (max-width: 700px) {

    .lorem ul.forms-steps {
        grid-template-columns: 1fr
    }

    /* Crisis Bar */
    .lorem #crisis-bar {
        padding: 27px 0 25px;
        text-align: center;
    }
    .lorem #crisis-bar .r .crisis-bar-inner {
        display: block;
    }
    .lorem #crisis-bar a {
        margin: 10px 0 0 40px;
    }
    .lorem #crisis-bar h1, .lorem #crisis-bar h2, .lorem #crisis-bar h3, .lorem #crisis-bar h4, .lorem #crisis-bar h5, .lorem #crisis-bar h6 {
        display: inline-block;
    }
    .lorem #crisis-bar.bipoc .r .crisis-bar-inner {
        grid-template-columns: 1fr;
    }
    .lorem #crisis-bar.bipoc .r .crisis-bar-inner a {
        margin: 20px 0 0 0;
    }

}