.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

/**
 * Guest Portal Styles
 */
.section-user, .section-users {
  background-color: #fff; }
  .section-user header, .section-users header {
    background-color: #fff;
    color: #000; }
    .section-user header #header-region, .section-users header #header-region {
      border-bottom-color: #e1e5e9; }
      .section-user header #header-region .logo .logo.logo-general .img, .section-users header #header-region .logo .logo.logo-general .img {
        background-image: url(../img/logos/logo.png) !important; }
  .section-user .header-bottom-holder, .section-users .header-bottom-holder {
    display: none; }
  .section-user div.tabs, .section-users div.tabs {
    border-bottom: 1px solid #959595;
    display: block;
    font-size: 0; }
  .section-user ul.tabs, .section-users ul.tabs {
    box-sizing: border-box;
    display: block;
    margin: 0 auto 0;
    max-width: 660px;
    padding: 0 20px;
    width: 100%;
    border: none; }
    .section-user ul.tabs li, .section-users ul.tabs li {
      border: 1px solid #d7d7d7;
      border-bottom: none !important;
      border-left: none !important;
      box-sizing: border-box;
      display: inline-block;
      float: none;
      padding: 0;
      text-align: center;
      vertical-align: bottom;
      width: 50%;
      margin: 0; }
      .section-user ul.tabs li:first-child, .section-users ul.tabs li:first-child {
        border-left: 1px solid #d7d7d7 !important; }
      .section-user ul.tabs li:nth-child(2) a, .section-users ul.tabs li:nth-child(2) a {
        line-height: 17px; }
      .section-user ul.tabs li.active, .section-users ul.tabs li.active {
        background: none;
        border: 1px solid #d7d7d7;
        border-bottom: none;
        position: relative; }
        .section-user ul.tabs li.active:after, .section-users ul.tabs li.active:after {
          content: "line";
          height: 1px;
          display: block;
          text-align: left;
          text-indent: -9999px;
          position: absolute;
          left: 1px;
          right: 1px;
          bottom: -1px;
          background: #fff; }
        .section-user ul.tabs li.active a, .section-users ul.tabs li.active a {
          margin: 0;
          border: 1px solid #959595;
          border-bottom: none;
          position: relative;
          z-index: 10;
          margin: -1px -1px 0; }
          .section-user ul.tabs li.active a:hover, .section-users ul.tabs li.active a:hover {
            background-image: none; }
            .section-user ul.tabs li.active a:hover .tab, .section-users ul.tabs li.active a:hover .tab {
              background-image: none; }
    .section-user ul.tabs a, .section-users ul.tabs a {
      background-image: none;
      background-color: transparent;
      border: 0;
      box-sizing: border-box;
      color: #767d84;
      display: inline-block;
      height: auto;
      padding: 15px 0;
      width: 100%;
      line-height: 34px; }
      @media only screen and (min-width: 960px) {
        .section-user ul.tabs a, .section-users ul.tabs a {
          padding: 15px 0;
          width: 100%; } }
      .section-user ul.tabs a:hover, .section-users ul.tabs a:hover {
        background-color: inherit;
        background-image: none;
        border-color: inherit;
        border-bottom-color: inherit; }
    .section-user ul.tabs .tab, .section-users ul.tabs .tab {
      background-image: none;
      display: inline-block;
      font-family: "Agenda Regular", Arial, Helvetica, sans-serif;
      height: auto;
      padding: 0;
      white-space: normal;
      max-width: 100px; }
  .section-user .form-item, .section-users .form-item {
    margin-bottom: 15px; }
    @media only screen and (min-width: 960px) {
      .section-user .form-item, .section-users .form-item {
        margin-bottom: 40px; } }
    .section-user .form-item label, .section-users .form-item label {
      font-size: 14px;
      display: inline-block;
      margin-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        .section-user .form-item label, .section-users .form-item label {
          font-size: 16px; } }
  .section-user #content form, .section-users #content form {
    padding: 30px 20px; }
    @media screen and (min-width: 768px) {
      .section-user #content form, .section-users #content form {
        padding: 50px 20px; } }
    @media screen and (min-width: 980px) {
      .section-user #content form, .section-users #content form {
        padding: 70px 20px; } }
  .section-user #main, .section-users #main {
    margin-top: 20px; }
    @media screen and (min-width: 960px) {
      .section-user #main, .section-users #main {
        margin-top: 70px; } }
    .section-user #main .title-container h1, .section-users #main .title-container h1 {
      margin-bottom: 0;
      font-size: 35px;
      color: #fff; }
    @media only screen and (min-width: 960px) {
      .section-user #main .main-content, .section-users #main .main-content {
        padding-top: 55px; } }
    .section-user #main .main-content h3, .section-user #main .main-content dt, .section-user #main .main-content dd, .section-users #main .main-content h3, .section-users #main .main-content dt, .section-users #main .main-content dd {
      color: #767d84; }
    .section-user #main .main-content #content-area p, .section-users #main .main-content #content-area p {
      text-align: center; }
    .section-user #main .main-content .form-actions, .section-users #main .main-content .form-actions {
      margin: 0; }
    .section-user #main .main-content form, .section-users #main .main-content form {
      background-color: #f7f8f9;
      margin: auto;
      max-width: 620px;
      padding: 25px 30px; }
      @media only screen and (min-width: 960px) {
        .section-user #main .main-content form, .section-users #main .main-content form {
          padding: 45px 40px; } }
      .section-user #main .main-content form .form-item-debug-on, .section-users #main .main-content form .form-item-debug-on {
        margin-bottom: 20px; }
      .section-user #main .main-content form #edit-submit, .section-users #main .main-content form #edit-submit {
        display: inline-block;
        margin: 0 auto;
        max-width: 295px;
        width: 100%; }
        @media only screen and (min-width: 960px) {
          .section-user #main .main-content form #edit-submit, .section-users #main .main-content form #edit-submit {
            padding: 17px 20px; } }
  .section-user .keep_informed, .section-users .keep_informed {
    display: none; }
  .section-user #footer, .section-users #footer {
    background-color: #f1f3f5; }
    .section-user #footer a, .section-users #footer a {
      color: #767d84; }
    .section-user #footer .social-links ul li a, .section-users #footer .social-links ul li a {
      background-color: #a7acb1;
      color: #f1f3f5; }
    .section-user #footer .languages, .section-users #footer .languages {
      border-top: 1px solid #d1d3d5; }
      .section-user #footer .languages p a, .section-users #footer .languages p a {
        border-bottom: 1px solid #d2d5d9; }
  .section-user #below_footer, .section-users #below_footer {
    background-color: #767d84; }
    .section-user #below_footer ul li,
    .section-user #below_footer ul li a, .section-users #below_footer ul li,
    .section-users #below_footer ul li a {
      color: #c0c3c7; }

.page-user.logged-in ul.tabs .tab {
  line-height: 2; }

.page-user.logged-in ul.tabs li:nth-child(2) a span {
  line-height: 16px; }

.ph-gc-account-personal-info .section {
  zoom: 1;
  padding: 0;
  margin: 0;
  width: 100%; }
  .ph-gc-account-personal-info .section:before, .ph-gc-account-personal-info .section:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  .ph-gc-account-personal-info .section:after {
    clear: both; }
  .ph-gc-account-personal-info .section .content {
    width: 100%;
    padding: 0;
    margin: 0; }
    .ph-gc-account-personal-info .section .content .account-photo,
    .ph-gc-account-personal-info .section .content .account-form {
      padding: 0; }
      .ph-gc-account-personal-info .section .content .account-photo .button-link,
      .ph-gc-account-personal-info .section .content .account-form .button-link {
        display: block; }
    .ph-gc-account-personal-info .section .content .address {
      height: 100%;
      border: 1px solid #ccc; }
      .ph-gc-account-personal-info .section .content .address form input, .ph-gc-account-personal-info .section .content .address form select, .ph-gc-account-personal-info .section .content .address form textarea {
        width: 100%; }

.page-user-register .password-strength,
.page-user-register div.password-confirm {
  font-size: 14px;
  margin: 0;
  width: 66%; }
  @media only screen and (min-width: 768px) {
    .page-user-register .password-strength,
    .page-user-register div.password-confirm {
      font-size: 16px;
      width: 17em; } }

.page-user-register .password-strength-title {
  font-size: 14px; }
  @media only screen and (min-width: 768px) {
    .page-user-register .password-strength-title {
      font-size: 16px; } }

.page-user-register .password-strength-text {
  font-size: 14px; }
  @media only screen and (min-width: 768px) {
    .page-user-register .password-strength-text {
      font-size: 16px; } }

.page-user-register div.password-confirm {
  text-align: right; }

.page-user-register .form-item label {
  margin-bottom: 0; }

.page-user-register .form-item .password-suggestions {
  box-sizing: border-box;
  width: 100%; }

#user-login > div,
#user-register-form > div,
#ph-guest-portal-user-pass-reset > div,
#ph-user-user-pass-reset > div,
#user-pass > div {
  margin: 0 auto;
  max-width: 540px;
  width: 100%; }

/*# sourceMappingURL=user_portal.css.map */