/**
 * Account Info
 ============================================================================ */
 .user-logged-in {
  font-family: "Inter", sans-serif;
 }
.user-logged-in .views-profile-tabs {
  display: flex;
  margin-bottom: 20px;
}

.user-logged-in .views-profile-tabs a {
  background: #D9D9D9;
  font-size: 15px;
  color: #000 !important;
  font-weight: 500;
  text-decoration: none;
  margin: 5px;
  padding: 10px 20px;
  display: inline-block;
}
.user-logged-in .views-profile-tabs a.active {
  background: #F5B335;
}
.user-logged-in .view-content .membersection {
  border-bottom: 0;
}
.user-logged-in .view-content .membersection h2 {
  width: 100%;
  border-bottom: 1px solid #000;
}
.user-logged-in.path-membership h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
  font-size: 24px;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-weight: 500;
}
.user-logged-in form .form-type-password .description a {
  color: #009DF5 !important;
}
.user-logged-in form .form-type-password .description a:hover {
    color: #F5B335 !important;
}
.user-logged-in .membersection h2 {
  border-bottom: 0;
}
.acc-info-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.acc-info-header h2 {
  margin-bottom: 0;
  width: 80%;
  border-bottom: 1px solid #000;
}
.acc-info-header .edituser {
  background: #f7b918;
  padding: 5px 8px;
  font-size: 14px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 500;
}
.user-logged-in .view-my-orders .table tr, .user-logged-in .view-my-orders .table th, .user-logged-in .view-my-orders .table tbody, 
.user-logged-in .view-my-orders .table thead, .user-logged-in .view-my-orders .table td, .user-logged-in .view-purchased-files .table tr, 
.user-logged-in .view-purchased-files .table td, .user-logged-in .view-purchased-files .table th {
  border: 0;
}
.user-logged-in .view-my-orders .table thead tr, .user-logged-in .view-my-orders .table tr:hover, .user-logged-in .view-purchased-files .table tr:hover {
  background: transparent;
}
.user-logged-in .view-my-orders .table thead tr th {
  font-size: 15px;
  font-weight: 500;
  color: #A2A2A2;
}
.user-logged-in .view-my-orders .table tr td, .user-logged-in .view-purchased-files .table tr td {
  border-bottom: 1px solid #A2A2A2;
  font-size: 15px;
}
.user-logged-in .view-my-orders .table tr td a, .user-logged-in .view-my-orders .table tr td a:hover, .user-logged-in .view-purchased-files .table tr td .file-size {
  color: #009DF5;
}
.user-logged-in .view-purchased-files .table tr td .file-size {
  text-decoration: underline;
  text-decoration-line: #009DF5;
}
.user-logged-in .view-purchased-files .table tr td a img {
  border-radius: 10px;
}
.user-logged-in .view-purchased-files .table tr td .file-info p {
  margin-bottom: 0;
}
.user-logged-in .view-my-orders .table thead tr th#view-order-number-table-column {
  width: 15%;
}
.user-logged-in .view-my-orders .table thead tr th#view-title-table-column {
  width: 30%;
}
.user-logged-in .view-my-orders .table thead tr th#view-total-price-number-table-column {
  text-align: left;
}
.user-logged-in .view-purchased-files .table {
  width: 100%;
}
.path-user .block-plugin-id--local-tasks-block, .path-user form [data-drupal-selector='edit-timezone'] {
  display: none;
}
.path-user form .js-form-item label {
  font-size: 17px !important;
  color: #000 !important;
  font-weight: 500;
}
.path-user.path-user-password form .form-actions {
  align-items: end;
  justify-content: end;
}
.path-user form .form-actions {
  justify-content: end;
}
.path-user form .form-actions input {
  background: #009DF5;
  border: 0;
  border-radius: 100px;
  padding: 0 30px;
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
}
.path-user form p {
  color: gray;
  font-size: 0.75em;
  line-height: 22px;
}
.path-user h1 {
  border-bottom: 1px solid #000;
  font-size: 24px !important;
  font-weight: 500;
  padding-bottom: 5px;
  font-family: "Inter", sans-serif;
}
.path-user .user-form h2.title {
  padding-bottom: 10px;
  font-size: 24px;
  font-family: "Inter", sans-serif;
  text-transform: capitalize;
  font-weight: 500;
  color: #000;
}
.path-user .user-form h2.title  {
  border-bottom: 1px solid #000;
}
.path-user form #edit-cancel {
  border: 0;
  border-radius: 100px;
  padding: 0 30px;
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
  background: #D9D9D9;
  color: #000;
}
.path-user form .field--type-address.field--name-field-address .fieldset-wrapper {
  margin-top: 10px;
}
.path-user form .field--type-address.field--name-field-address .fieldset-wrapper .js-form-item {
  margin-bottom: 5px !important;
  margin-right: 0;
}
.path-user form .field--type-address.field--name-field-address .fieldset-wrapper .address-container-inline .js-form-item {
  width: 100%;
}
.path-user form .field--type-address.field--name-field-address .fieldset-wrapper .address-container-inline .form-item-field-address-0-address-locality, 
.path-user form .field--type-address.field--name-field-address .fieldset-wrapper .address-container-inline .form-item-field-address-0-address-administrative-area, 
.path-user form .field--type-address.field--name-field-address .fieldset-wrapper .address-container-inline .form-item-field-address-0-address-postal-code {
  width: 100%;
}
.path-user .customer-information, .path-user .order-information {
  max-width: 500px;
  margin: 0 auto;
}
.path-user .order-information table {
  width: 100%;
}
.path-user .order-information table .views-field-total-price__number {
  text-align: right;
}
.address-section {
  display: flex;
}
.address-section .address-view {
  padding-left: 5px;
}
.address-section .address-view p {
  margin-bottom: 0;
}

/*Account login dropdown*/
#block-views-block-current-user-bar-block-1 .userlink:hover #usermenu {
  width: auto;
  right: 0;
}
.memclose {
  cursor: pointer;
}

/*My subscription*/
.subscription-main {
  width: 100%;
}
.subscription-main .subscription-section {
  width: 65%;
  display: inline-block;
  float: left;
}
.subscription-main .manage-subscription {
  width: 28%;
  border: 1px solid #000;
  display: inline-block;
  float: left;
  margin: 5px 20px 0;
  text-align: center;
  border-radius: 10px;
  color: #000;
}
.subscription-main .manage-subscription .view-manage-subscription .views-row a {
  font-size: 15px;
  text-decoration: none;
  padding: 10px 0;
  display: block;
  color: #000;
}
.subscription-section .subscription-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
  padding: 0 15px;
}
.subscription-section .subscription-title p {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  color: #000;
}
.subscription-section .subscription-title a, .subscription-section .subscription-title a:hover, .subscription-section .my-subscription  .my-subscription-payment .payment-title a, 
.subscription-section .my-subscription  .my-subscription-payment .payment-title a:hover {
  color: #009DF5;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
}
.subscription-section .my-subscription {
  border: 1px solid #D9D9D9;
  padding: 15px;
}
.subscription-section .my-subscription .my-subscription-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subscription-section .my-subscription .my-subscription-1 .expires span, .subscription-section .my-subscription .my-subscription-1 .price span, 
.subscription-section .my-subscription .my-subscription-1 .billing-period span {
  color: #A2A2A2;
  font-size: 15px;
}
.subscription-section .expires p, .subscription-section .billing-period p, .subscription-section .price p {
  font-size: 17px;
  color: #000;
}
.subscription-section .my-subscription  .my-subscription-payment .payment-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subscription-section .my-subscription  .my-subscription-payment .payment-title span {
  font-size: 15px;
  color: #000;
}
.subscription-section .my-subscription  .my-subscription-payment .card-ending-number p {
  margin-bottom: 0;
  font-size: 15px;
  color: #000;
}
.subscription-section .my-subscription  .my-subscription-payment .card-ending-number {
  border: 1px solid #D9D9D9;
  padding: 15px;
  margin-top: 10px;
}
.path-user .form-type-select__select-wrapper:not(.is-multiple):after {
  font-family: FontAwesome, sans-serif;
  content: "\f107";
  position: absolute;
  top: 0.25rem;
  right: 0.75rem;
  pointer-events: none;
}
.path-membership .membersection {
  border-bottom: 0;
}
.path-membership .views-field-field-last-name {
  display: flex;
}
.path-membership-account-order-history table thead, .path-membership-account-order-history table tbody, .path-membership-account-order-history table tr, .path-membership-account-order-history table th, .path-membership-account-order-history table td {
  border: 0;
}
.path-membership-account-order-history table td {
  border-bottom: 1px solid #D9D9D9;
}
.path-membership-account-order-history table thead tr {
  background: transparent;
}
.path-membership-account-order-history table th#view-order-number-table-column {
  width: 16%;
}
.path-membership-account-order-history table th a, .path-membership-account-order-history table th {
  font-size: 15px;
  color: #A2A2A2;
  font-weight: 500;
  text-decoration: none;
}
.path-membership-account-order-history table tbody tr td a {
  color: #009DF5;
}
.path-membership-account-purchased-pdfs table td, .path-membership-account-purchased-pdfs table tr {border: 0;}
.path-membership-account-purchased-pdfs table {width: 100%;}
.path-membership-account-purchased-pdfs table .table__body td {border: 0; border-bottom: 1px solid #ccc;}
.path-membership-account-purchased-pdfs table td.views-field-filesize {color: #000;}
.path-membership-account-purchased-pdfs table td.views-field-commerce-file a {
  color: #009DF5;
}
.path-membership-account-purchased-pdfs table td .file-size {display: none;}
.path-frontpage .l-main {
  min-height: auto;
}
.path-membership-account-order-history table th, .path-membership-account-order-history table td {
  text-transform: capitalize;
  width: 16%;
}
.customer-information h3, .order-information h3 {
  font-size: 18px;
  color: #363636;
}
.user--profile .field.field-user--field-address {
  margin-top: 15px;
}
.user-form fieldset.js-form-item legend {
    display:none;
}
.user-form .field--name-field-first-name, .user-form .field--name-field-last-name {
    display:inline-block;
    width: 49.5%;
}
.user-form .js-form-item-mail .description {
    display:none;
}
.user-form .password-section{
    font-size: 17px;
    color: #000
}
.user-form .password-section a {
    float:right;
    color:#009DF5 !important;
    cursor:pointer;
    text-decoration: none;
}
.user-form .js-form-item-current-pass, .user-form .js-form-type-password-confirm, .show-password-fields .password-section {
    display:none;
}
.show-password-fields .user-form .js-form-type-password-confirm {
    display:block;
}
.path-user .user-form h2.title.profile {
    margin-top: 25px;
}

@media (min-width: 60.0625em) {
  .pr-main .hr--1-2 .l-r:first-child {
    width: 65% !important;
    padding-left: 15px;
  }
  .pr-main .hr--1-2 .l-r:last-child {
    width: 30% !important;
  }
  .l-main {
    min-height: 478px;
  }
  .path-user .pr-main .hr--1-2 .l-r:first-child {
    width: 50% !important;
  }
  .l-header {
    z-index: 9;
  }
}
@media (max-width: 60.0624em) {
  .pr-main .hr--1-2 .l-r:first-child {
    order: 2;
  }
  .user-logged-in .pr-main .hr--1-2 .l-r:last-child {
    order: 1;
  }
}
@media (max-width: 767px) {
  .user-logged-in .views-profile-tabs, .user-logged-in .views-profile-tabs a {
    display: block;
  }
  .user-logged-in .view-my-orders .view-content {
    overflow: hidden;
    overflow-x: scroll;
  }
  #block-views-block-current-user-bar-block-1 .userlink:hover #usermenu {
    top: 27px;
    width: 50% !important;
  }
  .l-footer .block {
    height: 60px;
  }
  .path-user form .field--type-address.field--name-field-address .fieldset-wrapper .address-container-inline .js-form-item {
    width: 100%;
  }
  .subscription-main .subscription-section, .subscription-main .manage-subscription {
    width: 100%;
  }
  .subscription-main .manage-subscription {
    margin: 10px 0;
  }
  .path-membership-account-purchased-pdfs table td, .path-membership-account-purchased-pdfs table tr {
    display: block;
  }
  .path-membership-account-purchased-pdfs table tr {
    border-bottom: 1px solid #ccc;
  }
  .path-membership-account-purchased-pdfs table .table__body td p {
    margin-bottom: 0;
  }
  .path-membership-account-order-history table th, .path-membership-account-order-history table td {
    text-wrap: nowrap;
  }
  .table-scroll {
    width: 340px;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .table-scroll::-webkit-scrollbar {
    width: 10px;
  }
  .table-scroll::-webkit-scrollbar:horizontal {
    height: 10px;
  }
  .table-scroll::-webkit-scrollbar-track {
    background-color: transparentize(#ccc, 0.7);
  }
  .table-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: transparentize(#ccc, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  .path-membership-account-purchased-pdfs table .table__body {
    border-bottom: 1px solid #ccc;
  }
  .path-membership-account-purchased-pdfs table .table__body td {
    border-bottom: 0;
  }
  .acc-info-header {
    display: block;
  }
  .acc-info-header .edituser {
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: 10px;
  }
  .acc-info-header h2 {
    width: 100%;
  }
  .user-form .field--name-field-first-name, .user-form .field--name-field-last-name {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .table-scroll {
    width: 310px;
  }
}
