/************	User Profile and Order Info	*****************/

/**** user pages forms ****/
.form.user-home .form-title {display: none;}
.form.user-home .form-title + .form-note {background: #f5f5f5; border-radius: 6px; border: 1px solid #dcdcdc;  padding: 20px 50px;}
.form.user-home .form-title + .form-note br {display: none;}
.form.user-home .form-line {border: 1px solid #dcdcdc; border-radius: 6px; margin: 12px 0; overflow: hidden;}
.form.user-home .form-line > label {border: 1px solid #dcdcdc; border-width: 0 1px 0 0; color: #888; margin: 0; padding: 1em; width: 20%;}
.form.user-home .form-line > span {border: 1px solid #dcdcdc; border-width: 0 0 0 1px; float: left; margin: 0 0 0 -1px; padding: .5em; width: 80%;}
.form.user-home .form-line > .check,
.form.user-home .form-line > .radio {padding-left: calc(.5em + 16px);}

.form.user-home .form-line select,
.form.user-home .form-line textarea,
.form.user-home .form-line input[type="text"],
.form.user-home .form-line input[type="password"],
.form.user-home .form-line input[type="datetime"],
.form.user-home .form-line input[type="datetime-local"],
.form.user-home .form-line input[type="date"],
.form.user-home .form-line input[type="month"],
.form.user-home .form-line input[type="time"],
.form.user-home .form-line input[type="week"],
.form.user-home .form-line input[type="number"],
.form.user-home .form-line input[type="email"],
.form.user-home .form-line input[type="url"],
.form.user-home .form-line input[type="search"],
.form.user-home .form-line input[type="tel"],
.form.user-home .form-line input[type="color"] {background: #f5f5f5; border: 0; max-width: 100%; min-width: 100%; padding: 8px 16px;}

.form.user-home .form-submit {margin: 10px -51px; padding: 50px; text-align: left;}
.form.user-home .form-submit input[type="submit"] {min-width: 200px; padding: 1em;   margin-right: .5em; background: #f0cec8;
  border: 1px solid #f0cec8; border-radius: 6px; color: #000; padding: 10px 24px;}
.form.user-home .form-submit a {text-decoration: underline;}

.form.user-home .form-line.newsletter {border: 0;}
.form.user-home .form-line.newsletter > label {border: 0;}
.form.user-home .form-line.newsletter > span {border: 0; padding: 0;}
.form.user-home .form-line.newsletter > span label {padding: 0 0 0 1.4em; width: auto;}
/* .newsletter.check ::before {font: 12px/1.4 FontAwesome; height: 1.4em; width: 1.4em;} */

/**** form user-profile ****/

/**** form user-change-password ****/
.form.user-change-password .form-line > label {width: 30%;}
.form.user-change-password .form-line > span {width: 70%;}

/**** block-login-advanced ****/
.block-login-advanced {padding: 68px 0;width: 100%;}
.block-login-advanced .block-title {display: none;}
.block-login-advanced .block-content {background: #f7f7f7;padding: 46px 0 56px;}
.block-login-advanced .block-content form {display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; max-width: 1333px;}
.block-login.existing {padding: 0 4%;width: 56%;}
.block-login-h1-title {font: 400 60px/1 "Anton", sans-serif; letter-spacing: 0.04em; text-transform: uppercase; margin: 0 0 .5em;}
.block-login-title {font: 400 30px/1 "Anton", sans-serif; letter-spacing: 0.04em; text-transform: uppercase; margin: 0 0 .5em 0;}
.block-login .form-note {margin: 1em 0;}
.form.log-in .form-line {gap: 8px; margin: 1.4em 0; overflow: hidden;}
.form.log-in .form-line > label {color: #2a2a2a; display: none; float: none; margin: 0 0 .5em 0; padding: 0; width: 100%;}
.form.log-in .form-line > span {display: block;width: 100%;}
.form.log-in .form-line input[type="text"],
.form.log-in .form-line input[type="email"],
.form.log-in .form-line input[type="password"] {background: #f7f7f7; border-radius: 6px; max-width: none; min-width: 0; padding: 1em; width: 100%;}
.form.log-in .form-line.check {justify-content: space-between;}
.form.log-in .form-line.check > label {cursor: pointer; display: block; float: left; margin: 0; overflow: hidden; width: auto;}
.form.log-in .form-line.check > label input {border-radius: 4px;}
.form.log-in .form-line.check a {float: right; line-height: 1.8; text-decoration: underline;}
.form.log-in .form-submit {margin: 1em 0; text-align: left;}
.form.log-in .form-submit input[type="submit"] {max-width: 270px; width: 100%; border-radius: 6px; background: #f0cec8; border: 0; border-radius: 6px;color: #000;padding: 10px 24px;font-size: 18px;}
.block-login ul {margin: 1.6em 0 2.4em; padding: 0;}
.block-login li {list-style: none; margin: 14px 0; padding-left: 26px; line-height: 1.5;}
.block-login li:before {background: #161616;border-radius: 50%;color: #f0cec8; content: "\f00c";font: 600 10px/20px "Font Awesome 5 Free";float: left;height: 20px;margin: 3px 0px 0 -26px;text-align: center;text-rendering: auto;width: 20px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.block-login-user {margin: 0 0 1em;}
.block-login-user a.button {max-width: 270px; width: 100%; border-radius: 6px; background: #f0cec8; border: 0; border-radius: 6px;color: #000;padding: 10px 24px;font-size: 18px;}

.block-logout {box-sizing: border-box; font-weight: 500;  margin: 0 auto; max-width: 480px; padding: 4%;}
.block-logout .form.log-in .form-line,
.block-logout .form.log-in .form-submit {text-align: center;}

/**** block forgot password ****/
.block-password-forgot {background: #fff; border-radius: 6px; border: 1px solid #b8b8b8;box-sizing: border-box; margin: 10% auto; max-width: 980px; overflow: hidden; padding: 4% 8%;}
.block-password-forgot .block-title {font: 400 40px/1 "Anton", sans-serif; text-transform: uppercase; letter-spacing: .02em; margin: .5em 0; padding: 0;}
.block-password-forgot .block-content {margin: 0;}
.password-forgot-note {color: #000; margin: 2em 0 1em; padding: 0;}
.password-forgot-line {display: flex; gap: 1rem 0;}
.password-forgot-line input[type="email"],
.password-forgot-line input[type="submit"] {font-size: 18px; height:auto;}
.password-forgot-line input[type="email"] {border-radius: 6px 0 0 6px;}
.password-forgot-line input[type="submit"] {width: 10em; border-radius: 0 6px 6px 0;}
/**** block forgot password ****/

/**** user home pages ****/
.userHomes {display: none;}

.user-page .main-block-center-side {display: flex;flex-wrap: wrap;justify-content: space-between;}
.user-page .account-left {width: 15%;}
.user-page .breadcrumbs-userhome {width: 70%; margin: 32px 0 20px;}
.user-page  .breadcrumbs a {color:#000 !important; font-family: "Anton", sans-serif; font-size:60px; text-transform: uppercase;}
.user-page .user-home-logout {margin: 86px 0 0; text-align: right; width: 15%;}
.user-page .user-home-logout a {color: #c69991;}
.user-page .user-home-logout b {font-weight: 400; text-transform: capitalize;}

.user-account-intro {font-size: 18px;margin: 1.5em 0;}
.user-account-intro div {margin: .5em 0;}
.user-account-intro div a {color: #c69991; display: inline-block; margin: 1em 0 0; text-decoration: underline;}
.user-account-intro div b {font-weight: 500;}
.user-account-intro div span {display: inline-block; min-width: 80px;}

.user-account-rewards:empty {margin: 0;}
.user-account-rewards div {margin: .5em 0;}
.user-account-rewards div b {color: #c69991; font-weight: 500;}

.user-page .block-navigation {background: #fff; margin: 0 0 36px; width: 24%;}
.user-page .block-navigation .block-title {background: #f0cec8;color: #000;font: 400 26px/1 "Anton", sans-serif;margin: 0;padding: 12px 36px;text-transform: uppercase;}
.user-page .block-navigation .block-title .angle {font-size: 16px;}
.user-page .block-navigation .block-title .angle .fa {line-height: 1.6;}
.user-page .block-navigation .block-content {background: #161616;  color: #fff; margin: 0;}
.user-page .block-navigation .cat-items {padding: 14px 0;}
.user-page .block-navigation .cat-item {padding: 14px 36px;}
.user-page .block-navigation .cat-item .item-title {font: 400 26px/1 "Anton", sans-serif;text-decoration: none;text-transform: uppercase;}
.user-page .block-navigation .cat-item .item-title:before {content: "\f105"; display: block; float: right; font: 900 normal normal 16px/1.4 'Font Awesome 5 Free';  text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.user-page .block-navigation .cat-item.a .item-title,
.user-page .block-navigation .cat-item .item-title:hover {color: #f0cec8;text-decoration: none;}

.user-page .user-home-pages {background: #f5f5f5;margin: 0 0 36px; padding: 2% 4%; width: 72%;}
.user-page .user-home-block + .user-home-block {border-top: 1px solid #b3b3b3; margin-top: 5%; padding-top: 5%;} 
.block-user-home .user-home-block:first-child .user-home-title {display:none;}
.user-page .user-home-title {font: 400 40px/1 "Anton", sans-serif;margin: 0 0 .5em;text-transform: uppercase;}

.user-page .navigator {margin: 1.5em 0; text-align: right;}
.user-page .navigator .current,
.user-page .navigator .link {display: inline-block; font-size: 13px; font-weight: 400; vertical-align: middle;}
.user-page .navigator .current:before {border: 1px solid #d8d8d8; box-sizing: border-box; content: "Page"; display: block; float: left; height: 2em; padding: .2em; text-align: center; width: 4em;}
.user-page .navigator .current input[type="text"] {border: 1px solid #d8d8d8; border-width: 1px 1px 1px 0; font-size: 13px; height: 2em; margin: 0 .6em 0 0; padding: .2em; text-align: center; width: 4em;}
.user-page .navigator .first,
.user-page .navigator .prev,
.user-page .navigator .next,
.user-page .navigator .last {border: 1px solid #d8d8d8; box-sizing: border-box; height: 2em; line-height: 2; margin: 0 0 0 .6em; text-align: center; width: 2em;}
.user-page .navigator .first,
.user-page .navigator .prev {margin: 0 .6em 0 0;}
.user-page .navigator .first i,
.user-page .navigator .prev i,
.user-page .navigator .next i,
.user-page .navigator .last i {line-height: 1.8;}

.not-logged-menu .block-navigation {display: none;}
.not-logged-menu .user-home-pages {float: none; margin: 2em 0 0; max-width: 1200px; margin: 0 auto;}

.user-profile-page .user-home-title:before {content: "Edit Your Details";}
.user-profile-page.not-logged-menu .user-home-title:before {content: "Profile";}

.user-item-wrapper { margin: 0 0 3em;}
.navigator ~ .user-item-wrapper {margin-bottom: 0;}
.user-item-titles {background: #161616; font-size: 0;}
.user-item {background: #fff; font-size: 0}
.user-item:hover {background: #e4e4e4;}
.user-item-line {box-sizing: border-box; display: inline-block; text-align: center; vertical-align: middle; width: 15%;}
.user-item-titles .user-item-line {color: #fff; font-size: 16px; padding: 16px;}
.user-item .user-item-line {font-size: 16px; padding: 16px;}
.user-item-line b {display: none;}
.user-item-line img {height: auto; max-width: 100%;}
.user-item-actions a {box-sizing: border-box; display: inline-block; padding: .8em; text-align: center; text-decoration: none; vertical-align: middle;}
.user-item-actions a.lnk {color: #c69991; font-size: 16px;}

.user-support .support-summary {width: 40%;}
.user-support .user-item .support-summary {text-align: left;}

.user-orders .order-invoice {display: none;}
.user-orders .order-actions {text-align: left; width: 25%;}
.user-orders .order-actions a {width: 49%;}
.user-orders .order-actions a + a {margin-left: -.4em;}
.user-orders .hidden-status {display: none;}
.user-orders .visible-status {display: inline-block;}

.user-carts .cart-actions a {width: 99%;}

.user-item-view {margin: -1.5em 0 0; text-align: right;}
.user-item-view .button  {color:#000; background: #f0cec8; border: 1px solid #f0cec8; border-radius:6px;}
.user-item .button {background: #f0cec8; color:#000; border: 1px solid #f0cec8; border-radius:6px; padding: 10px 0;}

.padding6px + .user-item-view {margin: 1.5em 0 0;}

.user-home-block a.back {border-width: 0; line-height: 0; padding: 0;}
.user-home-block a.back i {line-height: 0;}

.order-add {float: left; margin: 0 0 1em;}
.order-add div {font-size: 1.1em; font-weight: 600; line-height: 1.5em;}
.order-add strong {font-weight: 600;}
.order-add i {font-style: normal;}
.order-invoice {text-align: right; margin: 0 0 1em;}
.order-invoice a {background: #f5f5f5; border: 1px solid #dadada; display: inline-block; padding: .6em .5em .4em; text-align: center; width: 2.5em;}
.order-invoice a:hover {background: #dadada; text-decoration: none;}
.order-invoice i {font-size: 21px;}
.order-invoice span {display: block; font-size: 10px; font-weight: 700; line-height: 1em; margin: .4em 0 0;}

.orderAdd {text-align: right; margin-bottom: .4em;}

.user-home-pages .padding6px {border: 1px solid #dedede; border-collapse: collapse;}
.user-home-pages .padding6px td {border: 1px solid #dedede; border-width: 0 0 1px; font-size: 16px; padding: 8px; vertical-align: middle;}
.user-home-pages .padding6px td:last-child {padding-right: 38px;}
.user-home-pages .middlebg {background: #f5f5f5;}
.user-home-pages .middlebg td {background: #f5f5f5; font-weight: 600;}
.user-home-pages .middlebg td b {font-weight: 600;}
.user-home-pages .middlebg.header td {background: #fff; font-size: 14px;}
.user-home-pages .middlebg.header td b {font-weight: 400;}
.user-home-pages .usualbg td td {padding: 0;}
.user-home-pages .usualbg.item td {font-size: 14px;}
.user-home-pages .usualbg.item .order-item-image {width: 10%;}
.user-home-pages .usualbg.item .order-item-name {font-size: 16px; width: 50%;}
.user-home-pages .usualbg.item .order-item-name .properties {font-size: 14px;}
.user-home-pages .usualbg.item .order-item-name .properties br:first-child {display: none;}

.user-home-pages .personal-details {overflow: hidden;}
.user-home-pages .personal-details > div {float: left; max-width: 320px; width: 100%;}
.user-home-pages .personal-details div {font-size: 18px; margin: .6em 0;}
.user-home-pages .personal-details div a {color: #c69991; display: inline-block; margin: 1em 0 0; text-decoration: underline;}
.user-home-pages .personal-details div span {display: none;}
.user-home-pages .personal-details div b {font-weight: 500;}
.user-home-pages .personal-details div.title {font-size: 22px; line-height: 2; margin: 0;}
.user-home-pages .personal-details div.title strong {font-weight: 400;}

.user-wishlist .wishlist-name {text-align: left; width: 25%;}
.user-wishlist .wishlist-actions a {width: 99%;}

.user-carts .cart-name {text-align: left; width: 25%;}

/******** reorder popup ***********/
.user-page .ui-widget-overlay {background: rgba(0, 0, 0, 0.5);position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999;}
.user-page .ui-dialog-titlebar-close, 
.user-page .ui-dialog-titlebar-close:hover {font-weight: 400; color: #900; margin: 1.5em 0 0; text-align: right; cursor: pointer; float:right; background: #fff; border: none;text-transform: capitalize;}
.user-page .ui-dialog {background: #fff; padding: 7px 27px 20px 27px; border: 1px solid #BEBFBF; border-right-color: #A9ACAD; border-bottom-color: #A9ACAD; position: absolute; z-index: 9999; top: 100px; left: 50%; margin-left: -427px;}
.user-page .ui-dialog-content {min-width: 50%; width: 90%; height:560px; overflow-y:auto;}
.user-page .ui-dialog-content .reorder-error-list {text-align: left;}
.user-page .ui-dialog-content .reorder-error-list b {font-size: 1.4em;}
.user-page .ui-dialog-title {font-size: 22px; margin: 1em 0; color: #1C478D; font-weight: 400; line-height: 33px; float: left; width: calc(100% - 74px);}
.user-page .ui-dialog-buttonset {display: flex; justify-content: space-evenly;}

@media (max-width: 1400px) {
  .block-login.new,
  .block-login.existing {padding: 0 4%; width: 50%;}
}
@media (max-width: 1080px) {
  .block-login-h1-title {font-size:40px;}
	.block-login-advanced {padding: 34px 0;}
  .block-login-advanced .block-content {padding: 20px 0;}

  .user-page .breadcrumbs-userhome {margin: 16px 0; width: 100%;}
  .user-page .breadcrumbs a {font-size: 40px;}
  .user-page .user-home-logout {margin: 0 0 16px; width: 100%;}
  .user-page .block-navigation {width: 100%;}
  .user-page .block-navigation .block-title {background: #161616; color:#f0cec8; cursor: pointer;}
  .user-page .block-navigation .block-content {background: #f0cec8; color: #000; }
	.user-page .block-navigation .cat-item.a .item-title, .user-page .block-navigation .cat-item .item-title:hover {color: #000;}
  .user-page .user-home-pages {padding: 24px 36px; width: 100%;}
  .user-home-block a.back {line-height: normal;}
  .form.log-in .form-line input[type="text"],
  .form.log-in .form-line input[type="email"],
  .form.log-in .form-line input[type="password"] {padding: 14px 20px;}
  .form.user-home .form-title + .form-note {margin: 20px 0; padding: 20px; border-width: 1px;}
  /* .form.user-home .form-title + .form-note.check label span {line-height: 2em; padding-left: 4em;} */
  /* .form.user-home .form-title + .form-note.check label input + span:before {margin-left: -3em; margin-right: 1.1em;} */
  .form.user-home .form-submit {margin: 20px 0; padding: 20px;}
  .form.user-home .form-line > label { width: 40%;}
  .form.user-home .form-line > span { width: 60%;}

}
@media (max-width: 980px) {
	.block-login-advanced .block-content form {gap: 30px;}
  .block-login.new,
  .block-login.existing {padding: 0 4%; width: 100%;}


	.login_information,
	.billing_address,
	.personal_details,
	.cardholder_details,
	.delivery_details {float: none; width: 100%;}
	.userProfile .padding6px td input.text,
	.userProfile .padding6px td select,
	.userProfile .padding6px td textarea {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;}
	.userProfile .p-title {height: auto;}
}
@media (max-width: 768px) {
	.password-forgot-line input[type="email"] {width: 60%;}
	.password-forgot-line input[type="submit"] {width: 40%;}

  .user-orders .order-actions a {width: 34%;}
  .user-orders .order-actions a.secondary,
  .user-orders .order-actions a.primary {width: 64%;}

  .user-home-pages .usualbg.item .order-item-name {width: 30%;}

}

@media (max-width: 640px) {

  .user-page .user-home-logout {text-align: center;}

  .user-page .user-home-title {font-size: 20px;}
  .user-page .user-home-pages {padding: 24px;}
  .user-item + .user-item {margin:  .75rem 0 0;}
  .user-item-wrapper {border-width: 0 0 1px; margin: 0 -12px; width: auto;}
  .user-item-titles {display: none;}
  .user-item-line {display: block; text-align: left; width: auto;}
  .user-item-line + .user-item-line {margin-left: 0;}
  .user-item .user-item-line {padding: .2em 1em;}
  .user-item-line b {display: inline; font-weight: inherit;}
  .user-item-line b:after {content: " : ";}
  .user-item-view {margin: 1.5em 0 0;}

  .user-orders .order-no {background: #161616; color:#fff;   margin: 0 0 1.6em; padding: 1em;}
  .user-orders .order-no b:after {content: "";}
  .user-orders .order-status {color:#fff; float: right; height: 2.4em; max-width: 50%; overflow: hidden; padding: 1em 1em 0 0; text-align: right;}
  .user-orders .order-status b {display: none;}
  .user-orders .order-actions {padding: 1.6em 1em; width: 100%;}
  .user-orders .order-actions a {width: 49%;}
  .user-orders .order-actions a.secondary,
  .user-orders .order-actions a.primary {width: 49%;}
  .user-orders .order-actions a + a {margin-left: 0;}
  .user-orders .hidden-status {display: inline-block;}
  .user-orders .visible-status {display: none;}
  .user-item a.lnk {color: #000; background: #dadada; padding: 10px 0; border-radius: 6px;}
	.user-item:hover { background: #fff;}
  .user-carts .cart-id {margin: 1em 0 0;}
  .user-carts .cart-name {width: auto;}
  .user-carts .cart-actions + .cart-actions {padding: 1.6em 1em;}

  .user-wishlist .user-item {overflow: hidden; padding: 1em 0 0;}
  .user-wishlist .user-item-line {margin-left: 50%;}
  .user-wishlist .wishlist-image {float: left; margin: 0; width: 30%;}
  .user-wishlist .wishlist-name {width: auto;}
  .user-wishlist .wishlist-name {margin-top: 1em;}
  .user-wishlist .wishlist-actions {padding: 1.6em 1em;}
  .user-wishlist .wishlist-actions:first-child {float: left; margin: 0; width: 20%;}

  .form.user-home .form-line {border-width: 0; flex-direction: column;}
  .form.user-home .form-line > label {border-width: 0; margin: 0; padding: .5em 0; width: 100%;}
  .form.user-home .form-line > span {border-width: 1px; border-radius: 6px; margin: 0; padding: .25em; width: 100%;}
  .form.user-home .form-submit {padding: 20px 0;}
  .form.user-home .form-submit input[type="submit"] {width: 100%; margin-right: 0;}
  .form.user-home .form-submit input[type="submit"] + input[type="submit"] {}

  .password-forgot-line {flex-wrap: wrap;}
  .password-forgot-line input[type="email"],
  .password-forgot-line input[type="submit"] {width: 100%;}

}

@media(max-width:580px) {
  .block-login-h1-title {font-size:30px;}
  .block-login-title {font-size:20px;}
  .block-login .form-note,
  .form.log-in .form-line input[type="text"], 
  .form.log-in .form-line input[type="email"], 
  .form.log-in .form-line input[type="password"],
  .form.log-in .form-line.check ,
  .block-login li{font-size:14px;}
  .block-login-title {font-size:20px;}
 
  .user-page .breadcrumbs a {font-size: 30px;}
	.user-account-intro,
	.user-item .user-item-line{font-size: 14px;}
	.user-item-line.order-no {font-size: 16px;}
	.user-item-line a,
	.user-item-actions a.lnk{font-size: 14px;}
	.user-item-view .button {width: 100%; font-size: 14px;}
	.user-home-pages .personal-details div.title {font-size: 20px;}
	.user-home-pages .personal-details div {font-size: 14px;}


  .form.log-in .form-submit input[type="submit"],
  .block-login-user a.button {font-size:14px; max-width: none;}

}
@media (max-width: 480px) {
  .order-add {float: none;}
  .order-invoice {text-align: left;}
  .user-home-pages .padding6px {border-width: 1px 0;  margin: 0 -20px; width: auto;}
}

/************	User Profile and Order Info	*****************/