.elementor-13 .elementor-element.elementor-element-2541b80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-718c7643{--display:flex;}.elementor-13 .elementor-element.elementor-element-0d1c014{--display:flex;}.elementor-13 .elementor-element.elementor-element-9381ebc{--display:flex;}.elementor-13 .elementor-element.elementor-element-f7f70a7{--display:flex;}.elementor-13 .elementor-element.elementor-element-aabaee6{--display:flex;}.elementor-13 .elementor-element.elementor-element-90759f5{--display:flex;}.elementor-13 .elementor-element.elementor-element-285f9f4{--display:flex;}.elementor-13 .elementor-element.elementor-element-d9b6042{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-d9b6042.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-5a3a931{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-9a6e5af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-9500830{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-1598336{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13 .elementor-element.elementor-element-009d3a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:880px){.elementor-13 .elementor-element.elementor-element-9381ebc{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-aabaee6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-285f9f4 */.mobileAccountProfileArea{
    background-color: var(--background-darker-brown);
    margin: 0 !important;
    padding: 30px !important;
}

@media only screen and (min-width: 881px) {
    .mobileAccountProfileArea{
        display: none !important;
    }
}

/* Hides extra spacing on top when on mobile mode */
@media only screen and (max-width: 880px) {
    .accountTopCustomSectionSpacing{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aabaee6 *//* Logged in content area */
body.logged-in .accountContentArea{
    max-width: 1060px;
    margin: auto;
    padding: 0;
}

body.logged-in .accountContentArea:not(:has(.accountPage_default)),
body.logged-in .accountContentArea:has(.accountPage_default) .accountDashboard{
    margin-top: 70px;
}

@media only screen and (max-width: 880px) {
    body.logged-in .accountContentArea:not(:has(.accountPage_default)),
    body.logged-in .accountContentArea:has(.accountPage_default) .accountDashboard{
        margin-top: 50px;
    }
    
}

@media only screen and (max-width: 550px) {
    body.logged-in .accountContentArea:not(:has(.accountPage_default)),
    body.logged-in .accountContentArea:has(.accountPage_default) .accountDashboard{
        margin-top: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed9dc6f *//* Ghost Button */
/* Ghost button is handled trough the Appearance Customise */

/* Sign In / Sign Up - Change Background Color */
/* body background changes color, handled in script*/

/* ----- Form Styling ----- */

/* Text Heading */
#customer_login .formHeading{
	font-family: "Georama", Sans-Serif;
	font-weight: 700;
	font-size: 50px;
	color: #402220;
	margin: 0 0 30px 0;
	padding: 0;
}

#customer_login p{
	flex-wrap: wrap;
	text-align: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Input Labels */
/*#customer_login p label{*/
/*	font-family: "Georama";*/
/*	font-weight: 600;*/
/*	font-size: 20px;*/
/*	color: #4D211A;*/
/*	margin-bottom: 0;*/
/*	padding: 0;*/
/*	line-height: 24px;*/
/*}*/

/*#customer_login p input{*/
/*	margin: 5px 0 20px 0;*/
/*}*/

/* Remember Me */
#customer_login .woocommerce-form__label-for-checkbox span,
#customer_login .woocommerce-form__label-for-checkbox{
	max-width: fit-content;
}

/* Button */
#customer_login .button{
	width: 100%;
	margin: 15px 0 0 0;
}

/* Lost Your Password */
#customer_login .lost_password a{
	color: #B15139;
	text-decoration: none;
	font-family: Georama;
	font-weight: 500;
	font-size: 16px;
}
#customer_login .lost_password a:hover{
	color: #2A8C8C;
}
#customer_login .lost_password{
	text-align: center;
	margin-top: 15px;
}

/* Overlay Panel */
#customer_login .customer_login_overlay-panel h1{
	font-family: "Georama";
	font-weight: 700;
	font-size: 50px;
	margin: 0;
	color: #FFFAF3;
	line-height: 55px;
}

#customer_login .customer_login_overlay-panel p{
	font-family: "Georama";
	font-weight: 600;
	font-size: 20px;
	
	margin: 30px auto 17px auto;
	color: #FFFAF3;
	text-align: center;
}

/* -----  Hide Wordpress Default Login / Register ----- */
#customer_login .u-column1.col-1:not(form) > h2,
#customer_login .u-column2.col-2:not(form) > h2{
    display: none;
}

/* Moved to Appearance CSS

----- Privacy Policy Text -----
#customer_login .woocommerce-privacy-policy-text,
#customer_login .woocommerce-privacy-policy-text a{
	font-family: "Georama";
	font-weight: 500;
	color: #4D211A;
	font-size: 16px;
	line-height: 19px;
}

#customer_login .woocommerce-privacy-policy-text a{
	font-weight: 700;
	color: #2A8C8C;
	text-decoration: none;
	transition: color 0.2s ease-in-out;
}

#customer_login .woocommerce-privacy-policy-text a:hover{
	color: #B15139;
} */

/* ----- Password Validation Colours ----- */
#customer_login #reg_password{
	margin-bottom: 0;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-bottom: 0 !important;
}

#customer_login #password_strength_label{
	display: block;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	text-align: center;
	
	color: #FFFAF3;
	font-family: "Georama";
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	border: 2px solid #662C23;
	border-radius: 0 0 10px 10px;
}

.passwordValidation_default {
	background-color: #662C23;
}

.passwordValidation_veryWeak {
	background-color: #E82E00;
}

.passwordValidation_weak {
	background-color: #E86500;
}

.passwordValidation_medium {
	background-color: #F8AD00;
}

.passwordValidation_strong {
	background-color: #6D9B00;
}

/* ----- Common ----- */
/* Main Code */
#customer_login .woocommerce-form-login,
#customer_login .woocommerce-form-register{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0;
	margin: 0;
	text-align: center;
	border: none;
}

#customer_login input {
	border: none;
	padding: 12px 15px;
	/* margin: 8px 0; */
	width: 100%;
}

#customer_login {
	border-radius: 20px;
  	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 
			0 10px 10px rgba(0,0,0,0.22);
	position: relative;
	overflow: hidden;
	width: 880px;
	margin: 0;
	padding: 0;
	max-width: 100%;	
	display: grid !important;
	margin: auto;
	background-color: #FFFAF3;
}

#customer_login .u-column1,
#customer_login .u-column2 {
	background-color: #FFFAF3;
	position: relative;
	top: 0;
	height: 100%;
	padding: 30px;	
}

#customer_login .u-column1 {
	left: 0;
	width: 60%;
}

#customer_login .u-column2 {
	left: 0;
	width: 60%;
}

/* ----- Fading Animations - Desktop ----- */

@keyframes customer_login_fadeIn_desktop {
      0% { opacity: 0; max-height: 0; z-index: 0; display: none;}
	 50% { opacity: 0; max-height: 0; z-index: 0; display: none;}
    100% { opacity: 1; max-height: 100%; z-index: 2; pointer-events: all;}
}

@keyframes customer_login_fadeOut_desktop {
      0% { opacity: 1; max-height: 100%; z-index: 2; pointer-events: none;}
	 50% { opacity: 0; max-height: 0; z-index: 0; display: none;}
	100% { opacity: 0; max-height: 0; z-index: 0; padding: 0; display: none;}
}
	
/* ----- Fading Animations - Mobile ----- */
@keyframes customer_login_fadeIn_mobile {
      0% { opacity: 0; max-height: 0; z-index: 0; padding: 0; display: none;}
	 50% { opacity: 0; max-height: 0; z-index: 0; display: none;}
	100% { opacity: 1; max-height: 100%; z-index: 2; pointer-events: all;}
}

@keyframes customer_login_fadeOut_mobile {
      0% { opacity: 1; max-height: 100%; z-index: 2; pointer-events: none;}
	 50% { opacity: 0; max-height: 0; z-index: 0; display: none;}
	100% { opacity: 0; max-height: 0; z-index: 0; padding-top: 0; padding-bottom: 0; display: none;}
	
}


/* ----- Overlay Code ----- */

#customer_login_overlay-container {
	position: absolute;
	top: 0;
	left: 60%;
	width: 40%;
	height: 100%;
	overflow: hidden;
	z-index: 3;
}

#customer_login_overlay {
	background-color: #B15139;
	color: #FFFAF3;
	position: relative;
	left: -100%;
	height: 100%;
	width: 200%;
}

.customer_login_overlay-panel {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 40px;
	text-align: center;
	top: 0;
	height: 100%;
	width: 50%;
}

/* ----- Desktop Specific ----- */
@media (min-width: 881px) {
    #customer_login .u-column1,
	#customer_login .u-column2 {
		transition: transform 0.6s ease-in-out, opacity 0.9s, max-height 0.6s ease-in-out;	
	}

	#customer_login .u-column1 {
		animation: customer_login_fadeIn_desktop 0.6s;
		animation-fill-mode: forwards;
	}

	#customer_login.right-panel-active .u-column1 {
		transform: translateX(66.5%);
		animation: customer_login_fadeOut_desktop 0.6s;
		animation-fill-mode: forwards;
	}

	#customer_login .u-column2 {
		animation: customer_login_fadeOut_desktop 0.6s;
		animation-fill-mode: forwards;
	}


	#customer_login.right-panel-active .u-column2{
		transform: translate(66.5%, 0);
		animation: customer_login_fadeIn_desktop 0.6s;
		animation-fill-mode: forwards;	
	}

	/* Overlay Code - Desktop Only */
	#customer_login_overlay {
		transform: translateX(0);
		transition: transform 0.6s ease-in-out;
	}

	#customer_login.right-panel-active #customer_login_overlay {
		transform: translateX(50%);
	}

	#customer_login_overlay-container {
		transition: transform 0.6s ease-in-out;
		z-index: 3;
	}

	#customer_login.right-panel-active #customer_login_overlay-container{
		transform: translateX(-150%);
	}
		
	.customer_login_overlay-panel {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding: 0 40px;
		text-align: center;
		top: 0;
		height: 100%;
		width: 50%;
		transform: translateX(0);
		transition: transform 0.6s ease-in-out;
	}

	#customer_login_overlay-left {
		transform: translateX(-20%);
	}

	#customer_login.right-panel-active #customer_login_overlay-left {
		transform: translateX(0);
	}

	#customer_login_overlay-right {
		right: 0;
		transform: translateX(0);
	}

	#customer_login.right-panel-active #customer_login_overlay-right{
		transform: translateX(20%);
	}
}

/* ----- Mobile styles - Landscape ----- */
/* @media (max-width: 880px) { */
	
@media (max-width: 880px) {
	
	/* Undo	Common Damage */
    #customer_login .u-column1,
    #customer_login .u-column2 {
        width: 100%;
    }
	
	#customer_login #customer_login_overlay-left,
	#customer_login #customer_login_overlay-right{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.customer_login_overlay-panel {
		position: relative;
		width: 100%;
	}
	
	#customer_login_overlay-container {
		left: 0;
		position: relative;
        transform: none;
        width: 100%;
		align-self: self-end;
	}
	
	#customer_login_overlay{
		width: auto;
		height: auto;
		left: 0;
	}

	/* Mobile Transitions */
	#customer_login .u-column1,
	#customer_login .u-column2,
	#customer_login #customer_login_overlay-left,
	#customer_login #customer_login_overlay-right {
		transition: transform 0.8s ease-in-out, opacity 1.2s, max-height 0.8s ease-in-out;	
	}
	
	#customer_login .u-column1,
	#customer_login #customer_login_overlay-right {
		animation: customer_login_fadeIn_mobile 0.8s;
		animation-fill-mode: forwards;
	}
	
	#customer_login.right-panel-active .u-column1,
	#customer_login.right-panel-active #customer_login_overlay-right {
		animation: customer_login_fadeOut_mobile 0.8s;
		animation-fill-mode: forwards;
	}
	
	#customer_login .u-column2,
	#customer_login #customer_login_overlay-left {
		animation: customer_login_fadeOut_mobile 0.8s;
		animation-fill-mode: forwards;
	}
	
	
	#customer_login.right-panel-active .u-column2,
	#customer_login.right-panel-active #customer_login_overlay-left{
		animation: customer_login_fadeIn_mobile 0.8s;
		animation-fill-mode: forwards;	
	}
}

/* Mobile styles - Portrait */
@media (max-width: 480px) {
	#customer_login .u-column1,
	#customer_login .u-column2 {
		padding: 20px;	
	}
	#customer_login #customer_login_overlay-left,
	#customer_login #customer_login_overlay-right{
		padding: 30px 20px;
	}
	
	#content .ast-container:has(#main #customer_login),
	#content .elementor-element:has(.woocommerce #customer_login){
		padding-left: 0;
		padding-right: 0;
	}
}/* End custom CSS */