@import url('thirdParty/swiper-bundle.min.css');
@import url('thirdParty/select2.min.css');
@import url('pages/checkout.css');
@import url('pages/search.css');

@media only screen and (max-width: 47.9375em) {
  .header_logo div {
    width: 103px !important;
    height: 26px !important;
  }
}

/* Select2 Styling */
.select2-container--default .select2-selection--single {
  height: 2.75rem;
  border-color: black;
  border-radius: 0;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: black;
  padding-left: 1rem;
  padding-right: 2.75rem;
  font-weight: 700;
  line-height: 2.75rem;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 2.75rem;
  width: 2.75rem;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: black transparent transparent;
}

.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent black;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid black;
  border-color: black;
  border-radius: 0;
}

.select2-results__option {
  font-size: 0.75rem;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
  font-weight: 700;
  background-color: transparent;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #efefef;
  color: black;
}

/* SLDS Fixes */
lightning-formatted-rich-text table,
lightning-formatted-rich-text tbody,
lightning-formatted-rich-text tr {
  max-width: 100% !important;
}

/* PLP STYLE */
/* product name */

.plp-title h1 {
  font-size: 48px !important;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
}

.plp-banner h1 {
  display: none;
}

.plp-banner img {
  margin-left: unset !important;
  width: 60px !important;
  height: 35px !important;
}

.plp-logo-container {
  height: 40px !important;
}

.fieldsArea > a > div:nth-child(1) {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: -0.01em;
  text-align: left;
}
/* product type */
.fieldsArea > a > div:nth-child(2) {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
}

/* info popup */
.quantitySelectorContainer commerce-quantity-selector-popover {
  display: none;
}

.quantitySelectorContainer commerce-number-input div {
  left: -4px;
  position: relative;
}

/* coloring the add to cart button */
.quantitySelectorContainer commerce-action-button button {
  background-color: var(--brand-color, rgb(48, 234, 3)) !important;
  border-color: var(--brand-color, rgb(48, 234, 3)) !important;
  color: black !important;
  font-weight: 900;
}

/* reset the text overflow for Search */
commerce_search-product-field span[part='formatted-rich-text'] {
  text-overflow: unset;
  white-space: break-spaces;
}

.callToActionArea {
  justify-self: left !important;
}

.callToActionArea:nth-child(1) {
  align-items: unset;
}

.promoBackground table {
  background-color: #f7f9fa;
}

.promoBackground table td {
  padding-left: 2px;
  padding-right: 8px;
}
.plp-title h1 {
  font-size: 48px !important;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
}

.plp-banner h1 {
  display: none;
}

.plp-banner img {
  margin-left: unset !important;
}

.plp-logo-container {
  height: 40px !important;
}

.promoBackground table td div {
  padding-right: 5px;
  padding-left: 5px;
}

.promoBackground .discount-line {
  padding: 10px 14px 10px 14px;
  display: block;
}

@media only screen and (max-width: 47.9375em) {
  .promoBackground {
    font-size: 13px !important;
  }

  .promoBackground table td div {
    padding-right: 2px;
    padding-left: 2px;
  }

  .promoBackground table td {
    padding-left: 5px;
    padding-right: 5px;
  }

  .promoBackground .discount-line {
    padding: 5px 7px 5px 7px;
    display: block;
  }

  .plp-title h1 {
    line-height: 40px !important;
  }
}

/* PLP STYLE END */
/* REGISTRATION FORM */
.registration-form lightning-input {
  margin-bottom: 30px !important;
}

.registration-form .newsletter {
  margin-bottom: 10px !important;
}

.registration-form .noLabel {
  margin-bottom: unset !important;
}

.registration-form lightning-input input {
  height: 56px !important;
}

.registration-form lightning-combobox button {
  height: 56px !important;
}
.registration-form lightning-combobox button span {
  top: 25%;
  position: relative;
}

.registration-form .noLabel label {
  display: none !important;
}

.registration-form .subtext label {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  color: #767676;
  margin-bottom: 10px;
}
/* REGISTRATION FORM END*/

/* ORDER HISTORY CHANGES STARTS */
.order-history-text .dxp-text-heading-medium {
  font-family: Hero New;
  font-weight: 400;
  font-size: 15px;
  line-height: 20.99px;
}

.order-history-text .component-wrapper-spacer {
  font-family: Hero New;
  font-weight: 400;
  font-size: 15px;
  line-height: 20.99px;
}

.order-date-filter .slds-text-heading_small {
  font-family: Hero New;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
}

.order-date-filter .slds-button {
  font-family: Hero New;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 1);
}
.order-details .dxp-text-heading-small {
  font-family: Hero New;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}

.order-details .slds-text-heading_medium {
  font-family: Hero New;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}

.order-details .slds-text-heading_small {
  font-family: Hero New;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.order-details .slds-grid {
  font-family: Hero New;
  font-size: 14px;
  line-height: 18px;
}

.order-details .slds-button.slds-button_outline-brand {
  font-family: Hero New;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 1) !important;
  border-color: rgba(0, 0, 0, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
  display: inline;
  height: 32px;
}

.order-details .order-header {
  background-color: rgba(255, 255, 255, 1) !important;
}

.commerce-field-display .slds-text-heading_small {
  display: none;
}

.order-number {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

commerce-order-summary
  div:first-of-type
  div:nth-child(1)
  span:nth-child(2)
  dxp_base-text-block
  h3 {
  font-weight: normal !important;
}

commerce-order-summary
  div:first-of-type
  div:nth-child(2)
  commerce_my_account-record-link:first-of-type {
  text-decoration: underline;
}

.order-header {
  border-bottom: 1px solid #d9d9d9;
}

commerce-order-summary
  div:first-of-type
  div:nth-child(2)
  lightning-formatted-text:first-of-type {
  display: none;
}

commerce-order-summary
  div:first-of-type
  div:nth-child(2)
  commerce-field-display
  lightning-formatted-date-time:first-of-type {
  display: none;
}

.order-details .field-ctn lightning-formatted-date-time {
  display: inline-block !important;
  font-weight: normal;
}

.order-details .field-ctn commerce-formatted-price {
  font-weight: normal;
}

.order-details .field-ctn lightning-formatted-rich-text {
  font-weight: normal;
}

.order-details .slds-button_stretch {
  margin-left: auto;
  width: 69.55px;
  height: 32px;
}

@media only screen and (max-width: 1023px) {
  .order-details .field-ctn {
    padding-top: 15px;
    padding: 16px;
    border-top: 1px solid #d9d9d9;
  }

  .order-detail {
    padding-top: 0px;
    padding: 0px;
  }

  .order-header {
    border-bottom: 0px;
  }

  commerce-action-button {
    padding: 16px;
  }
}
/* ORDER HISTORY CHANGES ENDS */
.pdp-description-bold .dxp-text-heading-medium {
  font-weight: 700 !important;
}

.pdp-description .dxp-text-heading-medium {
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
}

.pdp-description .cb-outputRichText-container {
  font-size: 14px;
  font-weight: 400;
}

.order-help .cb-outputRichText-container {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
  background-color: #f8f8f8;
  padding: 15px !important;
}

.order-help .cb-outputRichText-container p:nth-of-type(2) {
  margin-top: 4px;
}

.checkout-delivery .cb-outputRichText-container span:nth-of-type(1) {
  font-size: 15px !important;
}

.checkout-delivery .cb-outputRichText-container a {
  font-size: 15px !important;
}

.checkout-delivery .cb-outputRichText-container span:nth-of-type(2) {
  font-size: 15px !important;
}

/* Order History Details Start */
.order-details {
  border-top: 1px solid #d9d9d9;
}

commerce_my_account-order-details-display
  div:first-of-type
  div:nth-child(1)
  lightning-formatted-rich-text:first-of-type {
  font-size: 20px !important;
  font-weight: 700;
  line-height: 40px;
  text-align: left;
}

commerce_my_account-order-details-display
  div:first-of-type
  div:nth-child(1)
  commerce-field-display:first-of-type
  lightning-formatted-rich-text:first-of-type {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 40px;
  text-align: left;
}

.order-details .slds-truncate_container_75 {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
}

.order-sum-details .dxp-text-heading-medium {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 27.98px !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #000000;
  margin-left: 0px;
  margin-right: 0px;
}

.order-prod-details .slds-grid .slds-wrap {
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01em;
  text-align: left;
}

.order-prod-details commerce_my_account-product-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: -0.01em;
  text-align: left;
}

.order-prod-details commerce_product_information-variant-attributes-display {
  display: none;
}

.order-prod-details .slds-p-top_small {
  padding-top: 0 !important;
}

.order-sum-details .slds-button.slds-button_brand {
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  background-color: rgba(0, 0, 0, 1) !important;
  border-color: rgba(0, 0, 0, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
  display: flex;
  height: 32px;
  width: 69px;
  text-align: center;
}
.re-order .slds-button.slds-button_brand {
  width: 65%;
}

.order-sum-details .slds-truncate_container_75 {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.59px;
}

.order-sum-details commerce-formatted-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01em;
}

.order-sum-details .slds-p-top_xx-small {
  font-weight: 700;
  border-top: 1px solid black;
  margin-top: 20px;
  padding-top: 20px;
}

.order-sum-details .slds-p-top_xx-small span {
  font-weight: 700;
}

.order-sum-details commerce-formatted-price {
  font-weight: 700;
}

commerce_my_account-order-totals
  div:nth-of-type(4)
  dt
  lightning-formatted-rich-text:first-of-type {
  font-weight: 700 !important;
}

commerce_my_account-order-totals
  div:nth-of-type(4)
  dd
  commerce-field-display
  commerce-formatted-price:first-of-type {
  font-weight: 700 !important;
}

commerce_my_account-order-totals .slds-card.totals-card {
  box-shadow: none;
}

.order-details .slds-col.region.region-1.slds-size_12-of-12 {
  margin-top: 16px;
}

.order-details .slds-card.details-card {
  box-shadow: none;
}

commerce_builder-order-summary-content-layout {
  margin-right: 0px !important;
}

.order-details .col-size_12-of-12.col-large-size_2-of-12 {
  border-right: 1px solid #d9d9d9;
}

.order-prod-details .slds-col.text-block {
  display: none;
}

commerce_my_account-order-totals:first-of-type
  section:first-of-type
  dl:first-of-type {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.order-prod-details .slds-accordion__section.slds-is-open {
  padding-left: 0px;
}

.order-prod-details .slds-accordion__summary-action {
  --sds-c-button-text-color-hover: black;
}

/* Order History Details End */

commerce-country-picker {
  display: none;
}

/* header user menu start */
.menu-trigger {
  max-width: unset !important;
  padding: 0.25rem !important;
}

.profile-menu-class lightning-icon {
  margin-left: 0px;
}

.profile-menu-class svg {
  fill: black;
}

.menu-trigger-p {
  overflow: visible !important;
  text-align: right !important;
  font-size: 13px;
  line-height: 20px;
}

.menu-trigger-p:first-of-type {
  font-weight: 700;
}

.menu-trigger-p:not(:first-of-type) {
  font-weight: 400;
  color: #767676;
  width: 110px;
  overflow-x: hidden !important;
}

.company-name-max-width {
  max-width: unset !important;
}

@media only screen and (min-width: 1024px) {
  commerce_builder-user-profile-menu {
    position: absolute;
    right: 0px;
  }

  .profile-menu-class .login-link {
    width: 200px;
    display: block;
    margin-top: 10%;
  }

  .profile-menu-class .login-link .guest-login-max-width {
    max-width: unset !important;
  }

  .login-link:hover {
    color: var(--brand-color, rgb(48, 234, 3)) !important;
    background-color: white !important;
  }
}
@media only screen and (min-width: 1024px) {
  .my-account-container {
    border-top-color: #d9d9d9 !important;
    border-top: 1px solid;
  }

  .my-account-container > .region-2 {
    border-left-color: #d9d9d9 !important;
    border-left: 1px solid;
  }
}

.my-profile-container h2 b {
  font-weight: 700 !important;
}

.my-profile-container .slds-card {
  border: 1px solid #9e9e9e;
  box-shadow: none !important;
}

.password-container .wrapper {
  border: 1px solid #9e9e9e !important;
  box-shadow: none !important;
}

.marketing-consent .slds-card {
  border: 1px solid #9e9e9e !important;
  border-radius: 0%;
  box-shadow: none;
}

.my-profile-hello h4 {
  font-size: 20px !important;
}

.account-left-menu {
  font-size: 14px !important;
}

.my-profile-container commerce-my-account-profile lightning-button {
  display: none;
}

.profile-nav-ext-order {
  font-size: 14px !important;
}

.profile-nav-ext-order lightning-vertical-navigation-item:nth-of-type(2) {
  /*background-color: rgba(21, 137, 238, 0.1);*/
  background-color: #f8f8f8 !important;
  border-color: var(--slds-g-color-border-base-1, #e5e5e5);
  border-left-color: #1b96ff;
  font-weight: 700;
}

.header[name='header'] {
  background: white;
}

/*
.menu-button::after{
  content: '▼';
  display: inline-block;
  position: absolute;
  right: -13px;
  top: 20%;
}*/

.account-left-menu .slds-nav-vertical__item.slds-is-active:before,
.slds-nav-vertical__item:hover:before {
  background: #f8f8f8 !important;
}

.account-left-menu .slds-nav-vertical__action {
  box-shadow: none !important;
}

@media only screen and (max-width: 47.9375em) {
  .ql-video {
    width: calc(100vw - 40px) !important;
  }

  /*.my-profile-container .profile-heading{
    margin-top: 20px !important;
    margin-left: 10px !important;
    margin-bottom: 0px;
    margin-right: 0px;
  }*/

  .my-profile-container .profile-heading {
    margin-top: 3% !important;
    margin-left: 0% !important;
    margin-bottom: 2% !important;
  }

  .order-details .source-selector {
    padding-top: 6%;
  }

  .hide-header .order-header {
    display: none !important;
  }
}