/* ========================================
   MY ACCOUNT
======================================== */

.account-login {
	padding: 6rem 0 8rem;
}


/* ========================================
   ACCOUNT HEADER
======================================== */

.account-login .account-login-header {
	max-width: 850px;
	margin-bottom: 4rem;
	text-align: left;
}

.account-login .account-eyebrow {
	margin: 0 0 1.5rem;

	color: #666;

	font-size: .7rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .16rem;

	text-align: left;
}

.account-login .account-login-header h1 {
	max-width: 800px;
	margin: 0;

	color: #111;

	font-size: clamp(4rem, 8vw, 7rem);
	font-weight: 500;
	line-height: .9;
	letter-spacing: -.055em;

	text-align: left;
}

.account-login .account-login-header > p {
	max-width: 600px;
	margin: 2rem 0 0;

	color: #555;

	font-size: 1.05rem;
	line-height: 1.8;

	text-align: left;
}


/* ========================================
   LOGIN GRID
======================================== */

.account-login-grid {
	display: grid;
	grid-template-columns: minmax(0, 760px);
	gap: 4rem;
}


/* ========================================
   LOGIN COLUMN
======================================== */

.account-login .account-login-column {
	min-width: 0;
}

.account-login .account-login-column h2 {
	margin: 0 0 2rem;

	color: #111;

	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .1rem;

	text-align: left;
}


/* ========================================
   LOGIN FORM
======================================== */

.account-login form.woocommerce-form-login {
	margin: 0;
	padding: 2rem 0 0;

	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;

	background: transparent;
}


/* ========================================
   FORM ROWS
======================================== */

.account-login form .form-row {
	margin: 0 0 1.5rem;
	padding: 0;

	float: none;
	width: 100%;
}


/* ========================================
   LABELS
======================================== */

.account-login form label {
	display: block;
	margin-bottom: .65rem;

	color: #111;

	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .07rem;

	text-align: left;
}

.account-login form label .required {
	color: #111;
}


/* ========================================
   INPUTS
======================================== */

.account-login form input.input-text {
	display: block;
	width: 100%;
	min-height: 3rem;

	padding: .85rem;

	border: 1px solid #ccc;
	border-radius: 0;

	background: #fff;
	color: #111;

	font: inherit;

	box-sizing: border-box;

	transition:
		border-color .2s ease,
		background .2s ease;
}

.account-login form input.input-text:focus {
	outline: none;
	border-color: #111;
	background: #fff;
}


/* ========================================
   REMEMBER ME
======================================== */

.account-login .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: .6rem;

	margin: 0;
	cursor: pointer;
}

.account-login .woocommerce-form-login__rememberme input[type="checkbox"] {
	width: 1rem;
	height: 1rem;

	margin: 0;

	accent-color: #111;
}

.account-login .woocommerce-form-login__rememberme span {
	margin: 0;

	color: #555;

	font-size: .85rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}


/* ========================================
   LOGIN ACTIONS
======================================== */

.account-login .woocommerce-form-login .form-row:last-of-type {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.5rem;

	margin-top: .5rem;
	margin-bottom: 0;
}


/* ========================================
   LOGIN BUTTON
======================================== */

.account-login .woocommerce-form-login__submit {
	display: inline-block;

	margin: 0 !important;
	padding: 1rem 1.5rem !important;

	border: 1px solid #111 !important;
	border-radius: 0 !important;

	background: #111 !important;
	color: #fff !important;

	font: inherit !important;
	font-size: .75rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: .1rem !important;

	cursor: pointer;

	transition:
		background .3s ease,
		color .3s ease !important;
}

.account-login .woocommerce-form-login__submit:hover {
	background: #fff !important;
	color: #111 !important;
}


/* ========================================
   LOST PASSWORD
======================================== */

.account-login .lost_password {
	margin: 1.5rem 0 0;
	padding-bottom: 2rem;
}

.account-login .lost_password a {
	color: #111;

	font-size: .8rem;

	text-decoration: none;
	text-underline-offset: 4px;
}

.account-login .lost_password a:hover {
	text-decoration: underline;
}


/* ========================================
   REGISTER
======================================== */

.account-login .account-login-grid:has(.woocommerce-form-register) {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 1100px;
}

.account-login form.woocommerce-form-register {
	margin: 0;
	padding: 2rem 0 0;

	border-top: 1px solid #ddd;

	background: transparent;
}

.account-login form.woocommerce-form-register .form-row {
	margin: 0 0 1.5rem;
	padding: 0;
}

.account-login form.woocommerce-form-register button {
	display: inline-block;

	padding: 1rem 1.5rem;

	border: 1px solid #111;
	border-radius: 0;

	background: #111;
	color: #fff;

	font: inherit;
	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .1rem;

	cursor: pointer;

	transition:
		background .3s ease,
		color .3s ease;
}

.account-login form.woocommerce-form-register button:hover {
	background: #fff;
	color: #111;
}


/* ========================================
   RESPONSIVE
======================================== */

@media (max-width: 992px) {

	.account-login .account-login-grid:has(.woocommerce-form-register) {
		grid-template-columns: 1fr;
		max-width: 760px;
	}

}


@media (max-width: 768px) {

	.account-login {
		padding: 5rem 0 6rem;
	}

	.account-login .account-login-header {
		margin-bottom: 3rem;
	}

	.account-login .account-login-header h1 {
		font-size: clamp(3.5rem, 14vw, 5.5rem);
	}

	.account-login .account-login-header > p {
		margin-top: 1.75rem;
		font-size: 1rem;
		line-height: 1.7;
	}

	.account-login-grid {
		gap: 3rem;
	}

}


@media (max-width: 480px) {

	.account-login {
		padding: 4rem 0 5rem;
	}

	.account-login .account-login-header h1 {
		font-size: 3.5rem;
	}

	.account-login form.woocommerce-form-login {
		padding-top: 1.5rem;
	}

	.account-login .woocommerce-form-login .form-row:last-of-type {
		align-items: flex-start;
		flex-direction: column;
		gap: 1rem;
	}

	.account-login .woocommerce-form-login__submit {
		width: 100%;
		text-align: center;
	}

}

/* ========================================
   ACCOUNT OVERRIDES
======================================== */

.account-login .account-login-header .account-eyebrow,
.account-login .account-login-header h1,
.account-login .account-login-header > p {
	text-align: left;
}


/* ========================================
   REMOVE WOOCOMMERCE FORM BOX
======================================== */

.account-login form.woocommerce-form-login,
.account-login form.woocommerce-form-register {
	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}


/* ========================================
   LOGIN BUTTON
======================================== */

.account-login form.woocommerce-form-login button.woocommerce-form-login__submit {
	display: inline-block !important;

	margin: 0 !important;
	padding: 1rem 1.5rem !important;

	border: 1px solid #111 !important;
	border-radius: 0 !important;

	background: #111 !important;
	color: #fff !important;

	font: inherit !important;
	font-size: .75rem !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	letter-spacing: .1rem !important;

	cursor: pointer;

	transition:
		background .3s ease,
		color .3s ease !important;
}

.account-login form.woocommerce-form-login button.woocommerce-form-login__submit:hover {
	background: #fff !important;
	color: #111 !important;
}

/* ========================================
   ACCOUNT FINAL OVERRIDES
======================================== */

.account-login,
.account-login .container,
.account-login .account-login-header,
.account-login .account-login-header *,
.account-login .account-login-column,
.account-login .account-login-column *,
.account-login form,
.account-login form * {
	text-align: left !important;
}


/* ========================================
   ACCOUNT HEADER
======================================== */

.account-login .account-login-header {
	margin-bottom: 4rem !important;
}

.account-login .account-login-header .account-eyebrow {
	margin: 0 0 1.5rem !important;
}


/* ========================================
   LOGIN FORM
======================================== */

.account-login form.woocommerce-form-login {
	margin: 0 !important;
	padding: 2rem 0 2rem !important;

	border: none !important;
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;

	border-radius: 0 !important;
	box-shadow: none !important;

	background: transparent !important;
}


/* ========================================
   LOGIN FIELDS
======================================== */

.account-login form.woocommerce-form-login .form-row {
	width: 100% !important;
	margin: 0 0 1.5rem !important;
	padding: 0 !important;

	float: none !important;
}

.account-login form.woocommerce-form-login label {
	display: block !important;

	margin: 0 0 .65rem !important;

	color: #111 !important;

	font-size: .75rem !important;
	font-weight: 500 !important;

	text-transform: uppercase !important;
	letter-spacing: .07rem !important;

	text-align: left !important;
}


/* ========================================
   LOGIN INPUTS
======================================== */

.account-login form.woocommerce-form-login input.input-text {
	display: block !important;

	width: 100% !important;
	min-height: 3rem !important;

	padding: .85rem !important;

	border: 1px solid #ccc !important;
	border-radius: 0 !important;

	background: #fff !important;
	color: #111 !important;

	font: inherit !important;

	box-sizing: border-box !important;
}

.account-login form.woocommerce-form-login input.input-text:focus {
	outline: none !important;
	border-color: #111 !important;
}


/* ========================================
   REMEMBER ME
======================================== */

.account-login form.woocommerce-form-login .woocommerce-form-login__rememberme {
	display: inline-flex !important;

	align-items: center !important;
	gap: .6rem !important;

	margin: 0 !important;

	text-align: left !important;
}

.account-login form.woocommerce-form-login .woocommerce-form-login__rememberme input {
	width: 1rem !important;
	height: 1rem !important;

	margin: 0 !important;

	accent-color: #111 !important;
}


/* ========================================
   LOGIN BUTTON
======================================== */

.account-login form.woocommerce-form-login button.woocommerce-form-login__submit {
	display: inline-block !important;

	margin: 0 !important;
	padding: 1rem 1.5rem !important;

	width: auto !important;

	border: 1px solid #111 !important;
	border-radius: 0 !important;

	background: #111 !important;
	color: #fff !important;

	font: inherit !important;
	font-size: .75rem !important;
	font-weight: 500 !important;

	text-transform: uppercase !important;
	letter-spacing: .1rem !important;

	text-align: center !important;

	cursor: pointer !important;
}

.account-login form.woocommerce-form-login button.woocommerce-form-login__submit:hover {
	background: #fff !important;
	color: #111 !important;
}


/* ========================================
   LOST PASSWORD
======================================== */

.account-login form.woocommerce-form-login .lost_password {
	margin: 1.5rem 0 0 !important;
	padding: 0 0 2rem !important;

	text-align: left !important;
}

.account-login form.woocommerce-form-login .lost_password a {
	color: #111 !important;

	font-size: .8rem !important;

	text-decoration: none !important;
}

.account-login form.woocommerce-form-login .lost_password a:hover {
	text-decoration: underline !important;
}

/* ========================================
   LOGGED-IN ACCOUNT DASHBOARD
======================================== */

.account-dashboard {
	padding: 6rem 0 8rem;
}


/* ========================================
   ACCOUNT HEADER
======================================== */

.account-dashboard-header {
	max-width: 850px;
	margin-bottom: 5rem;
}

.account-dashboard-eyebrow {
	margin: 0 0 1.5rem;

	color: #666;

	font-size: .7rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .16rem;
}

.account-dashboard-header h1 {
	max-width: 800px;
	margin: 0;

	color: #111;

	font-size: clamp(4rem, 8vw, 7rem);
	font-weight: 500;
	line-height: .9;
	letter-spacing: -.055em;
}

.account-dashboard-header > p {
	max-width: 600px;
	margin: 2rem 0 0;

	color: #555;

	font-size: 1.05rem;
	line-height: 1.8;
}


/* ========================================
   ACCOUNT LAYOUT
======================================== */

.account-dashboard-layout {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 5rem;
	align-items: start;
}


/* ========================================
   ACCOUNT NAVIGATION
======================================== */

.account-dashboard-navigation {
	position: sticky;
	top: 2rem;
}

.account-dashboard-navigation ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

.account-dashboard-navigation li {
	margin: 0;
	padding: 0;

	border-bottom: 1px solid #ddd;
}

.account-dashboard-navigation li:first-child {
	border-top: 1px solid #ddd;
}

.account-dashboard-navigation a {
	display: block;

	padding: .9rem 0;

	color: #555;

	font-size: .8rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .08rem;

	text-decoration: none;

	transition:
		color .2s ease,
		padding-left .2s ease;
}

.account-dashboard-navigation a:hover {
	color: #111;
	padding-left: .35rem;
}

.account-dashboard-navigation .is-active a,
.account-dashboard-navigation .is-active a:hover {
	color: #111;
}


/* ========================================
   ACCOUNT CONTENT
======================================== */

.account-dashboard-content {
	min-width: 0;

	color: #555;

	font-size: 1rem;
	line-height: 1.8;
}

.account-dashboard-content,
.account-dashboard-content * {
	text-align: left;
}


/* ========================================
   DASHBOARD INTRO
======================================== */

.account-dashboard-content p {
	margin: 0 0 1.5rem;
}

.account-dashboard-content p:last-child {
	margin-bottom: 0;
}

.account-dashboard-content strong {
	color: #111;
	font-weight: 600;
}

.account-dashboard-content a {
	color: #111;
	text-underline-offset: 4px;
}


/* ========================================
   ACCOUNT HEADINGS
======================================== */

.account-dashboard-content h2,
.account-dashboard-content h3 {
	margin: 0 0 1.5rem;

	color: #111;

	font-weight: 500;
	line-height: 1;
}

.account-dashboard-content h2 {
	font-size: clamp(2.5rem, 4vw, 4rem);
	letter-spacing: -.04em;
}

.account-dashboard-content h3 {
	font-size: 1.2rem;
	letter-spacing: -.01em;
}


/* ========================================
   ACCOUNT TABLES
======================================== */

.account-dashboard-content table {
	width: 100%;
	margin: 2rem 0 0;

	border-collapse: collapse;
}

.account-dashboard-content th,
.account-dashboard-content td {
	padding: 1rem 0;

	border-bottom: 1px solid #ddd;

	text-align: left;

	font-size: .85rem;
	line-height: 1.5;
}

.account-dashboard-content th {
	color: #111;

	font-size: .7rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .07rem;
}

.account-dashboard-content td:last-child,
.account-dashboard-content th:last-child {
	text-align: right;
}


/* ========================================
   ACCOUNT BUTTONS
======================================== */

.account-dashboard-content .button,
.account-dashboard-content button,
.account-dashboard-content input[type="submit"] {
	display: inline-block;

	padding: 1rem 1.5rem;

	border: 1px solid #111 !important;
	border-radius: 0 !important;

	background: #111 !important;
	color: #fff !important;

	font: inherit;

	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .1rem;

	text-decoration: none;

	cursor: pointer;

	transition:
		background .3s ease,
		color .3s ease;
}

.account-dashboard-content .button:hover,
.account-dashboard-content button:hover,
.account-dashboard-content input[type="submit"]:hover {
	background: #fff !important;
	color: #111 !important;
}


/* ========================================
   ACCOUNT FORMS
======================================== */

.account-dashboard-content .form-row {
	margin: 0 0 1.5rem;
	padding: 0;
}

.account-dashboard-content .form-row label {
	display: block;

	margin-bottom: .65rem;

	color: #111;

	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .07rem;
}

.account-dashboard-content input.input-text,
.account-dashboard-content input[type="email"],
.account-dashboard-content input[type="text"],
.account-dashboard-content input[type="password"],
.account-dashboard-content textarea,
.account-dashboard-content select {
	display: block;

	width: 100%;
	min-height: 3rem;

	padding: .85rem;

	border: 1px solid #ccc;
	border-radius: 0;

	background: #fff;
	color: #111;

	font: inherit;

	box-sizing: border-box;

	transition:
		border-color .2s ease;
}

.account-dashboard-content input:focus,
.account-dashboard-content textarea:focus,
.account-dashboard-content select:focus {
	outline: none;
	border-color: #111;
}


/* ========================================
   ACCOUNT NOTICES
======================================== */

.account-dashboard-content .woocommerce-message,
.account-dashboard-content .woocommerce-info,
.account-dashboard-content .woocommerce-error {
	margin: 0 0 2rem;
	padding: 1rem 1.25rem;

	border: 1px solid #ddd;

	background: #fafafa;
	color: #555;

	font-size: .85rem;
	line-height: 1.6;
}


/* ========================================
   ACCOUNT RESPONSIVE
======================================== */

@media (max-width: 992px) {

	.account-dashboard {
		padding: 5rem 0 7rem;
	}

	.account-dashboard-layout {
		grid-template-columns: 180px minmax(0, 1fr);
		gap: 3rem;
	}

}


@media (max-width: 768px) {

	.account-dashboard {
		padding: 5rem 0 6rem;
	}

	.account-dashboard-header {
		margin-bottom: 3.5rem;
	}

	.account-dashboard-header h1 {
		font-size: clamp(3.5rem, 14vw, 5.5rem);
	}

	.account-dashboard-header > p {
		margin-top: 1.75rem;
		font-size: 1rem;
		line-height: 1.7;
	}

	.account-dashboard-layout {
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.account-dashboard-navigation {
		position: static;
	}

	.account-dashboard-navigation ul {
		border-top: 1px solid #ddd;
	}

	.account-dashboard-navigation a {
		padding: 1rem 0;
	}

	.account-dashboard-content h2 {
		font-size: 2.5rem;
	}

}


@media (max-width: 480px) {

	.account-dashboard {
		padding: 4rem 0 5rem;
	}

	.account-dashboard-header h1 {
		font-size: 3.5rem;
	}

	.account-dashboard-layout {
		gap: 2.5rem;
	}

	.account-dashboard-content {
		font-size: .95rem;
	}

	.account-dashboard-content table {
		font-size: .8rem;
	}

}
/* ========================================
   ACCOUNT HEADER ALIGNMENT
======================================== */

.account-dashboard-header {
	text-align: left;
}

.account-dashboard-header .account-dashboard-eyebrow,
.account-dashboard-header h1,
.account-dashboard-header > p {
	text-align: left;
}

/* ========================================
   ACCOUNT ORDERS
======================================== */

.account-dashboard-content .woocommerce-orders-table {
	width: 100%;
	margin: 0;

	border-collapse: collapse;
}

.account-dashboard-content .woocommerce-orders-table th,
.account-dashboard-content .woocommerce-orders-table td {
	padding: 1rem 0;

	border-bottom: 1px solid #ddd;

	text-align: left;
}

.account-dashboard-content .woocommerce-orders-table th {
	color: #111;

	font-size: .7rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .08rem;
}

.account-dashboard-content .woocommerce-orders-table td {
	color: #555;

	font-size: .9rem;
}

.account-dashboard-content .woocommerce-orders-table a {
	color: #111;
	text-decoration: none;
}

.account-dashboard-content .woocommerce-orders-table a:hover {
	text-decoration: underline;
}


/* ========================================
   EMPTY ORDERS
======================================== */

.account-dashboard-content .woocommerce-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;

	margin: 0;
	padding: 1.5rem 0;

	border: none;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;

	background: transparent;

	color: #555;

	font-size: .95rem;
	line-height: 1.6;
}


/* ========================================
   ORDERS BUTTON
======================================== */

.account-dashboard-content .woocommerce-info .button {
	flex-shrink: 0;

	margin: 0;
	padding: 1rem 1.5rem;

	border: 1px solid #111 !important;
	border-radius: 0 !important;

	background: #111 !important;
	color: #fff !important;

	font-size: .75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .1rem;

	text-decoration: none;

	transition:
		background .3s ease,
		color .3s ease;
}

.account-dashboard-content .woocommerce-info .button:hover {
	background: #fff !important;
	color: #111 !important;
}


/* ========================================
   ORDERS RESPONSIVE
======================================== */

@media (max-width: 768px) {

	.account-dashboard-content .woocommerce-info {
		align-items: flex-start;
		flex-direction: column;
		gap: 1.5rem;
	}

	.account-dashboard-content .woocommerce-info .button {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

}

/* ========================================
   ORDERS BUTTON ALIGNMENT
======================================== */

.account-dashboard-content .woocommerce-info .button {
	margin-left: auto;
}

/* ========================================
   ACCOUNT ADDRESSES
======================================== */


/* Layout */

.woocommerce-account .woocommerce-Addresses {

	display: flex;
	flex-direction: row;
	gap: 4rem;

	width: 100%;
	margin-top: 2rem;

}


.woocommerce-account .woocommerce-Address {

	flex: 1;
	width: 100%;

}


/* Titles */

.woocommerce-account .woocommerce-Address-title {

	margin-bottom: 1.5rem;

}


.woocommerce-account .woocommerce-Address-title h2 {

	margin: 0 0 1rem;

	font-size: 2rem;
	font-weight: 400;
	line-height: 1.15;

	color: #111;

}


/* Edit links */

.woocommerce-account .woocommerce-Address-title {

	display: flex;
	flex-direction: column;
	align-items: flex-start;

}

.woocommerce-account .woocommerce-Address-title .edit {

	display: inline-block;

	margin-top: .5rem;

	font-size: .7rem;
	font-weight: 500;

	letter-spacing: .12rem;
	text-transform: uppercase;

	color: #111;

	text-decoration: none;

	border-bottom: 1px solid #111;

	padding-bottom: .4rem;

}


/* Address content */

.woocommerce-account .woocommerce-Address address {

	margin: 1.5rem 0 0;

	padding-top: 1.5rem;

	border-top: 1px solid #ddd;

	font-size: .95rem;

	line-height: 1.8;

	color: #666;

	font-style: normal;

}


/* Empty address message */

.woocommerce-account .woocommerce-Address address:empty {

	display: none;

}


/* Mobile */

@media (max-width: 768px) {


	.woocommerce-account .woocommerce-Addresses {

		flex-direction: column;
		gap: 3rem;

	}


	.woocommerce-account .woocommerce-Address-title h2 {

		font-size: 1.8rem;

	}

}

.woocommerce-account .woocommerce-Address address {

	margin-top: 2rem;

}

/* ========================================
   ACCOUNT DETAILS
======================================== */


.woocommerce-account .woocommerce-EditAccountForm {

	width: 100%;

}


/* Labels */

.woocommerce-account .woocommerce-EditAccountForm label {

	font-size: .7rem;
	font-weight: 600;

	letter-spacing: .12rem;
	text-transform: uppercase;

	color: #111;

	display: block;

	margin-bottom: .8rem;

}


/* Inputs */

.woocommerce-account .woocommerce-EditAccountForm input {

	width: 100%;

	height: 52px;

	border: 1px solid #ddd;

	padding: 0 1rem;

	font-size: 1rem;

	background: transparent;

	color: #111;

}


.woocommerce-account .woocommerce-EditAccountForm input:focus {

	outline: none;

	border-color: #111;

}


/* Two column name fields */

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row-first,
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row-last {

	width: 48%;

}


/* ========================================
   PASSWORD SECTION
======================================== */


.woocommerce-account .woocommerce-EditAccountForm fieldset {

	margin-top: 4rem;

	padding: 2rem 0 0;

	border: none;

	border-top: 1px solid #ddd;

}


.woocommerce-account .woocommerce-EditAccountForm legend {

	font-size: 1.5rem;

	font-weight: 400;

	color: #111;

	padding: 0;

}


/* Password fields */

.woocommerce-account .woocommerce-EditAccountForm .password-input {

	display: block;

}


/* Button */

.woocommerce-account .woocommerce-EditAccountForm button:not(.show-password-input) {

	margin-top: 2rem;

	background: #111;

	color: white;

	border: none;

	padding: 1rem 2.5rem;

	font-size: .75rem;

	font-weight: 600;

	letter-spacing: .15rem;

	text-transform: uppercase;

	cursor: pointer;

	transition: .3s ease;

}


.woocommerce-account .woocommerce-EditAccountForm button:hover {

	background: #333;

}


/* Mobile */

@media(max-width:768px){

	.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row-first,
	.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row-last {

		width:100%;

	}

}

/* ========================================
   PASSWORD VISIBILITY ICON FIX
======================================== */

.woocommerce-account .woocommerce-EditAccountForm .show-password-input {

	background: transparent !important;

	color: #111;

	border: none;

	padding: 0;

	margin: 0;

	width: auto;

	height: auto;

	font-size: inherit;

	letter-spacing: normal;

	text-transform: none;

}

.woocommerce-account .woocommerce-EditAccountForm button:not(.show-password-input) {

	margin-top: 3rem;

}

/* ========================================
   ACCOUNT SIDEBAR
======================================== */


.woocommerce-account .woocommerce-MyAccount-navigation {

	width: 20%;

}


/* Account heading */

.ccc-account-menu-title {

	font-size: .7rem;

	font-weight: 600;

	letter-spacing: .15rem;

	text-transform: uppercase;

	color: #111;

	margin-bottom: 2rem;

}


/* Navigation list */

.woocommerce-account .woocommerce-MyAccount-navigation ul {

	list-style: none;

	padding: 0;

	margin: 0;

}


/* Remove old spacing */

.woocommerce-account .woocommerce-MyAccount-navigation li {

	margin: 0;

	padding: 0;

	border: none;

}


/* Links */

.woocommerce-account .woocommerce-MyAccount-navigation a {

	display: block;

	padding: .8rem 0;

	font-size: .85rem;

	font-weight: 500;

	letter-spacing: .08rem;

	text-transform: uppercase;

	color: #555;

	text-decoration: none;

	transition: color .3s ease;

	white-space: nowrap;

}


/* Hover */

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {

	color: #111;

}


/* Active page */

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {

	color: #111;
	font-weight: 600;

}


/* Logout separation */

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {

	margin-top: 2rem !important;

	padding-top: 2rem !important;

	border-top: 1px solid #ddd !important;

}

/* Sidebar refinement */

.woocommerce-account .woocommerce-MyAccount-navigation a {

	padding: 1rem 0;

}


.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {

	font-weight: 600;

	color: #111;

}


.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {

	margin-top: 3rem !important;

	padding-top: 2rem !important;

	border-top: 1px solid #ddd !important;

}