/* Begin Secondary navigation (Tabs) */
.secnav-tabs {
  padding: 20px 0; }
  .secnav-tabs .secnav-tabs__heading {
    margin: 0; }
  .secnav-tabs .secnav-tabs__navigation {
    display: none;
    margin: 0 !important; }
  .secnav-tabs .secnav-tabs__content-heading {
    margin: 0 0 20px; }
  .secnav-tabs .secnav-tabs__content-copy .btn {
    margin-top: 20px; }
  .secnav-tabs .secnav-tabs__content-copy p {
    line-height: 1.7em; }
  @media (max-width: 767px) {
    .secnav-tabs .secnav-tabs__content .secnav-tabs__content-container {
      padding-top: 40px; }
    .secnav-tabs .secnav-tabs__content-image {
      clear: both;
      margin: 0 0 30px;
      position: relative; }
    .secnav-tabs .secnav-tabs__content-copy {
      border-bottom: 1px solid #d0d0d0;
      padding-bottom: 60px; }
      .secnav-tabs .secnav-tabs__content-copy .secnav-tabs__content-heading {
        color: #e0301e;
        /* Loop to create colour variations */ }
        .page-primary-col--blue .secnav-tabs .secnav-tabs__content-copy .secnav-tabs__content-heading {
          color: #9fc357; }
        .page-primary-col--red .secnav-tabs .secnav-tabs__content-copy .secnav-tabs__content-heading {
          color: #e0301e; }
        .page-primary-col--burgundy .secnav-tabs .secnav-tabs__content-copy .secnav-tabs__content-heading {
          color: #a32020; }
        .page-primary-col--maroon .secnav-tabs .secnav-tabs__content-copy .secnav-tabs__content-heading {
          color: #602320; }
        .page-primary-col--rose .secnav-tabs .secnav-tabs__content-copy .secnav-tabs__content-heading {
          color: #d93954; } }
  @media (min-width: 768px) {
    .secnav-tabs {
      /* Applies show & hide behaviour for larger devices	*/
      /* Tabs are only displayed on devices larger than 768px */ }
      .secnav-tabs .secnav-tabs__content-wrapper {
        position: relative;
        transition: height 0.3s ease-out; }
        .secnav-tabs .secnav-tabs__content-wrapper .secnav-tabs__content {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          z-index: -200;
          opacity: 0; }
          .secnav-tabs .secnav-tabs__content-wrapper .secnav-tabs__content.active {
            opacity: 1;
            z-index: 2; }
          .secnav-tabs .secnav-tabs__content-wrapper .secnav-tabs__content .secnav-tabs__content-container {
            padding-top: 50px; }
            .secnav-tabs .secnav-tabs__content-wrapper .secnav-tabs__content .secnav-tabs__content-container:after {
              content: '';
              border-bottom: 2px solid #cdcdcd;
              display: block;
              margin-top: 40px; }
      .secnav-tabs .secnav-tabs__navigation {
        display: table;
        margin: 0 !important;
        padding: 0;
        width: 100%; }
        .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab {
          display: table-cell;
          text-align: center;
          width: 160px;
          border-bottom: 2px solid #cdcdcd;
          transition: border 0.3s ease-out; }
          .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab a {
            display: block; }
          .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab .secnav-tabs__tab-title {
            font-size: 1.142rem;
            display: inline-block;
            margin: 30px 0 15px;
            font-family: arial, helvetica, sans-serif;
            color: #404041;
            /* Overrides global hyperlink color */ }
          .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab:hover {
            border-bottom: 8px solid #cdcdcd;
            cursor: pointer; }
          .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active, .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active:hover {
            border-bottom: 8px solid #e0301e;
            /* Loop to create colour variations */ }
            .page-primary-col--blue .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active, .page-primary-col--blue .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active:hover {
              border-bottom: 8px solid #9fc357; }
            .page-primary-col--red .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active, .page-primary-col--red .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active:hover {
              border-bottom: 8px solid #e0301e; }
            .page-primary-col--burgundy .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active, .page-primary-col--burgundy .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active:hover {
              border-bottom: 8px solid #a32020; }
            .page-primary-col--maroon .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active, .page-primary-col--maroon .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active:hover {
              border-bottom: 8px solid #602320; }
            .page-primary-col--rose .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active, .page-primary-col--rose .secnav-tabs .secnav-tabs__navigation .secnav-tabs__tab.active:hover {
              border-bottom: 8px solid #d93954; }
      .secnav-tabs.secnav-tabs--with-icons .secnav-tabs__heading {
        padding-bottom: 15px; }
      .secnav-tabs.secnav-tabs--with-icons .secnav-tabs__navigation {
        padding-top: 20px; }
        .secnav-tabs.secnav-tabs--with-icons .secnav-tabs__navigation .secnav-tabs__tab {
          padding-top: 105px;
          position: relative; }
          .secnav-tabs.secnav-tabs--with-icons .secnav-tabs__navigation .secnav-tabs__tab .secnav-tabs__tab-title {
            padding-top: 5px; }
          .secnav-tabs.secnav-tabs--with-icons .secnav-tabs__navigation .secnav-tabs__tab .secnav-tabs__tab-icon {
            display: block;
            left: 50%;
            margin: auto;
            opacity: .5;
            position: absolute;
            top: 0;
            -webkit-transition: opacity .3s ease-out;
            -moz-transition: opacity .3s ease-out;
            -o-transition: opacity .3s ease-out;
            transition: opacity .3s ease-out;
            -ms-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
          .secnav-tabs.secnav-tabs--with-icons .secnav-tabs__navigation .secnav-tabs__tab.active .secnav-tabs__tab-icon, .secnav-tabs.secnav-tabs--with-icons .secnav-tabs__navigation .secnav-tabs__tab:hover .secnav-tabs__tab-icon {
            opacity: 1; } }

/* End Secondary navigation (Tabs) */