/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
body.logged-in.wfxp-menu-left-opened {
width: calc(100% - 300px) !important;
}
body.logged-in.wfxp-menu-left-closed {
width: 100%;
}

.wfxp-form {
	padding:0;
}

.wfxp-form .wfx-form-inside {
	width: 100%;
	padding:0;
}

.wfxp-form .options-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--space-xs);
}
.wfxp-form .options-wrapper > .item {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: var(--space-xs);
}
.wfxp-form .submit-button-wrapper {
	display: grid;
	grid-gap: var(--space-s);
	grid-template-columns: repeat(auto-fit, minmax(calc(50% - var(--space-s)),1fr))
	
}
.wfxp-form button[type="submit"] {
	flex-grow:1 ;
}
.wfxp-form .form-group:not(:last-child) {
	padding-bottom: var(--space-s);
}
.wfxp-form .form-group label {
	font-size: var(--text-s);
    text-transform: uppercase;
    font-weight: 500;
    color: currentColor;
	letter-spacing: .035em;
}
.wfxp-form .form-group input {
	background-color: var(--white);
    border: 1px solid var(--neutral-light);
    border-radius: var(--radius--minimal);
	color: var(--neutral);
}
.wfxp-form .form-group .form-group-item {
	display: flex;
	align-items: center;
	position: relative;
}
.wfxp-form .wfx-password-toggle {
	margin-top:0;
	top:unset;
	right: var(--space-xs);
}