/* Account */
.account-page .page-header-title {
    display: none;
}


/* Notification */
#notifications {
    margin-bottom: 30px;
}



/* Login / Registration */
.login-registration-area {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -25px 0;
}
.login-block {
    width: 50%;
    padding: 0 25px 50px;
}
.master-login-heading {
    margin-bottom: 20px;
    color: var(--main-color);
    text-transform: uppercase;
}
.form-element-password {
    position: relative;
}
.show-hide {
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 20px;
	cursor: pointer;
	color: #777;
}
.show-hide::selection {
	background: transparent;
}
.forget-password-url a {
    text-decoration: underline;
    text-underline-offset: 5px;
    color: #666;
}
.registration-note {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #333;
    line-height: 1.5;
}
.registration-note a {
    font-weight: 600;
    text-decoration: underline;
}
.login-extra-block {
    background: var(--light-color);
    padding: 40px;
    border-radius: var(--border-radius);
}
.login-description {
    margin-bottom: 25px;
}
.line-text-area {
    position: relative;
    margin: 10px 0 20px;
}
.line-text-area:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #ccc;
    display: block;
    z-index: -1;
}
.line-text {
    background: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    display: table;
    margin: 0 auto;
    font-size: 14px;
}
@media (max-width: 767px) {
	.login-block {
		width: 100%;
	}
}


/* Social login */
.social-login-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.social-login-buttons a {
    width: 100%;
}
.login-button {
    position: relative;
    color: white;
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    border-radius: var(--border-radius);
}
.google-login {
	background: #dc4a38;
}
.google-login:hover {
    background: #c34333;
}
.google-login:before {
	content: '\f1a0';
}
.facebook-login {
    background: #3c5a99;
}
.facebook-login:hover {
    background: #143579;
}
.facebook-login:before {
	content: '\f082';
}
.login-button:before {
    font-family: 'Font Awesome 6 Brands';
	position: absolute;
	left: 15px;
	font-size: 20px;
}



/* Reset password */
@media (min-width: 1000px) {
    .reset-password-area {
        width: 50%;
        margin: 0 auto;
    }
}
@media (min-width: 768px) and (max-width: 999px) {
    .reset-password-area {
        width: 75%;
        margin: 0 auto;
    }
}
.after-reset-notification {
    display: none;
    text-align: center;
}
.after-reset-notification:before {
    content: '\f058';
    font-family: 'Font Awesome 6 Free';
    display: block;
    color: #00a600;
    font-size: 64px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 600;
}
.reset-password-description {
    margin-bottom: 30px;
}


/* My account */
.my-account-blocks {
    display: flex;
    flex-wrap: wrap;
}
.my-account-first {
    width: 320px;
    margin-bottom: 40px;
}
.my-account-second {
    width: calc(100% - 360px);
    float: right;
    border-left: 1px solid #ddd;
    margin-left: 30px;
    padding-left: 30px;
}
.account-icon-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.account-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 2px solid var(--main-color);
    border-radius: 50%;
    background: white;
    font-size: 22px;
    color: var(--main-color);
}
.account-icon-details {
    width: calc(100% - 50px);
    padding-left: 15px;
}
.account-icon-heading {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}
.my-account-heading {
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
}
.my-account-menu a {
    display: block;
    padding: 20px;
    position: relative;
    background: white;
    border-bottom: 1px solid #eee;
}
.my-account-menu a:after {
    content: '\e930';
    font-family: feather;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    opacity: 1;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background: var(--second-color);
    text-align: center;
    color: white;
    transition: .15s all;
}
.my-account-menu .active-account-menu:after, .my-account-menu a:hover:after {
    background: var(--main-color);
}
.my-account-menu-item span {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    opacity: .6;
}
@media (max-width: 767px) {
	.my-account-block {
		width: 100%;
		padding-left: 0;
		border-left: 0;
		margin-left: 0;
	}
	.my-account-first {
		margin-top: 40px;
	}
	.account-elements-page.my-account-first {
	    display: none;
	}
}



/* My account back button */
.account-back-button {
    margin: 30px 0;
}
.account-back-button i {
    margin-right: 15px;
}
@media (min-width: 768px) {
    .account-back-button {
        display: none;
    }
}



/* My account content */
.my-account-dashboard-description {
    margin-top: 15px;
    line-height: 1.8;
    width: 600px;
    max-width: 100%;
}
.account-description {
    margin-bottom: 20px;
}


/* Confirm */
#confirm-modal {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
}
.confirm-input {
    margin-bottom: 15px;
}
.confirm-input input {
    width: 100%;
    height: var(--form-height);
    font-size: 28px;
    letter-spacing: 3px;
    text-align: center;
    border: 1px solid #ddd;
}
.confirm-input input::placeholder {
    letter-spacing: 0;
    font-size: 17px;
    opacity: .6;
}
.confirm-note {
    text-align: center;
    margin-top: 30px;
}
.countdown {
    display: inline-block;
    padding-left: 10px;
    font-weight: 600;
}
.confirm-send-again-block {
    display: none;
}
#confirm-send-again {
    border: 1px solid #888;
    display: table;
    padding: 8px 25px;
    margin: 30px auto 0;
    cursor: pointer;
}


/* Address */
.user-addresses {
    background: white;
    border-radius: 5px;
    counter-reset: section;
}
.user-address {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.user-address:last-child {
    border-bottom: 0;
}
.user-address-sub-heading::after {
  counter-increment: section;
  content: " " counter(section) ": ";
}
.user-address-name {
    padding-right: 45px;
}
.user-address-sub-heading {
    font-weight: 600;
    line-height: 1.3;
    font-size: 14px;
}
.user-address-delete {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #d22e2e;
    color: white;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    line-height: 1;
    cursor: pointer;
}
.delivery-add-area, .delivery-button {
    margin-top: 20px;
}
.delivery-add-area {
    display: none;
}
.form-element-villa {
    margin-top: -10px;
    padding-bottom: 10px;
}
.no-space-checkbox {
    margin-top: -10px;
}