/**
 * Component Styles @ Footer
 */

#client_area_page .page-container #pre_sales_container:checked ~ .profile-container,
#client_area_page .page-container #profile_container:checked ~ .pre-sales-container {
	display: none;
}

#client_area_page .page-container .btn--primary {
	width: 50%;
	height: 56px;
	display: flex;
	justify-content: center;
	font-size: 14px;
	line-height: 16px;
}

#client_area_page .page-container .btn--primary::after {
	display: none;
}

#client_area_page .page-container #pre_sales_container:checked ~ div .pre-sales-btn,
#client_area_page .page-container #pre_sales_container ~ div .pre-sales-btn:hover,
#client_area_page .page-container #profile_container:checked ~ div .profile-btn,
#client_area_page .page-container #profile_container ~ div .profile-btn:hover {
	background-color: var(--brand-color1);
	color: #fff;
}

#client_area_page .page-container #pre_sales_container ~ div .pre-sales-btn,
#client_area_page .page-container #profile_container ~ div .profile-btn {
	background-color: #fff;
	color: rgba(5, 34, 27, 0.5);
}

/**********************************************************/
/**********************************************************/
/*** Pres-sales ***/
/**********************************************************/
/**********************************************************/

#client_area_page .page-container .pre-sales-container {
	min-height: 50vh;
	flex-direction: column;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info {
	margin: 54px auto;
	height: auto;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info #temp_msg h4,
#client_area_page .page-container .pre-sales-container .pre-sale-info #temp_msg .btn {
	text-align: center;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .title {
	font-family: "Secondary-Bold";
	font-size: 22px;
	line-height: 26px;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .artist {
	font-family: "Secondary-Regular";
	font-size: 16px;
	line-height: 19px;
	margin: .5rem 0;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .nfts-ref {
	font-family: "Secondary-Regular";
	font-size: 12px;
	line-height: 16px;
	color: rgba(5, 34, 27, 0.5);
	margin: .5rem 0;

}

#client_area_page .page-container .pre-sales-container .pre-sale-info .nfts-ref div:nth-child(1) {
	width: 100px;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .info-tags {
	font-size: 13px;
	line-height: 15px;
	display: flex;
	justify-content: space-between;
	padding: .5rem 11px;
	margin-top: 1rem;
}


#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li {
	display: flex;
	background: var(--secondary-color);
	height: 60px;
	padding: 1rem .5rem;
	margin: .5rem 0;
	font-size: 13px;
	line-height: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .info-tags div:nth-child(1),
#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li div:nth-child(1) {
	width: 30%;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li div:nth-child(1) span {
	font-family: 'Secondary-Bold';
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .info-tags div:nth-child(2),
#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li div:nth-child(2) {
	width: 50%;
	text-align: left;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .info-tags div:nth-child(3),
#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li div:nth-child(3) {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li.success {
	border-left: 3px solid var(--success-color);
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li.waiting {
	border-left: 3px solid var(--info-color);
}

#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li.error {
	border-left: 3px solid var(--error-color);
}

/**********************************************************/
/**********************************************************/
/*** Pres-sales ***/ /* END */
/**********************************************************/
/**********************************************************/

/**********************************************************/
/**********************************************************/
/*** Profile ***/
/**********************************************************/
/**********************************************************/


#client_area_page .page-container .profile-container .validation-message {
	font-size: 14px;
	color: #fff;
    margin: -3rem auto 3rem auto;
}
#client_area_page .page-container .profile-container .validation-message.message-type-success {
	padding: 10px;
	background-color: #00F0B6;
}
#client_area_page .page-container .profile-container .validation-message.message-type-error {
	padding: 10px;
	background-color: #F0003A;
}
#client_area_page .page-container .profile-container .validation-message.message-type-warning {
	padding: 10px;
	background-color: #e0be0a;
}
#client_area_page .page-container .profile-container .validation-message.message-type-info {
	padding: 10px;
	background-color: #6335FA;
}

#client_area_page .page-container .profile-container {
	height: 100%;
	flex-direction: column;
}

#client_area_page .page-container .profile-container .title {
	font-family: "Secondary-Bold";
	font-size: 22px;
	line-height: 26px;
	margin: 54px auto;
}

#client_area_page .page-container .profile-container .profile-form {
	margin: auto;
	margin-bottom: 30px;
	/* height: 450px; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#client_area_page .page-container .profile-container .profile-form .input-container {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 20px;
}

#client_area_page .page-container .profile-container .profile-form .input-container > div {
	font-size: 14px;
	line-height: 16px;
	font-family: "Secondary-Bold";
	color: rgba(5, 34, 27, 0.6);
	margin: 0.5rem 0;
}

#client_area_page .page-container .profile-container .profile-form .input-container input[type="text"],
#client_area_page .page-container .profile-container .profile-form .input-container textarea {
	border: 1px solid rgba(5, 34, 27, 0.15);
	border-radius: 0;
	width: 100%;
	height: 40px;
	padding: 10px;
	font-size: 14px;
	line-height: 16px;
	/* position: absolute; */
	resize: none;
	font-family: "Secondary-Regular";
}
#client_area_page .page-container .profile-container .profile-form .input-container textarea {
	height: 80px;
}

#client_area_page .page-container .profile-container .profile-form .input-container input[type="text"]:focus-visible,
#client_area_page .page-container .profile-container .profile-form .input-container textarea:focus {
	box-shadow: inset 1px 1px 0 var(--brand-color1);
	border: none;
}

#client_area_page .page-container .profile-container .btn--primary {
	width: 100%;
	margin: 3rem auto;
}

/**********************************************************/
/**********************************************************/
/*** Profile ***/ /* END */
/**********************************************************/
/**********************************************************/

/* SM */
@media (min-width: 576px) {
}
/* MD */
@media (min-width: 768px) {

	#client_area_page .page-container .profile-container .profile-form {
		/* height: 280px; */
	}

	#client_area_page .page-container .profile-container .profile-form {
		flex-wrap: wrap;
		flex-direction: row;
	}
	#client_area_page .page-container .profile-container .profile-form .input-container {
		width: 48%;
	}

	#client_area_page .page-container .profile-container .btn--primary,
	#client_area_page .page-container .profile-container .validation-message {
		width: 40%;
		margin-right: 0;
	}
}
/* LG */
@media (min-width: 992px) {
}
/* XL */
@media (min-width: 1200px) {
	#client_area_page .page-container .btn--primary {
		height: 70px;
		font-size: 16px;
		line-height: 20px;
	}

	#client_area_page .page-container .pre-sales-container .pre-sale-info .title {
		font-size: 26px;
		line-height: 30px;
	}
	#client_area_page .page-container .pre-sales-container .pre-sale-info .artist {
		font-size: 18px;
		line-height: 24px;
	}
	#client_area_page .page-container .pre-sales-container .pre-sale-info .nfts-ref {
		font-size: 15px;
		line-height: 19px;
	}
	#client_area_page .page-container .pre-sales-container .pre-sale-info .info-tags {
		font-size: 14px;
		line-height: 18px;
	}
	#client_area_page .page-container .pre-sales-container .pre-sale-info .info-process ul li {
		font-size: 16px;
		line-height: 20px;
		height: auto;
	}

}
/* XXL */
@media (min-width: 1400px) {
}