/*** INDEX ***\

= PAGE HEADLINE

= MY ACCOUNT
 - Navigation
 - Main content
  - Request quotes

= LOST PASSWORD

\*** END INDEX ***/

/*
//======================================================================
// PAGE HEADLINE
//======================================================================
*/

.page-headline {
	background-color: #f3f3f3;
	background-color: var(--gray1, #f3f3f3);
}

.page-headline .breadcrumbs {
	color: #8d8d8d;
	color: var(--gray8, #8d8d8d);
	font-size: 0.875rem;
	font-size: var(--font14px, 0.875rem);
	
	padding: 17px 0;
	border-bottom: 1px solid;
	
	border-color: #d8d8d8;
	border-color: var(--gray10, #d8d8d8);
}

.page-headline h1 {
	font-size: 3.375rem;
	font-size: var(--font54px, 3.375rem);
	
	margin: 0;
	padding: 73px 0;
}

/*
//======================================================================
// PAGE HEADLINE - END
//======================================================================
*/

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

.my-account-wrap {
	background-color: #fff;
	background-color: var(--white1, #fff);
	
	padding: 50px 0;
}

.my-account-wrap > .woocommerce {
	display: flex;
	justify-content: space-between;
}

.my-account-wrap > .woocommerce::before,
.my-account-wrap > .woocommerce::after {
	display: none;
}

.my-account-wrap .woocommerce-MyAccount-navigation,
.my-account-wrap .woocommerce-MyAccount-content {
	width: auto;
	float: unset;
}

.my-account-wrap .woocommerce-MyAccount-navigation {
	flex-basis: 480px;
}

.my-account-wrap .woocommerce-MyAccount-content {
	flex-basis: 960px;
}

@media (max-width: 1460px) {
	.my-account-wrap .woocommerce-MyAccount-navigation {
		flex-basis: 240px;
	}
	
	.my-account-wrap .woocommerce-MyAccount-content {
		flex-basis: 720px;
		padding-right: 50px;
	}
}

@media (max-width: 1023px) {
	.my-account-wrap > .woocommerce {
		justify-content: unset;
		flex-direction: column;
	}
	
	.my-account-wrap .woocommerce-MyAccount-navigation,
	.my-account-wrap .woocommerce-MyAccount-content {
		padding: 0;
		flex-basis: unset;
	}
	
	.my-account-wrap .woocommerce-MyAccount-content {
		margin-top: 50px;
	}
}

@media (max-width: 500px) {
	.my-account-wrap {
		padding-right: 30px;
		padding-left: 30px;
	}
}

/*
//-------------------------------
// Navigation
//-------------------------------
*/

.my-account-wrap .woocommerce-MyAccount-navigation ul {
	font-size: 1.250rem;
	font-size: var(--font20px, 1.250rem);
	
	width: 70%;
}

.my-account-wrap .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid;
	
	border-color: #676767;
	border-color: var(--gray5, #676767);
}

@media (max-width: 1460px) {
	.my-account-wrap .woocommerce-MyAccount-navigation ul {
		width: 100%;
	}
}

/*
//-------------------------------
// Navigation - end
//-------------------------------
*/

/*
//-------------------------------
// Main content
//-------------------------------
*/

.my-account-wrap .woocommerce-MyAccount-content {
	font-size: 1.125rem;
	font-size: var(--font18px, 1.125rem);
}

.my-account-wrap .woocommerce-MyAccount-content input {
	background-color: #f1f1f1;
	background-color: var(--gray14, #f1f1f1);
	font-weight: 500;
	font-weight: var(--fw500, 500);
	width: 100%;
	border: none;
	border-bottom: 1px solid;
	border-radius: 4px 4px 0 0;
	font-size: 1.125rem;
	font-size: var(--font18px, 1.125rem);
	padding: 13px 20px;
	outline: unset;
	font-family: sans-serif;
	border-color: #676767;
	border-color: var(--gray5, #676767);
}

/*
//-------------------------------
// Request quotes
//-------------------------------
*/

.request-quote-wrap .not-available {
	font-size: 1.250rem;
	font-size: var(--font20px, 1.250rem);
	color: #676767;
	color: var(--gray5, #676767);
}

.request-quote-wrap .list-headers ul {
	display: flex;
	border: 1px solid;

	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list-headers ul li {
	font-size: 1.250rem;
	font-size: var(--font20px, 1.250rem);
	font-weight: 700;
	font-weight: var(--fw700, 700);
	
	flex-basis: 20%;
	flex-shrink: 0;
	padding: 15px;
}

.request-quote-wrap .list-headers ul li:not(:last-child) {
	border-left: 1px solid;
	
	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list-headers ul li:last-child {
	margin-left: 20%;
}

.request-quote-wrap .list > ul > li {
	border: 1px solid;
	border-top: none;
	
	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list > ul > li button {
	display: block;
	width: 100%;
	text-align: right;
}

.request-quote-wrap .list > ul > li button ul {
	display: flex;
}

.request-quote-wrap .list > ul > li button ul li {
	font-size: 1.250rem;
	font-size: var(--font20px, 1.250rem);
	color: #676767;
	color: var(--gray5, #676767);
	
	flex-basis: 20%;
	flex-shrink: 0;
	padding: 10px;
	display: flex;
	align-items: center;
}

.request-quote-wrap .list > ul > li button ul li:first-child {
	font-weight: 700;
	font-weight: var(--fw700, 700);
}

.request-quote-wrap .list > ul > li button ul li:not(:last-child) {
	border-left: 1px solid;

	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list > ul > li button ul li .toggle {
	background-color: #f4f4f4;
	background-color: var(--gray2, #f4f4f4);
	font-weight: 700;
	font-weight: var(--fw700, 700);
	
	width: 100%;
	padding: 6px;
	border-radius: 8px;
	display: block;
	-webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.5);
	text-align: center;
}

.request-quote-wrap .list > ul > li .all-content {
	background-color: #fbfbfb;
	background-color: var(--white2, #fbfbfb);
	
	border-top: 1px solid;
	display: none;
	
	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list > ul > li .all-content .headline {
	font-size: 1.5rem;
	font-size: var(--font24px, 1.5rem);
	font-weight: 700;
	font-weight: var(--fw700, 700);
	
	padding: 20px 10px;
}

.request-quote-wrap .list > ul > li .all-content .products-list-headers ul {
	border-top: 1px solid;
	border-bottom: 1px solid;
	display: flex;
	
	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list > ul > li .all-content .products-list-headers ul li {
	font-size: 1.250rem;
	font-size: var(--font20px, 1.250rem);
	font-weight: 700;
	font-weight: var(--fw700, 700);

	flex-basis: 25%;
	flex-shrink: 0;
	padding: 15px;
	border-right: 1px solid;
	
	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list > ul > li .all-content .products-list-headers ul li:first-child {
	margin-right: 25%;
}

.request-quote-wrap .list > ul > li .all-content .product-list ul {
	display: flex;
}

.request-quote-wrap .list > ul > li .all-content .product-list ul:not(:last-child) {
	border-bottom: 1px solid;
	
	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list > ul > li .all-content .product-list ul li {
	font-size: 1.250rem;
	font-size: var(--font20px, 1.250rem);
	color: #676767;
	color: var(--gray5, #676767);

	flex-basis: 25%;
	flex-shrink: 0;
	padding: 15px;
	display: flex;
	align-items: center;
}

.request-quote-wrap .list > ul > li .all-content .product-list ul li:not(:first-child) {
	border-right: 1px solid;

	border-color: #e5e5e5;
	border-color: var(--gray7, #e5e5e5);
}

.request-quote-wrap .list > ul > li .all-content .product-list ul .image {
	justify-content: center;
}

.request-quote-wrap .list > ul > li .all-content .product-list ul .image a {
	max-width: 70px;
}

.request-quote-wrap .list > ul > li .all-content .product-list ul .name {
	font-family: futura;
}

@media (max-width: 1023px) {
	.request-quote-wrap .list-headers {
		display: none;
	}
	
	.request-quote-wrap .list > ul > li {
		border: none;
	}
	
	.request-quote-wrap .list > ul > li:not(:last-child) {
		border-bottom: 1px solid;
		
		border-color: #e5e5e5;
		border-color: var(--gray7, #e5e5e5);
	}
	
	.request-quote-wrap .list > ul > li button ul {
		display: block;
		padding: 20px;
	}
	
	.request-quote-wrap .list > ul > li button ul li {
		padding: 0;
		flex-basis: unset;
	}

	.request-quote-wrap .list > ul > li button ul li:not(:last-child) {
		border: none;
		margin-bottom: 15px;
	}

	.request-quote-wrap .list > ul > li button ul li:not([data-mobile-title=""]):before {
		font-weight: 700;
		font-weight: var(--fw700, 700);

		content: attr(data-mobile-title)': ';
		display: inline-block;
		margin-left: 10px;
	}
	
	.request-quote-wrap .list > ul > li button ul li .toggle {
		width: auto;
		padding: 6px 30px;
	}
	
	.request-quote-wrap .list > ul > li .all-content {
		border-bottom: 5px solid;

		border-color: #e5e5e5;
		border-color: var(--gray7, #e5e5e5);
	}
	
	.request-quote-wrap .list > ul > li .all-content .products-list-headers,
	.request-quote-wrap .list > ul > li .all-content .headline {
		display: none;
	}
	
	.request-quote-wrap .list > ul > li .all-content .product-list ul {
		display: block;
	}
	
	.request-quote-wrap .list > ul > li .all-content .product-list ul li {
		flex-basis: unset;
		flex-shrink: 0;
		align-items: unset;
		padding: 5px 15px;
	}
	
	.request-quote-wrap .list > ul > li .all-content .product-list ul li:not([data-mobile-title=""]):before {
		font-weight: 700;
		font-weight: var(--fw700, 700);

		content: attr(data-mobile-title)': ';
		display: inline-block;
		margin-left: 10px;
		font-family: OronMFW, sans-serif;
	}
	
	.request-quote-wrap .list > ul > li .all-content .product-list ul .image {
		justify-content: unset;
	}
}

/*
//-------------------------------
// Request quotes - end
//-------------------------------
*/

/*
//-------------------------------
// Main content - end
//-------------------------------
*/

/*
//======================================================================
// MY ACCOUNT - END
//======================================================================
*/

/*
//======================================================================
// LOST PASSWORD - END
//======================================================================
*/

.woocommerce-lost-password .my-account-wrap > .woocommerce {
	flex-direction: column;
}

.woocommerce-lost-password .woocommerce-notices-wrapper,
.woocommerce-lost-password .woocommerce-message,
.woocommerce-lost-password .woocommerce-message + p {
	max-width: 480px;
	width: 100%;
}

.woocommerce-lost-password .my-account-wrap form {
	max-width: 480px;
	width: 100%;
	font-size: 1.125rem;
	font-size: var(--font18px, 1.125rem);
}

.woocommerce-lost-password .my-account-wrap .form-row,
.woocommerce-lost-password .my-account-wrap .form-row-first,
.woocommerce-lost-password .my-account-wrap .form-row-last {
	float: unset;
	padding: 0;
	width: 100%;
}

.woocommerce-lost-password .my-account-wrap form input {
	background-color: #f1f1f1;
	background-color: var(--gray14, #f1f1f1);
	font-weight: 500;
	font-weight: var(--fw500, 500);
	width: 100%;
	border: none;
	border-bottom: 1px solid;
	border-radius: 4px 4px 0 0;
	font-size: 1.125rem;
	font-size: var(--font18px, 1.125rem);
	padding: 13px 20px;
	outline: unset;
	font-family: sans-serif;
	border-color: #676767;
	border-color: var(--gray5, #676767);
}

.woocommerce-lost-password .my-account-wrap form button,
.woocommerce-lost-password .my-account-wrap form button:hover,
.woocommerce-lost-password .my-account-wrap form button:disabled {
	color: #fff !important;
	color: var(--white1, #fff) !important;
	background-color: #000000 !important;
	background-color: var(--black, #000000) !important;
	font-size: 1.125rem;
	font-size: var(--font18px, 1.125rem);
	cursor: pointer;
	padding: 12px 45px !important;
	border: none;
	outline: unset;
	border-radius: 4px;
}

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