/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;900&display=swap");
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* --- Breakpoints --- */
/* --- Colours --- */
/* Main */
/* Extended */
html, body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 2rem;
  line-height: 1.2; }

p {
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 1rem; }

h1 {
  font-size: 2.5rem;
  font-weight: 400; }

h2 {
  font-size: 2.25rem;
  font-weight: 400; }
  @media (max-width: 480px) {
    h2 {
      font-size: 1.90rem; } }

h3 {
  font-size: 2rem;
  font-weight: 400; }

h4 {
  font-size: 1.75rem;
  font-weight: 400; }

h5 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25; }

h6 {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.25; }

b, strong {
  font-weight: 600; }

.text300 {
  font-weight: 300; }

.text400 {
  font-weight: 400; }

.text600 {
  font-weight: 600; }

.text900 {
  font-weight: 900; }

.text-smaller {
  font-size: 0.95rem; }

.text-small {
  font-size: 75%; }

.iconleft {
  width: 40px;
  height: 50px; }

.icon {
  min-width: 40px;
  height: 50px; }

a, a:hover {
  color: inherit; }

a.link {
  text-decoration: underline; }

a.link:hover {
  text-decoration: none; }

a.btn {
  padding: .5rem 1rem;
  border-radius: 20px; }
  a.btn:hover {
    color: #FFFFFF;
    text-decoration: none; }
  a.btn.next {
    padding: .5rem 4rem;
    position: relative; }
    a.btn.next:after {
      content: "\f054";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%); }
  a.btn.prev {
    padding: .5rem 4rem;
    position: relative; }
    a.btn.prev:after {
      content: "\f053";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      left: 1rem;
      top: 50%;
      transform: translateY(-50%); }

a.clean {
  text-decoration: none; }
  a.clean:hover {
    text-decoration: none; }

ul.styled {
  margin-left: 2rem;
  list-style: none; }
  ul.styled li {
    font-weight: 400;
    margin-bottom: 1.5rem;
    position: relative;
    font-size: 1.15rem;
    line-height: 1.2; }
    ul.styled li:before {
      content: "";
      position: absolute;
      top: 50%;
      left: -1.75rem;
      height: .5rem;
      width: .5rem;
      transform: translateY(-50%);
      border-radius: 100%; }
  ul.styled li:before {
    background-color: #ffffff; }

.unit1 ul.styled li.text-white:before {
    background-color: #ffffff; }
.unit2 ul.styled li.text-white:before {
    background-color: #36C3F2; }
.unit3 ul.styled li.text-white:before {
    background-color: #3EBDAC; }


  ul.styled li.text-pink:before {
    background-color: #c959b5; }
  ul.styled li.text-red:before {
    background-color: #de4054; }
  ul.styled.pink > li::before {
    background-color: #c959b5; }
  ul.styled.pink > li::before {
    background-color: #d47ac4; }
  ul.styled.purple > li::before {
    background-color: #4d2b7d; }

ul.fa-ul {
  margin-left: 2rem;
  list-style: none; }
  ul.fa-ul li {
    font-weight: 400;
    margin-bottom: 1.5rem;
    position: relative;
    font-size: 1.15rem;
    line-height: 1.2; }

ol {
  font-weight: 400;
  margin-bottom: 1.5rem;
  font-size: 1.15rem; }

ol li {
  line-height: 1.2; }

/* --- Baseline --- */
html, body {
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  min-height: 100vh;
  max-width: 100vw;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased; 
background: #26235F;
background: linear-gradient(90deg, rgba(38, 35, 95, 1) 0%, rgba(59, 56, 126, 1) 50%, rgba(79, 75, 157, 1) 100%);
}

#close-shadow-main {
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 150;
  background-color: black;
  opacity: .5; }
  #close-shadow-main.show {
    display: block; }
    @media (min-width: 1100px) {
      #close-shadow-main.show {
        display: none; } }

/* --- Grid --- */
.container {
  width: 1170px;
  max-width: 100vw;
  margin: auto;
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1em; }

.equal .span2 {
  width: 17.94872%; }

@media (max-width: 768px) {
  .row > [class*="span"], .row-fluid > [class*="span"] {
    width: 100%;
    display: block;
    margin-left: 0; } }

@media (max-width: 768px) {
  .row-fluid > .m-span6 {
    width: 48.93617020799999%;
    margin-left: 0px; }
    .row-fluid > .m-span6:not(:nth-child(odd)) {
      margin-left: 2.127659574%; } }
@media (max-width: 480px) {
  .row-fluid > .m-span6 {
    width: 100%;
    margin-left: 0px; } }

@media (max-width: 768px) {
  .row-fluid > .m-span6.team-member:not(:nth-child(odd)) {
    margin-left: 0%; } }

.flex {
  display: flex; }

/* --- Regions --- */
header {
  padding: 2rem 0;
  position: relative;
  z-index: 100;
  height: 145px;
  box-sizing: border-box; }
  header .logo {
    display: flex;
    align-items: center; }
    header .logo img {
      width: 175px;
      height: auto;
      margin-right: 2rem; }
  header nav {
    display: flex;
    flex-grow: 1;
    justify-content: space-between; }
    header nav .m-logo {
      display: none; }
    header nav ul {
      margin: 0;
      display: flex;
      justify-content: flex-end;
      list-style: none;
      align-items: center; }
      header nav ul li {
        list-style: none; }
        header nav ul li a {
          font-size: 1.2rem;
          padding-left: 1.5rem;
          font-weight: 500; }
    header nav .main-close {
      display: none; }
    @media (max-width: 1100px) {
      header nav {
        position: fixed;
        top: 0;
        left: -400px;
        width: 400px;
        height: 100vh;
        max-width: 100vw;
        background-color: #1a1a1af0;
        display: block;
        z-index: 200;
        box-sizing: border-box;
        padding: 5rem 3rem 2rem 3rem;
        -webkit-transition: left 0.5s ease;
        -moz-transition: left 0.5s ease;
        -o-transition: left 0.5s ease;
        transition: left 0.5s ease; }
        header nav .m-logo {
          display: block;
          width: 200px;
          margin: 0 0 3rem; }
        header nav .main-close {
          display: block;
          position: absolute;
          top: 2rem;
          right: 2rem;
          border-radius: 5px;
          font-size: 1.5rem;
          color: #FFFFFF;
          cursor: pointer; }
        header nav ul {
          display: block; }
          header nav ul li {
            display: block;
            width: 100%;
            margin-bottom: 1rem; }
            header nav ul li a {
              color: #FFFFFF;
              padding-left: 0rem; }
              header nav ul li a:hover {
                color: #FFFFFF;
                text-decoration: underline; }
          header nav ul.main-buttons {
            margin-bottom: 3rem; }
            header nav ul.main-buttons li {
              margin-bottom: 2rem; }
        header nav.m-open {
          left: 0px !important; } }
  header .m-menu-icon {
    display: none; }
    @media (max-width: 1100px) {
      header .m-menu-icon {
        display: block;
        position: fixed;
        top: 50px;
        right: 15px;
        background-color: #36C3F2;
        padding: .5rem;
        border-radius: 5px;
        font-size: 1.5rem;
        color: #FFFFFF;
        cursor: pointer;
        z-index: 100; } }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1; }
    header .container:before, header .container:after {
      content: none; }
  @media (max-width: 768px) {
    header.nursing-header {
      height: auto; } }
  @media (max-width: 768px) {
    header.nursing-header .container {
      display: block; } }
  header.nursing-header .container .logo {
    display: block;
    margin-bottom: 1rem;
    text-align: center; }
  @media (max-width: 768px) {
    header.nursing-header .container .unit-timeline {
      width: 100%;
      margin: 0  0 1.5rem; } }

main {
  min-height: calc(100vh - 380px); }

footer {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
background-color: #4F4CA0;}
  footer .footer-email,
  footer .footer-links {
    font-size: 1.15rem; }
  footer .copyright p {
    font-size: 1.0rem; }
  footer .footer-links a {
    padding-bottom: 8px;
    display: inline-block; }
  @media (max-width: 768px) {
    footer {
      height: auto; }
      footer .footer-logo {
        text-align: center;
        padding-bottom: 3rem; }
      footer .footer-logo img {
        width: 200px; }
      footer .footer-email {
        text-align: center;
        padding-bottom: 1.5rem; }
      footer .footer-links {
        text-align: center; }
      footer .copyright p {
        font-size: 1rem;
        text-align: center; } }
  footer .footer-logo img {
    height: auto; }
  footer .span4 * {
    color: #FFFFFF; }
    footer .span4 * a {
      margin-bottom: 1rem; }
  footer .copyright {
    margin-top: 3rem; }

.admin-bar {
  background-color: #000000;
  color: #FFFFFF;
  padding: .5rem 0 0 0; }
  .admin-bar .container {
    display: flex;
    justify-content: space-between; }
    .admin-bar .container:before, .admin-bar .container:after {
      content: none; }
    .admin-bar .container nav ul {
      list-style: none;
      display: flex; }
      .admin-bar .container nav ul li a {
        padding: 0 0 0 1rem; }
  @media (max-width: 1100px) {
    .admin-bar {
      display: none; } }

/* --- Page secific --- */
.home .team-member img, .about .team-member img {
  border-radius: 100%; }
.home .team-member h5, .about .team-member h5 {
  margin: 1rem 0; }
.home .login-buttons a, .about .login-buttons a {
  margin: 0 1rem; }
  @media (max-width: 480px) {
    .home .login-buttons a, .about .login-buttons a {
      display: block;
      margin: 0 auto 1rem;
      max-width: 50%; } }

.login-page {
  background-size: cover;
  background-repeat: no-repeat; }
  .login-page .page-logo {
    max-width: 150px;
    margin: 5rem auto;
    text-align: center; }
  .login-page.nursing {
    background-image: url(../img/nursing-login-bg.jpg); }
  .login-page.family-carers {
    background-image: url(../img/family-carers-login-bg.jpg); }
  .login-page h1, .login-page h2, .login-page h3, .login-page h4, .login-page h5, .login-page h6 {
    color: #FFFFFF; }
  .login-page #login {
    float: right;
    padding-top: 2rem;
    width: 400px;
    position: relative; }
    @media (max-width: 768px) {
      .login-page #login {
        width: 380px;
        float: none;
        margin: auto; } }
    @media (max-width: 480px) {
      .login-page #login {
        width: 100%;
        float: none; } }

.carer-guides {
  margin-bottom: 1.5rem;
  padding: 5rem .5rem;
  box-sizing: border-box;
  background-position: center;
  background-size: cover; }
  .carer-guides h2 {
    font-weight: 900;
    font-size: 2.5rem;
    margin: 0;
    color: #FFFFFF; }
  .carer-guides h3 {
    font-size: 1.25rem;
    margin-bottom: .5rem;
    min-height: 100px;
    color: #FFFFFF; }
  .carer-guides a {
    background-color: #FFFFFF;
    padding: .6rem 1rem;
    border-radius: 20px; }
    .carer-guides a:hover {
      color: #000000;
      background-color: #D9D9D9; }
  @media (max-width: 768px) {
    .carer-guides {
      margin-bottom: 2rem !important; }
      .carer-guides h2 {
        margin-bottom: 1rem; }
      .carer-guides h3 {
        min-height: auto;
        margin-bottom: 2rem; }
        .carer-guides h3 br {
          display: none; } }

.nursing-units {
  margin-right: 2rem; }
  .nursing-units #nursing-menu {
    margin: 0;
    list-style: none; }
    .nursing-units #nursing-menu > li {
      margin-bottom: 1rem;
      width: 250px; }
      .nursing-units #nursing-menu > li > a {
        display: block;
        padding: 0.5rem 0.5rem 0.5rem 3.75rem;
        color: #FFFFFF;
        margin-bottom: .5rem;
        border-radius: 7px;
        position: relative; }
        .nursing-units #nursing-menu > li > a:before {
          font-family: 'Font Awesome 5 Free';
          content: "\f067";
          font-weight: 900;
          position: absolute;
          top: 50%;
          left: 1.50rem;
          transform: translateY(-50%); }
        .nursing-units #nursing-menu > li > a:hover {
          opacity: .9;
          text-decoration: none; }
        .nursing-units #nursing-menu > li > a .title {
          display: block;
          font-weight: 900;
          font-size: 1.25rem;
          margin-bottom: .25rem; }
      .nursing-units #nursing-menu > li ul {
        width: 250px;
        list-style: none;
        margin: 0;
        display: none; }
        @media (min-width: 768px) {
          .nursing-units #nursing-menu > li ul {
            display: none; } }
        .nursing-units #nursing-menu > li ul a {
          border-radius: 10px;
          display: block;
          padding: 1rem 0.5rem 1rem 4rem;
          margin-bottom: 1rem;
          background-color: #ffffff;
          position: relative;
			color: #464646; }
          .nursing-units #nursing-menu > li ul a:hover {
            background-color: #EAEAEA;
            text-decoration: none; }
          .nursing-units #nursing-menu > li ul a:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 1.75rem;
            height: .75rem;
            width: .75rem;
            transform: translateY(-50%);
            border-radius: 100%; }

ul#nursing-menu li.home a,
ul#nursing-menu li.about a,
ul#nursing-menu li.resources a,
ul#nursing-menu li.feedback a {
  color: #464646; }

@media (max-width: 768px) {
  .tablet-center {
    text-align: center; } }

.hasSidebar {
  flex-grow: 1; }

.units {
  background-repeat: no-repeat;
  background-size: cover; }
  .units .unit-card {
    min-height: 320px;
    color: #FFFFFF;
    padding: 2rem;
    box-sizing: border-box; }
    .units .unit-card .card-circle {
      display: block;
      position: relative;
      overflow: hidden;
      width: 80px;
      margin: auto;
      max-width: 100%;
      border-radius: 100%;
      background: #FFFFFF; }
      .units .unit-card .card-circle:after {
        display: block;
        content: "";
        padding-top: 100%; }
  .units h1 {
    font-weight: 600;
    padding-top: 1.5rem;
    margin-bottom: 0.5rem; }
  .units h1.no-banner {
    padding-top: 0rem;
    margin-bottom: 0rem; }
  .units h2 {
    font-size: 2.0rem;
    margin-bottom: 0.25rem;
    margin-top: 3rem;
    font-weight: 600; }
  .units h3 {
    font-size: 1.75rem;
    margin-bottom: 0.25rem;
    margin-top: 1.75rem;
    font-weight: 600; }
  .units .carer-sidebar-wrapper .m-expand {
    display: none;
    padding: 1rem;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1.25rem;
    position: relative; }
    .units .carer-sidebar-wrapper .m-expand:after {
      content: "\f0c9";
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      font-family: 'Font Awesome 5 Free';
      font-weight: 900; }
  @media (max-width: 768px) {
    .units .carer-sidebar-wrapper {
      flex-wrap: wrap; }
      .units .carer-sidebar-wrapper .nursing-units {
        display: none; }
        .units .carer-sidebar-wrapper .nursing-units .m-expand {
          display: block; }
        .units .carer-sidebar-wrapper .nursing-units #nursing-menu {
          max-height: 0px;
          padding-top: 1rem;
          overflow: hidden;
          -webkit-transition: max-height 0.5s ease;
          -moz-transition: max-height 0.5s ease;
          -o-transition: max-height 0.5s ease;
          transition: max-height 0.5s ease; }
          .units .carer-sidebar-wrapper .nursing-units #nursing-menu.show {
            max-height: 1000px; }
      .units .carer-sidebar-wrapper .hasSidebar {
        width: 100%; } }
  .units.home .m-expand {
    background-color: #F5F5F5;
    color: #000000 !important; }

.unit-timeline {
  display: flex;
  width: 60%;
  justify-content: space-around;
  margin-right: 3rem;
  list-style: none;
  margin: none;
  position: relative; }
  .unit-timeline li {
    position: relative; }
    .unit-timeline li .unit-stop {
      display: block;
      width: 20px;
      height: 20px;
      background-color: #FFFFFF;
      margin-right: 1.5rem;
      margin-left: 1.5rem;
      border-radius: 100%;
      border: 4px solid;
      position: relative;
      z-index: 2; }
      .unit-timeline li .unit-stop:after {
        content: "";
        position: absolute;
        left: 2px;
        bottom: 2px;
        width: 16px;
        height: 16px;
        border-radius: 100%;
        display: none; }
    .unit-timeline li.unit1-circle {
      color: #80bac1; }
      .unit-timeline li.unit1-circle .unit-stop {
        border-color: #007582; }
        .unit-timeline li.unit1-circle .unit-stop:after {
          background-color: #80bac1; }
    .unit-timeline li.unit2-circle {
      color: #705697; }
      .unit-timeline li.unit2-circle .unit-stop {
        border-color: #4d2b7d; }
        .unit-timeline li.unit2-circle .unit-stop:after {
          background-color: #705697; }
    .unit-timeline li.unit3-circle {
      color: #e46676; }
      .unit-timeline li.unit3-circle .unit-stop {
        border-color: #de4054; }
        .unit-timeline li.unit3-circle .unit-stop:after {
          background-color: #e46676; }
    .unit-timeline li.unit4-circle {
      color: #d47ac4; }
      .unit-timeline li.unit4-circle .unit-stop {
        border-color: #c959b5; }
        .unit-timeline li.unit4-circle .unit-stop:after {
          background-color: #d47ac4; }
    .unit-timeline li.unit5-circle {
      color: #705697; }
      .unit-timeline li.unit5-circle .unit-stop {
        border-color: #4d2b7d; }
        .unit-timeline li.unit5-circle .unit-stop:after {
          background-color: #705697; }
    .unit-timeline li.unit6-circle {
      color: #705697; }
      .unit-timeline li.unit6-circle .unit-stop {
        border-color: #4d2b7d; }
        .unit-timeline li.unit6-circle .unit-stop:after {
          background-color: #705697; }
    .unit-timeline li.unit7-circle {
      color: #705697; }
      .unit-timeline li.unit7-circle .unit-stop {
        border-color: #4d2b7d; }
        .unit-timeline li.unit7-circle .unit-stop:after {
          background-color: #705697; }
    .unit-timeline li.feedback-circle {
      color: #396ccc; }
      .unit-timeline li.feedback-circle .unit-stop {
        border-color: #0847bf; }
        .unit-timeline li.feedback-circle .unit-stop:after {
          background-color: #396ccc; }
    .unit-timeline li span {
      position: absolute;
      left: 0;
      bottom: -25px;
      width: 100%;
      text-align: center;
      font-weight: 900; }
  .unit-timeline:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 7px;
    background-color: #F5F5F5;
    z-index: 1; }
  @media (max-width: 480px) {
    .unit-timeline {
      -webkit-transform: scale 0.75;
      -moz-transform: scale 0.75;
      -ms-transform: scale 0.75;
      transform: scale(0.75); } }

.family-sections ul {
  display: flex;
  list-style: none;
  margin: 0px; }
  .family-sections ul li {
    display: block;
    flex-grow: 1;
    box-sizing: border-box; }
    .family-sections ul li a {
      display: block;
      border-radius: 10px 10px 0 0;
      padding: .5rem 1rem;
      color: #FFFFFF;
      font-size: .8rem;
      font-weight: 600;
      border-width: 5px 5px 0px 5px;
      border-style: solid;
      border-color: black;
      text-align: center;
      position: relative; }
      .family-sections ul li a .section-stop {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        border-width: 5px;
        border-style: solid;
        border-color: black;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 1rem; }
        .family-sections ul li a .section-stop:before {
          content: "";
          width: 8px;
          height: 8px;
          border-radius: 100%;
          position: absolute;
          top: 50%;
          transform: translateY(-50%) translateX(-50%);
          left: 50%; }
      .family-sections ul li a.section1, .family-sections ul li a.section1 * {
        border-color: #c959b5;
        color: #d47ac4; }
      .family-sections ul li a.section2, .family-sections ul li a.section2 * {
        border-color: #faba0d;
        color: #fcc754; }
      .family-sections ul li a.section3, .family-sections ul li a.section3 * {
        border-color: #007582;
        color: #80bac1; }
      .family-sections ul li a.section4, .family-sections ul li a.section4 * {
        border-color: #f39638;
        color: #fccb67; }
      .family-sections ul li a.section5, .family-sections ul li a.section5 * {
        border-color: #4d2b7d;
        color: #705697; }
      .family-sections ul li a.section6, .family-sections ul li a.section6 * {
        border-color: #0847bf;
        color: #396ccc; }
      .family-sections ul li a.section-feedback * {
        border-color: #0847bf;
        color: #396ccc; }
  @media (max-width: 935px) {
    .family-sections ul {
      flex-wrap: wrap;
      margin-left: -.25rem;
      margin-right: -.25rem; }
      .family-sections ul li {
        width: 33.333%;
        padding-left: .25rem;
        padding-right: .25rem; }
        .family-sections ul li a {
          border-width: 5px;
          margin-bottom: .5rem;
          border-radius: 10px; } }
  @media (max-width: 545px) {
    .family-sections ul li a {
      padding: 1.5rem 0rem .5rem; }
      .family-sections ul li a .section-stop {
        top: 3px;
        transform: translateX(-50%);
        left: 50%; } }

.content.family .banner {
  border-style: solid;
  border-width: .75rem 0 0 0; }

.circle {
  border-width: 5px;
  border-style: solid;
  display: block;
  position: relative;
  overflow: hidden;
  width: 90px;
  margin: auto;
  max-width: 100%;
  border-radius: 100%; }
  .circle:after {
    display: block;
    content: "";
    padding-top: 100%; }

/* --- Components --- */
.accordion > h3 {
  margin: 0px;
  padding: 1rem 1rem 1rem 5rem;
  text-align: left;
  font-weight: 300;
  font-size: 1.75rem;
  position: relative; }
  @media (max-width: 480px) {
    .accordion > h3 {
      font-size: 1.25rem; } }
  .accordion > h3:not(:first-child) {
    margin-top: 1rem; }
  .accordion > h3:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f067";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 2rem;
    transform: translateY(-50%); }
  .accordion > h3.ui-accordion-header-active:before {
    content: "\f054"; }
.accordion > div {
  padding: 1.5rem 5rem;
  text-align: left;
  background-color: #F5F5F5; }
  .accordion > div p, .accordion > div ul.styled li {
    font-weight: 400;
	color: #464646;}
.accordion.pink h3 {
  background-color: #d47ac4; }
  .accordion.pink h3.ui-accordion-header-active {
    background-color: #c959b5; }
.accordion.yellow h3 {
  background-color: #fcc754; }
  .accordion.yellow h3.ui-accordion-header-active {
    background-color: #faba0d; }
.accordion.teal h3 {
  background-color: #4098a1; }
  .accordion.teal h3.ui-accordion-header-active {
    background-color: #007582; }
.accordion.orange h3 {
  background-color: #fccb67; }
  .accordion.orange h3.ui-accordion-header-active {
    background-color: #f39638; }
.accordion.purple h3 {
  background-color: #705697; }
  .accordion.purple h3.ui-accordion-header-active {
    background-color: #4d2b7d; }
.accordion.blue h3 {
  background-color: #36C3F2; }
  .accordion.blue h3.ui-accordion-header-active {
    background-color: #36C3F2; }
.accordion.green h3 {
  background-color: #73c4c7; }
  .accordion.green h3.ui-accordion-header-active {
    background-color: #4098a1; }
.accordion.red h3 {
  background-color: #e46676; }
  .accordion.red h3.ui-accordion-header-active {
    background-color: #de4054; }
.accordion.txt-white h3 {
  color: #FFFFFF; }

.unit1 .banner:before {
  background-color: #4F4CA0; }

.unit2 .banner:before {
  background-color: #36C3F2; }

.unit3 .banner:before {
  background-color: #3EBDAC; }

.home .banner {
  padding: 14rem 0; }

.banner {
  padding: 6rem 0;
  background-image: url(../img/banner-image.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative; }
  .banner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .15;
    z-index: 1; }
  .banner h1, .banner h2, .banner h4, .banner h5, .banner h6, .banner div {
    color: #FFFFFF;
    z-index: 2;
    position: relative; }
  .banner h1 {
    font-size: 2.5rem;
    font-weight: 600;
    color: #FFFFFF !important;
    margin: 0.5em 1em;
    padding: 0em; }
.banner h1 span { background: rgba(0, 0, 0, .3); }
.banner h1 span em { font-size: 1rem; }
  .banner h4 {
    margin: 1em 0; }
  .banner h5 {
    letter-spacing: .75rem;
    font-weight: 900; }
  .banner h6 {
    font-size: 1.5rem;
    font-weight: 400; }
  @media (max-width: 480px) {
    .banner {
      padding: 5rem 1rem; }
      .banner h1 {
        font-size: 2rem; }
      .banner h4 {
        margin: 1em 0; }
      .banner h5 {
        font-size: 1.25rem; }
      .banner h6 {
        font-size: 1.25rem; } }

.home-hero-banner {
  padding: 6rem 0;
  background-image: url(../img/home-hero.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative; }

.home-hero-banner h4 {
    margin: 0 0 0rem;
}

.home a:hover img {opacity: 50%;}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-container:after {
    display: block;
    content: "";
    padding-top: 56.25%; }

.flip-card {
  background-color: transparent;
  width: 100%;
  perspective: 1000px;
  margin-bottom: 1.5rem; }
  .flip-card .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }
    .flip-card .flip-card-inner .flip-card-front, .flip-card .flip-card-inner .flip-card-back {
      position: absolute;
      padding: 1rem;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .flip-card .flip-card-inner .flip-card-front {
      background-color: #F5F5F5;
      color: black; }
      @media (max-width: 480px) {
        .flip-card .flip-card-inner .flip-card-front img {
          width: 200px; } }
    .flip-card .flip-card-inner .flip-card-back {
      color: white;
      text-align: left;
      transform: rotateY(180deg);
      overflow-y: auto;
      overflow-x: hidden;
      scrollbar-width: thin;
      scrollbar-color: #ffffffa8 #fff0; }
      .flip-card .flip-card-inner .flip-card-back::-webkit-scrollbar {
        width: 7px;
        height: 7px; }
      .flip-card .flip-card-inner .flip-card-back::-webkit-scrollbar-thumb {
        background-color: #ffffffa8;
        border-radius: 10px; }
      .flip-card .flip-card-inner .flip-card-back::-webkit-scrollbar-thumb:hover {
        background-color: #ffffffa8; }
      .flip-card .flip-card-inner .flip-card-back::-webkit-scrollbar-track {
        background-color: #ffffff00;
        border-radius: 7px; }
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg); }
  @media (max-width: 480px) {
    .flip-card {
      height: 345px !important; } }

.flip-cards.flip-bg-purple .flip-card-back {
  background-color: #4f4c9e; }
.flip-cards.flip-bg-pink .flip-card-back {
  background-color: #c959b5; }
.flip-cards.flip-bg-yellow .flip-card-back {
  background-color: #faba0d; }
.flip-cards.flip-bg-orange .flip-card-back {
  background-color: #f39638; }
.flip-cards.flip-bg-teal .flip-card-back {
  background-color: #007582; }
.flip-cards.flip-bg-blue .flip-card-back {
  background-color: #0847bf; }
.flip-cards.flip-bg-green .flip-card-back {
  background-color: #73c4c7; }
.flip-cards.h500px .flip-card {
  height: 500px; }
.flip-cards.h450px .flip-card {
  height: 450px; }
.flip-cards.h400px .flip-card {
  height: 400px; }
  @media (max-width: 768px) {
    .flip-cards.h400px .flip-card {
      height: 470px; } }
  @media (max-width: 480px) {
    .flip-cards.h400px .flip-card {
      height: 345px; } }
.flip-cards.h330px .flip-card {
  height: 330px; }
.flip-cards.h300px .flip-card {
  height: 300px; }
.flip-cards.flip-icon .flip-card-front:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: #d47ac4;
  background-image: url(../img/icons/flip-arrow.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%); }

.learning-objectives {
padding: 3rem 2rem;
border-radius: 10px;
background-position: right bottom; }

.learning-objectives h2 {
color: #FFFFFF !important;
position: relative;
padding-left: 3rem;
font-size: 1.75rem;
margin-top: 0rem; }

.learning-objectives h2:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 35px;
height: 28px;
display: block;
background-repeat: no-repeat; }

.unit1 .learning-objectives h2:before { background: url(../img/team-talk-icon.svg); }
.unit2 .learning-objectives h2:before { background: url(../img/option-talk-icon.svg); }
.unit3 .learning-objectives h2:before { background: url(../img/decision-talk-icon.svg); }

.learning-objectives * {
color: #FFFFFF !important; }

.quotes {
  padding: 2rem;
  border-radius: 10px;
  background-position: right bottom; }
  .quotes h2 {
    color: #FFFFFF !important;
    position: relative;
    padding-left: 3rem;
    font-size: 1.75rem;
    margin-top: 0rem; }
    .quotes h2:before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      background: url(../img/icons/grad-hat.svg);
      width: 35px;
      height: 30px;
      display: block;
      background-repeat: no-repeat; }
  .quotes p {
    font-size: 1.55rem; }

ul.tick-white {
  list-style: none;
  margin: 0 0 9px 35px; }
  ul.tick-white li {
    position: relative;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    font-weight: 300;
    font-size: 1.15rem; }
    ul.tick-white li:before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: -2rem;
      background: url(../img/icons/tick-white.svg);
      width: 25px;
      height: 25px;
      display: block;
      background-repeat: no-repeat; }

img {
  width: 100%; }

form input[type="text"], form input[type="password"] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem 1rem 1rem 4rem;
  min-height: 50px;
  margin-bottom: 1rem;
  border-radius: 25px; }
form input[type="password"] {
  margin-bottom: 1.5rem; }
form input[type="submit"] {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  min-height: 50px;
  border: 0px;
  border-radius: 25px;
  color: #FFFFFF; }
form #error-msg {
  position: absolute;
  top: -.5rem;
  left: 1rem;
  color: #FFFFFF; }
form.incorrect input[type="text"], form.incorrect input[type="password"] {
  border: 3px solid red; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #F5F5F5;
  margin: 3rem 0;
  padding: 0; }

form .form-group {
  width: 100%; }

form .form-group .radio-inline {
  float: left;
  width: 14.2857142857%; }

form textarea {
  width: 100%;
  height: 100px; }

.units.unit1 .learning-objectives {
  background-image: url(../img/unit-bg/unit1.jpg); }
.units.unit1 .quotes {
  background-image: url(../img/quotes-bg/unit1.jpg); }
.units.unit1 #nursing-menu li ul a:before, .units.unit1 .m-expand {
  background-color: #4F4CA0; }
.units.unit1 .flip-card .flip-card-inner .flip-card-back {
  background-color: #4d2b7d !important; }
.units.unit1 h1 {
  color: #4d2b7d; }
.units.unit1 h2 {
  color: #ffffff; }
.units.unit1 .unit1 > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.unit1 .unit1 ul {
    display: block !important; } }
.units.unit1 .unit1-circle .unit-stop:after {
  display: block !important; }
.units.unit1 .text-section {
  color: #4d2b7d; }
.units.unit1 .text-section-alt {
  color: #705697; }
.units.unit1 .bg-section-alt {
  background-color: #705697; }
.units.unit1 .bg-section {
  background-color: #4d2b7d; }
.units.unit1 .border-section {
  border-color: #4d2b7d; }
.units.unit1 .border-section-alt {
  border-color: #705697; }

.units.unit2 .learning-objectives {
  background-image: url(../img/unit-bg/unit2.jpg); }
.units.unit2 .quotes {
  background-image: url(../img/quotes-bg/unit2.jpg); }
.units.unit2 #nursing-menu li ul a:before, .units.unit2 .m-expand {
  background-color: #36C3F2; }
.units.unit2 .flip-card .flip-card-inner .flip-card-back {
  background-color: #c959b5 !important; }
.units.unit2 h1 {
  color: #36C3F2; }
.units.unit2 h2 {
  color: #36C3F2; }
.units.unit2 .unit2 > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.unit2 .unit2 ul {
    display: block !important; } }
.units.unit2 .unit2-circle .unit-stop:after {
  display: block !important; }
.units.unit2 .text-section {
  color: #c959b5; }
.units.unit2 .text-section-alt {
  color: #d47ac4; }
.units.unit2 .bg-section-alt {
  background-color: #d47ac4; }
.units.unit2 .bg-section {
  background-color: #c959b5; }
.units.unit2 .border-section {
  border-color: #c959b5; }
.units.unit2 .border-section-alt {
  border-color: #d47ac4; }

.units.unit3 .learning-objectives {
  background-image: url(../img/unit-bg/unit3.jpg); }
.units.unit3 .quotes {
  background-image: url(../img/quotes-bg/unit3.jpg); }
.units.unit3 #nursing-menu li ul a:before, .units.unit3 .m-expand {
  background-color: #3EBDAC; }
.units.unit3 .flip-card .flip-card-inner .flip-card-back {
  background-color: #de4054 !important; }
.units.unit3 h1 {
  color: #3EBDAC; }
.units.unit3 h2 {
  color: #3EBDAC; }
.units.unit3 .unit3 > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.unit3 .unit3 ul {
    display: block !important; } }
.units.unit3 .unit3-circle .unit-stop:after {
  display: block !important; }
.units.unit3 .text-section {
  color: #de4054; }
.units.unit3 .text-section-alt {
  color: #e46676; }
.units.unit3 .bg-section-alt {
  background-color: #e46676; }
.units.unit3 .bg-section {
  background-color: #de4054; }
.units.unit3 .border-section {
  border-color: #de4054; }
.units.unit3 .border-section-alt {
  border-color: #e46676; }

.units.unit4 .learning-objectives {
  background-image: url(../img/unit-bg/unit4.jpg); }
.units.unit4 .quotes {
  background-image: url(../img/quotes-bg/unit4.jpg); }
.units.unit4 #nursing-menu li ul a:before, .units.unit4 .m-expand {
  background-color: #d47ac4; }
.units.unit4 .flip-card .flip-card-inner .flip-card-back {
  background-color: #c959b5 !important; }
.units.unit4 h1 {
  color: #c959b5; }
.units.unit4 h2 {
  color: #c959b5; }
.units.unit4 .unit4 > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.unit4 .unit4 ul {
    display: block !important; } }
.units.unit4 .unit4-circle .unit-stop:after {
  display: block !important; }
.units.unit4 .text-section {
  color: #c959b5; }
.units.unit4 .text-section-alt {
  color: #d47ac4; }
.units.unit4 .bg-section-alt {
  background-color: #d47ac4; }
.units.unit4 .bg-section {
  background-color: #c959b5; }
.units.unit4 .border-section {
  border-color: #c959b5; }
.units.unit4 .border-section-alt {
  border-color: #d47ac4; }

.units.unit5 .learning-objectives {
  background-image: url(../img/unit-bg/unit5.jpg); }
.units.unit5 .quotes {
  background-image: url(../img/quotes-bg/unit5.jpg); }
.units.unit5 #nursing-menu li ul a:before, .units.unit5 .m-expand {
  background-color: #705697; }
.units.unit5 .flip-card .flip-card-inner .flip-card-back {
  background-color: #4d2b7d !important; }
.units.unit5 h1 {
  color: #4d2b7d; }
.units.unit5 h2 {
  color: #4d2b7d; }
.units.unit5 .unit5 > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.unit5 .unit5 ul {
    display: block !important; } }
.units.unit5 .unit5-circle .unit-stop:after {
  display: block !important; }
.units.unit5 .text-section {
  color: #4d2b7d; }
.units.unit5 .text-section-alt {
  color: #705697; }
.units.unit5 .bg-section-alt {
  background-color: #705697; }
.units.unit5 .bg-section {
  background-color: #4d2b7d; }
.units.unit5 .border-section {
  border-color: #4d2b7d; }
.units.unit5 .border-section-alt {
  border-color: #705697; }

.units.unit6 .learning-objectives {
  background-image: url(../img/unit-bg/unit6.jpg); }
.units.unit6 .quotes {
  background-image: url(../img/quotes-bg/unit6.jpg); }
.units.unit6 #nursing-menu li ul a:before, .units.unit6 .m-expand {
  background-color: #705697; }
.units.unit6 .flip-card .flip-card-inner .flip-card-back {
  background-color: #4d2b7d !important; }
.units.unit6 h1 {
  color: #4d2b7d; }
.units.unit6 h2 {
  color: #4d2b7d; }
.units.unit6 .unit6 > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.unit6 .unit6 ul {
    display: block !important; } }
.units.unit6 .unit6-circle .unit-stop:after {
  display: block !important; }
.units.unit6 .text-section {
  color: #4d2b7d; }
.units.unit6 .text-section-alt {
  color: #705697; }
.units.unit6 .bg-section-alt {
  background-color: #705697; }
.units.unit6 .bg-section {
  background-color: #4d2b7d; }
.units.unit6 .border-section {
  border-color: #4d2b7d; }
.units.unit6 .border-section-alt {
  border-color: #705697; }

.units.unit7 .learning-objectives {
  background-image: url(../img/unit-bg/unit7.jpg); }
.units.unit7 .quotes {
  background-image: url(../img/quotes-bg/unit7.jpg); }
.units.unit7 #nursing-menu li ul a:before, .units.unit7 .m-expand {
  background-color: #705697; }
.units.unit7 .flip-card .flip-card-inner .flip-card-back {
  background-color: #4d2b7d !important; }
.units.unit7 h1 {
  color: #4d2b7d; }
.units.unit7 h2 {
  color: #4d2b7d; }
.units.unit7 .unit7 > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.unit7 .unit7 ul {
    display: block !important; } }
.units.unit7 .unit7-circle .unit-stop:after {
  display: block !important; }
.units.unit7 .text-section {
  color: #4d2b7d; }
.units.unit7 .text-section-alt {
  color: #705697; }
.units.unit7 .bg-section-alt {
  background-color: #705697; }
.units.unit7 .bg-section {
  background-color: #4d2b7d; }
.units.unit7 .border-section {
  border-color: #4d2b7d; }
.units.unit7 .border-section-alt {
  border-color: #705697; }

.units.feedback .learning-objectives {
  background-image: url(../img/unit-bg/feedback.jpg); }
.units.feedback .quotes {
  background-image: url(../img/quotes-bg/feedback.jpg); }
.units.feedback #nursing-menu li ul a:before, .units.feedback .m-expand {
  background-color: #396ccc; }
.units.feedback .flip-card .flip-card-inner .flip-card-back {
  background-color: #0847bf !important; }
.units.feedback h1 {
  color: #ffffff; }
.units.feedback h2 {
  color: #ffffff; }
.units.feedback .feedback > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.feedback .feedback ul {
    display: block !important; } }
.units.feedback .feedback-circle .unit-stop:after {
  display: block !important; }
.units.feedback .text-section {
  color: #0847bf; }
.units.feedback .text-section-alt {
  color: #396ccc; }
.units.feedback .bg-section-alt {
  background-color: #396ccc; }
.units.feedback .bg-section {
  background-color: #0847bf; }
.units.feedback .border-section {
  border-color: #0847bf; }
.units.feedback .border-section-alt {
  border-color: #396ccc; }

.units.resources .learning-objectives {
  background-image: url(../img/unit-bg/resources.jpg); }
.units.resources .quotes {
  background-image: url(../img/quotes-bg/resources.jpg); }
.units.resources #nursing-menu li ul a:before, .units.resources .m-expand {
  background-color: #464646; }
.units.resources .flip-card .flip-card-inner .flip-card-back {
  background-color: #0847bf !important; }
.units.resources h1 {
  color: #ffffff; }
.units.resources h2 {
  color: #ffffff; }
.units.resources .resources > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.resources .resources ul {
    display: block !important; } }
.units.resources .resources-circle .unit-stop:after {
  display: block !important; }
.units.resources .text-section {
  color: #0847bf; }
.units.resources .text-section-alt {
  color: #396ccc; }
.units.resources .bg-section-alt {
  background-color: #396ccc; }
.units.resources .bg-section {
  background-color: #0847bf; }
.units.resources .border-section {
  border-color: #0847bf; }
.units.resources .border-section-alt {
  border-color: #396ccc; }

.units.about .learning-objectives {
  background-image: url(../img/unit-bg/about.jpg); }
.units.about .quotes {
  background-image: url(../img/quotes-bg/about.jpg); }
.units.about #nursing-menu li ul a:before, .units.about .m-expand {
  background-color: #396ccc; }
.units.about .flip-card .flip-card-inner .flip-card-back {
  background-color: #0847bf !important; }
.units.about h1 {
  color: #ffffff; }
.units.about h2 {
  color: #ffffff; }
.units.about .about > a::before {
  content: "\f054" !important; }
@media (min-width: 768px) {
  .units.about .about ul {
    display: block !important; } }
.units.about .about-circle .unit-stop:after {
  display: block !important; }
.units.about .text-section {
  color: #0847bf; }
.units.about .text-section-alt {
  color: #396ccc; }
.units.about .bg-section-alt {
  background-color: #396ccc; }
.units.about .bg-section {
  background-color: #0847bf; }
.units.about .border-section {
  border-color: #0847bf; }
.units.about .border-section-alt {
  border-color: #396ccc; }

.unit-timeline.unit1 .unit1-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.unit2 .unit1-circle .unit-stop:after, .unit-timeline.unit2 .unit2-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.unit3 .unit1-circle .unit-stop:after, .unit-timeline.unit3 .unit2-circle .unit-stop:after, .unit-timeline.unit3 .unit3-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.unit4 .unit1-circle .unit-stop:after, .unit-timeline.unit4 .unit2-circle .unit-stop:after, .unit-timeline.unit4 .unit3-circle .unit-stop:after, .unit-timeline.unit4 .unit4-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.unit5 .unit1-circle .unit-stop:after, .unit-timeline.unit5 .unit2-circle .unit-stop:after, .unit-timeline.unit5 .unit3-circle .unit-stop:after, .unit-timeline.unit5 .unit4-circle .unit-stop:after, .unit-timeline.unit5 .unit5-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.unit6 .unit1-circle .unit-stop:after, .unit-timeline.unit6 .unit2-circle .unit-stop:after, .unit-timeline.unit6 .unit3-circle .unit-stop:after, .unit-timeline.unit6 .unit4-circle .unit-stop:after, .unit-timeline.unit6 .unit5-circle .unit-stop:after, .unit-timeline.unit6 .unit6-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.unit7 .unit1-circle .unit-stop:after, .unit-timeline.unit7 .unit2-circle .unit-stop:after, .unit-timeline.unit7 .unit3-circle .unit-stop:after, .unit-timeline.unit7 .unit4-circle .unit-stop:after, .unit-timeline.unit7 .unit5-circle .unit-stop:after, .unit-timeline.unit7 .unit6-circle .unit-stop:after, .unit-timeline.unit7 .unit7-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.feedback .unit1-circle .unit-stop:after, .unit-timeline.feedback .unit2-circle .unit-stop:after, .unit-timeline.feedback .unit3-circle .unit-stop:after, .unit-timeline.feedback .unit4-circle .unit-stop:after, .unit-timeline.feedback .unit5-circle .unit-stop:after, .unit-timeline.feedback .unit6-circle .unit-stop:after, .unit-timeline.feedback .unit7-circle .unit-stop:after, .unit-timeline.feedback .feedback-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.resources .unit1-circle .unit-stop:after, .unit-timeline.resources .unit2-circle .unit-stop:after, .unit-timeline.resources .unit3-circle .unit-stop:after, .unit-timeline.resources .unit4-circle .unit-stop:after, .unit-timeline.resources .unit5-circle .unit-stop:after, .unit-timeline.resources .unit6-circle .unit-stop:after, .unit-timeline.resources .unit7-circle .unit-stop:after, .unit-timeline.resources .feedback-circle .unit-stop:after, .unit-timeline.resources .resources-circle .unit-stop:after {
  display: block !important; }
.unit-timeline.about .unit1-circle .unit-stop:after, .unit-timeline.about .unit2-circle .unit-stop:after, .unit-timeline.about .unit3-circle .unit-stop:after, .unit-timeline.about .unit4-circle .unit-stop:after, .unit-timeline.about .unit5-circle .unit-stop:after, .unit-timeline.about .unit6-circle .unit-stop:after, .unit-timeline.about .unit7-circle .unit-stop:after, .unit-timeline.about .feedback-circle .unit-stop:after, .unit-timeline.about .resources-circle .unit-stop:after, .unit-timeline.about .about-circle .unit-stop:after {
  display: block !important; }

.box-border {
  border: 3px solid;
  border-radius: 15px;
  padding: 15px 10px;
  margin-bottom: 1rem; }
  .box-border ul {
    margin-bottom: 0rem; }
  .box-border ul li {
    margin-bottom: 0rem; }
  .box-border ul li.home-box {
    margin-bottom: 1rem; }
  .about .box-border p {
    margin-bottom: 0rem; }

span.large {
  font-size: 2.5rem; }

@media (max-width: 480px) {
  a.btn.prev,
  a.btn.next {
    padding: 0.5rem 2rem; } }

@media (max-width: 480px) {
  .phone-none {
    display: none !important; } }

@media (min-width: 1100px) {
  span.menu-display {
    display: none !important; } }

@media (max-width: 480px) {
  .mobile-text {
    text-align: center !important; } }

@media (max-width: 768px) {
span.hero-banner-bg {
	background: rgba(245, 245, 245, .8);
}
}

ul.un-styled {
  font-size: 1.15rem;
  font-weight: 400; }

ul.un-styled li {
  line-height: 1.2;
  margin: 0 0 1rem; }

/* --- Backgrounds --- */
.bg-white {
  background-color: #ffffff; }

.bg-grey-light {
  background-color: #F5F5F5; }

.bg-grey-light-alt {
  background-color: #D9D9D9; }

.bg-pink {
  background-color: #c959b5; }

.bg-pink-alt {
  background-color: #d47ac4; }

.bg-yellow {
  background-color: #faba0d; }

.bg-yellow-alt {
  background-color: #fcc754; }

.bg-teal {
  background-color: #007582; }

.bg-teal-alt {
  background-color: #80bac1; }

.bg-orange {
  background-color: #f39638; }

.bg-orange-alt {
  background-color: #fccb67; }

.bg-purple {
  background-color: #4F4CA0; }

.bg-purple-alt {
  background-color: #705697; }

.bg-blue {
  background-color: #36C3F2; }

.bg-blue-alt {
  background-color: #396ccc; }

.bg-red {
  background-color: #de4054; }

.bg-red-alt {
  background-color: #e46676; }

.bg-green {
  background-color: #3EBDAC; }

.bg-green-alt {
  background-color: #b9e2e3; }

.bg-green-dark {
  background-color: #4098a1; }

.bg-coloured {
  background-image: url(../img/coloured-bg.jpg);
  background-size: cover; }

/*  Hover  */
.hover-bg-grey-light:hover {
  background-color: #F5F5F5; }

.hover-bg-grey-light-alt:hover {
  background-color: #D9D9D9; }

.hover-bg-pink:hover {
  background-color: #c959b5; }

.hover-bg-pink-alt:hover {
  background-color: #d47ac4; }

.hover-bg-yellow:hover {
  background-color: #faba0d; }

.hover-bg-yellow-alt:hover {
  background-color: #fcc754; }

.hover-bg-teal:hover {
  background-color: #007582; }

.hover-bg-teal-alt:hover {
  background-color: #80bac1; }

.hover-bg-orange:hover {
  background-color: #f39638; }

.hover-bg-orange-alt:hover {
  background-color: #fccb67; }

.hover-bg-purple:hover {
  background-color: #4d2b7d; }

.hover-bg-purple-alt:hover {
  background-color: #705697; }

.hover-bg-blue:hover {
  background-color: #0847bf; }

.hover-bg-blue-alt:hover {
  background-color: #396ccc; }

.hover-bg-red:hover {
  background-color: #de4054; }

.hover-bg-red-alt:hover {
  background-color: #e46676; }

.hover-bg-green:hover {
  background-color: #73c4c7; }

.hover-bg-green-alt:hover {
  background-color: #b9e2e3; }

.hover-bg-green-dark:hover {
  background-color: #4098a1; }

/* --- Text Colour --- */
.text-white {
  color: #FFFFFF !important; }

.text-dark {
  color: #000000 !important; }

.text-pink {
  color: #c959b5; }

.text-pink {
  color: #c959b5; }

.text-pink-alt {
  color: #d47ac4; }

.text-yellow {
  color: #faba0d; }

.text-yellow-alt {
  color: #fcc754; }

.text-teal {
  color: #007582; }

.text-teal-alt {
  color: #80bac1; }

.text-orange {
  color: #f39638; }

.text-orange-alt {
  color: #fccb67; }

.text-purple {
  color: #4f4c9e; }

.text-purple-alt {
  color: #705697; }

.text-blue {
  color: #36C3F2; }

.text-blue-alt {
  color: #396ccc; }

.text-red {
  color: #de4054; }

.text-red-alt {
  color: #e46676; }

.text-green {
  color: #3EBDAC; }

.text-green-alt {
  color: #b9e2e3; }

.text-green-dark {
  color: #4098a1; }

/* --- Border Colour --- */
.border-white {
  border-color: #FFFFFF; }

.border-pink {
  border-color: #c959b5; }

.border-pink {
  border-color: #c959b5; }

.border-pink-alt {
  border-color: #d47ac4; }

.border-yellow {
  border-color: #faba0d; }

.border-yellow-alt {
  border-color: #fcc754; }

.border-teal {
  border-color: #007582; }

.border-teal-alt {
  border-color: #80bac1; }

.border-orange {
  border-color: #f39638; }

.border-orange-alt {
  border-color: #fccb67; }

.border-purple {
  border-color: #4d2b7d; }

.border-purple-alt {
  border-color: #705697; }

.border-blue {
  border-color: #36C3F2; }

.border-blue-alt {
  border-color: #396ccc; }

.border-red {
  border-color: #de4054; }

.border-red-alt {
  border-color: #e46676; }

.border-green {
  border-color: #3EBDAC; }

.border-green-alt {
  border-color: #b9e2e3; }

/* --- Allign --- */
.center {
  margin-left: auto;
  margin-right: auto;
  justify-content: center; }

.left {
  float: left; }

.right {
  margin-left: auto;
  margin-right: auto; }

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

/* --- Spacing --- */
/*  Padding  */
.p-h-l {
  padding-left: 4rem;
  padding-right: 4rem;
  box-sizing: border-box; }

.p-v-l {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important; }

.p-b-l {
  padding-bottom: 4rem; }

.p-t-l {
  padding-top: 4rem; }

.p-t-m {
  padding-top: 3rem; }

.p-b-m {
  padding-bottom: 3rem; }

.p-l-m {
  padding-left: 3rem;
  box-sizing: border-box; }

.p-r-m {
  padding-right: 3rem;
  box-sizing: border-box; }

.p-v-s {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important; }

.p-t-s {
  padding-top: 2rem; }

.p-b-s {
  padding-bottom: 2rem; }

.p-l-xs {
  padding-left: 1rem;
  box-sizing: border-box; }

.p-b-xs {
  padding-bottom: 1rem; }

.p-t-xs {
  padding-top: 1rem; }

.p-r-xs {
  padding-right: 1rem; }

.p-xs {
  padding: 1rem; }

.p-xs h2 {
  margin-top: 1.25rem; }

/*  Margin  */
.m-a-n {
  margin: 0px; }

.m-t-l {
  margin-top: 4rem; }

.m-b-l {
  margin-bottom: 4rem; }

.m-l-l {
  margin-left: 4rem; }

.m-r-l {
  margin-right: 4rem; }

.m-t-m {
  margin-top: 3rem; }

.m-b-m {
  margin-bottom: 3rem; }

.m-l-m {
  margin-left: 3rem; }

.m-r-m {
  margin-right: 3rem; }

.m-t-s {
  margin-top: 2rem; }

.m-r-s {
  margin-right: 2rem; }

.m-b-s {
  margin-bottom: 2rem; }

.m-v-s {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

@media (max-width: 768px) {
  .m-b-s-m {
    margin-bottom: 2rem !important; }

  .m-b-xs-m {
    margin-bottom: 1rem !important; } }
.m-r-xs {
  margin-right: 1rem; }

.m-b-xs {
  margin-bottom: 1rem; }

/* --- Layout --- */
.inline-block {
  display: inline-block; }

.display-block {
  display: block;
  width: 100%; }

@media (max-width: 768px) {
  .block-mobile {
    display: block; } }

@media (max-width: 768px) {
  .reverse-m {
    display: flex;
    flex-wrap: wrap-reverse; } }

@media (max-width: 768px) {
  .home .banner .container {
    width: 100%; } }

.m-open .bg-red, .m-open .bg-green, .m-open .bg-purple, .m-open .bg-blue {
  background-color: transparent !important; }

.m-open a.btn:hover {
  text-decoration: underline; }

.m-open a.btn {
  padding: 0 !important; }

h1.intro {
  font-size: 2rem; }

/* Tooltip container */
.tooltip {
  position: relative !important;
  display: inline-block;
  font-size: 75%;
  cursor: help;
  padding: 0px;
  opacity: 1; }

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 350px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  opacity: 1;
  font-size: 12px;
  position: absolute;
  z-index: 1;
  font-weight: 600; }

.tooltip:hover .tooltiptext {
  visibility: visible; }

.tooltip .tooltiptext.ttleft {
  top: -15px;
  right: 105%; }

.tooltip .tooltiptext.ttright {
  top: -5px;
  left: 105%; }

.tooltip .tooltiptext.tttop {
  width: 375px;
  bottom: 100%;
  left: 50%;
  margin-left: -125px; }

.tooltip .tooltiptext.ttbottom {
  width: 250px;
  top: 100%;
  left: 50%;
  margin-left: -125px; }

.home .quotes {
  background-image: url(../img/quotes-bg/home.jpg);
  padding: 2rem;
  border-radius: 10px;
  background-position: right bottom; }

.home .quotes p {
  font-size: 1.55rem; }

.talk-talk img {width: auto;}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden,
[hidden] {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */ }

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]::after {
    content: " (" attr(href) ")"; }

  abbr[title]::after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: ""; }

  pre {
    white-space: pre-wrap !important; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }

a.map-area rect {
    background:#fff;
    display:block;
    opacity:0;
}

a.map-area:hover rect {
    opacity:0.2;
}