/** Shopify CDN: Minification failed

Line 191:0 Unexpected "}"

**/
/* account.css - Customer/account page styles */

/* Yotpo override css */
.yotpo-widget-override-css * {
  font-family: var(--FONT-STACK-BODY) !important;
}

.yotpo-widget-hero-section .yotpo-title {
  font-family: var(--FONT-STACK-ACCENT) !important;
}
.yotpo-widget-hero-section .yotpo-description,
.yotpo-widget-campaign-widget .yotpo-container-headline,
.yotpo-widget-my-rewards-widget .yotpo-rewards-guide-tile-wrapper .yotpo-headline .yotpo-inner-text {
  font-family: var(--FONT-STACK-HEADING) !important;
}

.yotpo-widget-hero-section .yotpo-customer-logged-out-buttons .yotpo-action-button-text {
  font-family: var(--FONT-STACK-ACCENT) !important;
  font-size: 14px !important;
  font-weight: normal !important;
}

.yotpo-widget-my-rewards-widget .yotpo-reward-steps-title .yotpo-inner-text {
  font-family: var(--FONT-STACK-ACCENT) !important;
  font-size: 14px !important;
  font-weight: normal !important;
}

.yotpo-reward-steps-list .yotpo-inner-text,
.yotpo-tile-box .yotpo-description {
    font-family: var(--FONT-STACK-BODY) !important;
  font-size: 16px !important;
}

button.yotpo-button-style.yotpo-button-standard-size.yotpo-rectangular-btn-type {
  padding: 13px 20px !important;
  color: #fff !important;
  color: #333 !important;
}

.yotpo-coupons-redemption-widget .yotpo-headline {
    font-family: var(--FONT-STACK-HEADING) !important;
    font-size: 36px !important;
}

.yotpo-widget-my-rewards-widget .yotpo-headline,
.yotpo-widget-my-rewards-widget .yotpo-description,
.yotpo-widget-my-rewards-widget .yotpo-action-buttons-tile a {
    display: none;
}

.yotpo-widget-my-rewards-widget .yotpo-logged-in-view {
    padding: 0 !important;
    margin-bottom: 15px !important;
}

.yotpo-widget-my-rewards-widget .yotpo-logged-in-view button.yotpo-button-style.yotpo-button-standard-size.yotpo-rectangular-btn-type {
    padding: 0 !important;
}

.yotpo-vip-tiers-widget .yotpo-vip-tiers-progress-bar-wrapper {
    background-color: #E9E3DB !important;
    width: 90% !important;
    max-width: 1080px;
}

.yotpo-vip-tier-name {
    font-size: 16px !important;
}

.yotpo-vip-current-status-text {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.flexified-wrapper:not(.flexified-mobile) .flexified-child {
    width: 250px !important;
    margin: 15px !important;
}

.yotpo-widget-campaign-widget-container .flexified-wrapper {
    max-width: 1400px;
    margin: auto;
}

.yotpo-widget-campaign-widget * {
    justify-content: center !important;
}

.yotpo-referral-widget-form .yopto-widget-button-text {
    color: #fff !important;
}

.yotpo-widget-campaign-widget .yotpo-completed-icon {
    display: none !important;
}

.yotpo-widget-campaign-widget .yotpo-title-text {
    text-transform: uppercase !important;
}

.yotpo-widget-referral-widget .yotpo-input-container .yotpo-input::placeholder {
    letter-spacing: 0.15em;
    font-weight: 700;
    font-size: 14px !important;
    color: #bfbebe;
}

.yotpo-whatsapp-share-button {
    display: none !important;
}


.yotpo-coupons-redemption-widget .yotpo-points-balance *,
.yotpo-widget-products-redemption .yotpo-points-balance * {
  font-size: 16px !important;
  font-weight: bold !important;
}

.yotpo-redemption-reward {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.yotpo-redemption-cost {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.yotpo-redemption-item *,
.yotpo-redemption-option {
    background-color: #eae4dd !important;
}


@media screen and (max-width: 768px) {
    .yotpo-redemption-option,
    .yotpo-redemption-item,
    .yotpo-redemption-slide-item,
    .yotpo-redemption-slider,
    .yotpo-redemption-slider-item,
    .yotpo-redemption-options-list,
    .yotpo-coupons-redemption-widget .yotpo-redemption-options-list.yotpo-is-mobile {
        width: 100% !important;
        min-width: auto !important;
        max-width: auto !important;
    }
}

.yotpo-redemption-option .yotpo-redemption-option-details {
    padding-top: 30px !important;
}

.yotpo-redemption-option .yotpo-action-button-widget {
    padding-bottom: 0px !important;
}

@media screen and (max-width: 767px) {
    .yotpo-redemption-option .yotpo-action-button-widget {
        padding-bottom: 15px !important;
    }
    .yotpo-coupons-redemption-widget .yotpo-coupons-redemption-widget-container.yotpo-is-mobile {
        padding-bottom: 0 !important;
    }
}

.yotpo-coupons-redemption-widget .yotpo-redemption-options-list {
    margin-top: 0px !important;
}

.yotpo-widget-my-rewards-widget {
    margin-top: -30px !important;
}

.yotpo-widget-products-redemption .yotpo-redemption-option-image-mobile-modal {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.yotpo-action-button-widget.yotpo-redemption-option-redeem-button-mobile-modal {
    font-family: "Apercu Pro Mono" !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}
}
.yotpo-redemption-option-cost,
.yotpo-redemption-option-cost  {
    font-size: 14px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.yotpo-widget-products-redemption .yotpo-redemption-option-reward {
    font-weight: 600 !important;
    padding-bottom: 5px !important;
    position: relative !important;
    white-space: pre-wrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
    font-weight: bold !important;
    max-width: 300px !important;
    margin: auto;
}

.yotpo-points-balance-text-part {
    color: rgb(51, 51, 51) !important;
}

.yotpo-widget-products-redemption .yotpo-headline,
.yotpo-widget-campaign-widget .yotpo-container-headline,
.account-h2,
#tangent-header-text  {
    font-family: var(--FONT-STACK-HEADING) !important;
    font-size: 36px !important;
}


@media screen and (max-width: 768px) {
    .yotpo-widget-products-redemption .yotpo-headline,
    .yotpo-vip-tiers-headline,
    .yotpo-widget-campaign-widget .yotpo-container-headline,
    .yotpo-coupons-redemption-widget .yotpo-headline,
    .account-h2,
    #tangent-header-text  {
        font-family: var(--FONT-STACK-HEADING) !important;
        font-size: 28.8px !important;
    }

    .yotpo-widget-products-redemption .yotpo-redemption-option-reward { 
        font-size: 15px !important;
    }
}


@media screen and (min-width: 769px) {
    .yotpo-carousel-button-next,
    .yotpo-carousel-button-prev {
        display: none !important;
    }
}

.yotpo-widget-products-redemption .yotpo-redemption-option .yotpo-action-button-widget .yotpo-action-button-text {
    font-family: "Apercu Pro Mono" !important;
    letter-spacing: 1px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
}

.yotpo-coupons-redemption-widget .yotpo-action-button-widget .yotpo-button-style {
    border-radius: 0px !important;
}

.yotpo-widget-campaign-widget .flexified-wrapper:not(.flexified-mobile) .flexified-child {
    border-radius: 5px !important;
}

.yotpo-widget-products-redemption .yotpo-headline:after {
    display: block;
    font-family: var(--FONT-STACK-BODY) !important;
    font-size: 16px !important;
    margin-top: 15px !important;
    content: "Pick your gift below, make sure you have one Primally Pure product ready for purchase in your cart, and check out. Your discounted gift will be shipped with the rest of your order. Enjoy! Limit 1 per order. Cannot be combined with other discounts or Pure Points."
}

.yotpo-widget-visual-redemption-widget .yotpo-redemption-item.four-in-row {
    width: 90% !important;
    margin: 10px !important;
}

.yotpo-redemption-reward {
    padding-top: 10px !important;
}

.yotpo-redemption-cost {
    padding-bottom: 20px !important;
}


@media screen and (min-width: 1220px) {
    .yotpo-widget-visual-redemption-widget .yotpo-redemption-item.four-in-row {
        width: calc(25% - 20px) !important;
        margin: 10px !important;
    }

    .yotpo-redemption-reward {
        padding-top: 10px !important;
    }

    .yotpo-redemption-cost {
        padding-bottom: 20px !important;
    }

    .yotpo-widget-visual-redemption-widget .yotpo-redemptions-list {
        width: 1200px;
        margin: auto;
    }
}
/*
@media screen and (min-width: 769px) {

    .yotpo-widget-products-redemption .yotpo-redemption-slider-item {
        flex-basis: calc(20% - 20px) !important;   
    }
}
    */

.feature-header:not(.section-id-collection-hero .feature-header) {
    margin-top: 60px !important;
}

.Subs--wrapper__title {
    font-size: 32px;
    width: 100%;
    margin: auto;
    text-align: center;
}

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

.tangent-results-title {
    margin-block-end: 0;
}

.tangent-skin-condition-text {
    margin-block-start: 0;
}

.account__table__item,
#customer_sidebar {
    display: none;
}

div#customer_orders {
    overflow: auto;
}

.Customer--order {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.Customer--order__table {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    border-collapse: collapse;
}

.template-customers-account table, .template-customers-account th, .template-customers-account td {
    border: none;
}

.Customer--order__table thead, .Customer--order__table tbody, .Customer--order__table tfoot {
    border: none;
}

.Customer--order__table tr:first-child {
    border-top: none;
}

.Table--wrapper__section {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    text-align: center;
}

.Customer--order__table th {
    border-left: 1px solid #cccccc;
    border-bottom: 2px solid #cccccc;
}

.Customer--order__table th:first-child {
    border-left: none;
}

.Customer--order__table .fulfillment_status {
    padding: 0.5rem 0.625rem 0.625rem;
}

.Customer--order__table td {
    padding: 0.4em 0.6em !important;
    border-left: 1px solid #cccccc;
}

.Customer--order__table td, .Customer--order__table th {
    white-space: nowrap;
}

.Customer--order__table td:first-child {
    border-left: none;
}

.Customer--order__table tr {
    background: #FFFFFF;
    border-top: 1px solid #cccccc;
}

.Customer--order__table a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.Customer--order__table td .note {
    padding: 0;
    font-size: 16px;
}

.yotpo-widget-referral-widget .yotpo-is-mobile .yotpo-main-share-body-textarea {
    font-size: 14px;
    width: 100%;
    padding: 13px 18px;
}

@media screen and (max-width: 767px) {
    .yotpo-vip-tier-container.yotpo-has-status-tag {
      width: initial !important;
      margin: 1em !important;
    }
    .yotpo-widget-referral-widget .yotpo-background .yotpo-right-align-image {
        display: none;
    }
    .tangent-skin-condition-text {
        margin-bottom: 0;
    }
}

.yotpo-coupouns-container * {
  font-family: var(--FONT-STACK-BODY) !important;
}

.yotpo-vip-tiers-widget .yotpo-progress-bar-outer {
  background-color: #FFF !important;
}

.yotpo-progress-bar-indicator {
  background-color: #C9BEA8 !important;
  border-color: #C9BEA8 !important;
}

.yotpo-description-text {
  font-size: 14px !important;
}

.yotpo-register-link * {
  background: #2f3433 !important;
  color: #FFF !important;
}


.yotpo-progress-bar-inner {
 background: #b99b83 !important; 
}

/* //////// End yotpo override css //////// */
/* Account page */
.rc_layout__container,
.CustomerLoginForm {
  margin-top: 40px;
}

.page-customer {
    padding-top: 40px;
}

.Account--page__banner {
    background: #E9E3DB;
    display: flex;
    height: 350px;
    align-items: center;
}

.Account--page__banner-image {
    background-image: url('/cdn/shop/files/2_0ced0acd-078f-45b9-b050-2fee7baad807.jpg?v=1722281812');
    background-size: cover;
    background-position: top center;
    height: 350px;
    width: 100%;
}

.Account--page__banner-text {
    padding: 60px 30px;
    flex: 0 0 50%;
}

.Account--page__banner-title {
    text-align: center;
    font-size: 7.68vw;
}

.Account--page__banner-subtitle {
    text-align: center;
    font-size: 7.4666666667vw;
}

.Account--page__banner-btn {
    margin: auto;
    margin-top: 8vw;
    text-align: center;
}

.Account--page__banner-btn .btn {
    padding: 12px 45px;
}

.Account--page__banner-email {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 4.2666666667vw;
}

.Account--page__nav {
    background: #505b43;
    color: #FFF;
}

.Account--page__nav-list {
    justify-content: center;
    list-style: none;
    display: flex;
    padding: 1em;
    margin: 0;
}

.Account--page__nav-list div {
    text-transform: uppercase;
    font-weight: 700 !important;
    letter-spacing: 1px;
    font-size: 12px;
    margin: 0.5em 1em;
}

.Account--page__nav-list a {
    color: #fff;
    border-bottom: none;
}

@media screen and (max-width: 767px) {
    .Account--page__banner {
        background: #EAE4DD;
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .Account--page__banner-image {
        display: none;
    }

    .Account--page__banner-text {
        padding: 60px 30px;
        flex: 0 0 100%;
        height: auto;
    }

    .Account--page__nav-list {
        overflow: auto;
        white-space: nowrap;
    }
}

@media screen and (min-width: 768px) {
    .Account--page__banner-title {
        font-size: 2.5vw;
    }

    .Account--page__banner-subtitle {
        /*font-size: 1.9444444444vw;*/
        font-size: 2.5vw;
    }

    .Account--page__banner-btn {
        margin-top: 2.0833333333vw;
    }

    .Account--page__banner-email {
        margin-top: 1.1111111111vw;
    }
}

@media screen and (min-width: 1024px) {
    .Account--page__banner-title {
        font-size: 2.5vw;
    }

    .Account--page__banner-subtitle {
        font-size: 2.5vw;
    }

    .Account--page__banner-btn {
        margin-top: 2.0833333333vw;
    }

    .Account--page__banner-email {
        margin-top: 1.1111111111vw;
    }
}
/* //////// End account page //////// */
/* //////// Account login //////// */

.Account-grid {
	display: flex;
	gap: var(--grid-gutter);
	
}


@media screen and (min-width: 769px) {
  .Account-grid .form-vertical-wrapper {
      flex: 0 0 50%;
  }
}

@media screen and (max-width: 768px) {
  .Account-grid .form-vertical-wrapper {
      flex: 0 0 100%;
  }
}

@media screen and (max-width: 768px) {
  .Account-grid {
    flex-flow: wrap;
}
}

