@charset "UTF-8";
.lwa-wrapper {
--icon-pwd-show: url("data:image/svg+xml,");
--icon-pwd-hide: url("data:image/svg+xml,");
position: relative !important;
}
.lwa-wrapper .lwa-is-working {
opacity: .2 !important;
pointer-events: none;
cursor: progress;
}
.lwa-wrapper .lwa-loading {
position: absolute !important;
width: 100% !important;
height: 100% !important;
background: url("https://cdn-ildgfkh.nitrocdn.com/QlQRVejPRbawpboUrZqQuaQDtuSmeuBf/assets/images/source/rev-e460f69/www.earlyyearsstaffroom.com/wp-content/plugins/login-with-ajax/templates/loading.svg") 50% 45% no-repeat !important;
left: 0 !important;
top: 0 !important;
background-size: 150px 150px !important;
pointer-events: none;
}
.lwa-wrapper .lwa-loading.nitro-lazy {
background-image: none !important;
}
.lwa span.lwa-status {
padding: 15px !important;
margin-bottom: 20px !important;
border: 1px solid transparent !important;
border-radius: 2.5px !important;
display: none !important;
}
.lwa span.lwa-status.lwa-status-confirm, .lwa span.lwa-status.lwa-status-invalid, .lwa-bones .lwa.lwa-login .lwa-register hr {
display: block !important;
}
.lwa span.lwa-status.lwa-status-invalid {
color: #842029 !important;
background-color: #f8d7da !important;
border-color: #f5c2c7 !important;
}
.lwa span.lwa-status.lwa-status-confirm {
color: #0f5132 !important;
background-color: #d1e7dd !important;
border-color: #badbcc !important;
}
.lwa span.lwa-status>:first-child {
margin-bottom: 0 !important;
}
.lwa .login.lwa-status {
border-left: 4px solid #72aee6;
padding: 12px;
margin-left: 0;
margin-bottom: 20px;
background-color: #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
word-wrap: break-word;
}
.lwa .login.lwa-status.error, .lwa .login.lwa-status.lwa-status-invalid {
border-left-color: #d63638;
}
.lwa .login.lwa-status.lwa-status-success, .lwa .login.lwa-status.success {
border-left-color: #28a745;
}
.lwa .lwa-title {
font-weight: 700 !important;
font-size: 18px !important;
margin-bottom: 15px !important;
}
.lwa .hidden {
visibility: hidden !important;
display: none !important;
}
.lwa .lwa-hr {
display: flex;
align-items: center;
text-align: center;
margin: 20px 5px;
color: #777;
}
.lwa .lwa-hr::after, .lwa .lwa-hr::before {
content: "";
flex: 1;
border-bottom: 1px solid #777;
}
.lwa .lwa-hr:not(:empty)::before {
margin-right: 15px;
}
.lwa .lwa-hr:not(:empty)::after {
margin-left: 15px;
}
.lwa-bones {
--avatar-size: 60px;
--avatar-rounded: 50%;
--links-case: none;
}
.lwa-bones .pixelbones {
--theme-hue: 0;
--accent-hue: 220;
--accent-s: 86%;
--accent-l: 57%;
--text-color-richer: hsl(var(--theme-hue), 0%, 5%);
--text-color-normal: hsl(var(--theme-hue), 0%, 13%);
--text-color-softer: hsl(var(--theme-hue), 0%, 33%);
--accent-color: hsl(var(--accent-hue), var(--accent-s), var(--accent-l));
--accent-color-hover: hsl(var(--accent-hue), calc(var(--accent-s) - 10%), calc(var(--accent-l) - 8%));
--border-color: hsl(var(--theme-hue), 0%, 73%);
--border-color-softer: hsl(var(--theme-hue), 0%, 82%);
--background-color: transparent;
--background-color-softer: hsl(var(--theme-hue), 0%, 95%);
--background-color-checkboxes: white;
--background-color-inputs: white;
--code-background: hsl(var(--theme-hue), 0%, 95%);
--button-primary-color: white;
--base-font-size: 16px;
--base-line-height: 18px;
--grid-max-width: 960px;
scroll-behavior: smooth !important;
font-size: var(--base-font-size) !important;
line-height: 20px !important;
font-weight: 400 !important;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
color: var(--text-color-normal) !important;
background-color: var(--background-color) !important;
}
.lwa-bones .pixelbones .pixelbones {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
margin: 0;
}
.lwa-bones .pixelbones details, .lwa-bones .pixelbones main {
display: block;
}
.lwa-bones .pixelbones h1 {
margin: .67em 0;
}
.lwa-bones .pixelbones hr {
box-sizing: content-box;
height: 0;
overflow: visible;
margin-top: 30px !important;
margin-bottom: 35px !important;
border-width: 0 !important;
border-top: 1px solid var(--border-color-softer) !important;
}
.lwa-bones .pixelbones code {
font-family: monospace, monospace;
}
.lwa-bones .pixelbones kbd, .lwa-bones .pixelbones pre, .lwa-bones .pixelbones samp {
font-family: monospace, monospace;
font-size: 1em;
}
.lwa-bones .pixelbones a {
color: var(--accent-color) !important;
background-color: transparent !important;
}
.lwa-bones .pixelbones abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
.lwa-bones .pixelbones b, .lwa-bones .pixelbones strong {
font-weight: bolder;
}
.lwa-bones .pixelbones small {
font-size: 80%;
}
.lwa-bones .pixelbones sub, .lwa-bones .pixelbones sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.lwa-bones .pixelbones sub {
bottom: -.25em;
}
.lwa-bones .pixelbones sup {
top: -.5em;
}
.lwa-bones .pixelbones img {
border-style: none;
}
.lwa-bones .pixelbones button {
font-family: inherit;
margin: 0;
overflow: visible;
}
.lwa-bones .pixelbones input, .lwa-bones .pixelbones optgroup, .lwa-bones .pixelbones select, .lwa-bones .pixelbones textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
.lwa-bones .pixelbones input {
overflow: visible;
}
.lwa-bones .pixelbones select {
text-transform: none;
}
.lwa-bones .pixelbones [type=button], .lwa-bones .pixelbones [type=reset], .lwa-bones .pixelbones [type=submit], .lwa-bones .pixelbones button {
-webkit-appearance: button;
}
.lwa-bones .pixelbones [type=button]::-moz-focus-inner, .lwa-bones .pixelbones [type=reset]::-moz-focus-inner, .lwa-bones .pixelbones [type=submit]::-moz-focus-inner, .lwa-bones .pixelbones button::-moz-focus-inner {
border-style: none;
padding: 0;
}
.lwa-bones .pixelbones [type=button]:-moz-focusring, .lwa-bones .pixelbones [type=reset]:-moz-focusring, .lwa-bones .pixelbones [type=submit]:-moz-focusring, .lwa-bones .pixelbones button:-moz-focusring {
outline: 1px dotted ButtonText;
}
.lwa-bones .pixelbones fieldset {
padding: 0 !important;
border-width: 0 !important;
}
.lwa-bones .pixelbones legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
}
.lwa-bones .pixelbones progress {
vertical-align: baseline;
}
.lwa-bones .pixelbones textarea {
overflow: auto;
}
.lwa-bones .pixelbones [type=checkbox], .lwa-bones .pixelbones [type=radio], .lwa-bones .pixelbones legend {
box-sizing: border-box;
padding: 0;
}
.lwa-bones .pixelbones [type=number]::-webkit-inner-spin-button, .lwa-bones .pixelbones [type=number]::-webkit-outer-spin-button {
height: auto;
}
.lwa-bones .pixelbones [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
.lwa-bones .pixelbones [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.lwa-bones .pixelbones ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.lwa-bones .pixelbones summary {
display: list-item;
}
.lwa-bones .pixelbones [hidden], .lwa-bones .pixelbones template, .lwa-modal-overlay {
display: none;
}
.lwa-bones .pixelbones .grid-container {
position: relative !important;
max-width: var(--grid-max-width) !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: left !important;
display: grid !important;
grid-gap: 20px !important;
gap: 20px !important;
grid-template-columns: minmax(200px, 1fr) !important;
}
@media (min-width:600px) {
.lwa-bones .pixelbones .grid-container {
grid-template-columns: repeat(3, 1fr) !important;
padding: 0 !important;
}
.lwa-bones .pixelbones .grid-container.fifths {
grid-template-columns: repeat(5, 1fr) !important;
}
.lwa-bones .pixelbones .grid-container.quarters {
grid-template-columns: repeat(4, 1fr) !important;
}
.lwa-bones .pixelbones .grid-container.thirds {
grid-template-columns: repeat(3, 1fr) !important;
}
.lwa-bones .pixelbones .grid-container.halves {
grid-template-columns: repeat(2, 1fr) !important;
}
.lwa-bones .pixelbones .grid-container.full {
grid-template-columns: 1fr !important;
}
}
.lwa-bones .pixelbones h1, .lwa-bones .pixelbones h2, .lwa-bones .pixelbones h3, .lwa-bones .pixelbones h4, .lwa-bones .pixelbones h5, .lwa-bones .pixelbones h6 {
margin-top: 0 !important;
margin-bottom: 20px !important;
font-weight: 300 !important;
}
.lwa-bones .pixelbones h1 {
font-size: 40px !important;
line-height: 1.2 !important;
}
.lwa-bones .pixelbones h2 {
font-size: 36px !important;
line-height: 1.25 !important;
}
.lwa-bones .pixelbones h3 {
font-size: 30px !important;
line-height: 1.3 !important;
}
.lwa-bones .pixelbones h4 {
font-size: 24px !important;
line-height: 1.35 !important;
}
.lwa-bones .pixelbones h5 {
font-size: 18px !important;
line-height: 1.5 !important;
}
.lwa-bones .pixelbones h6 {
font-size: 15px !important;
line-height: 1.6 !important;
}
@media (min-width:600px) {
.lwa-bones .pixelbones h1 {
font-size: 50px !important;
}
.lwa-bones .pixelbones h2 {
font-size: 42px !important;
}
.lwa-bones .pixelbones h3 {
font-size: 36px !important;
}
.lwa-bones .pixelbones h4 {
font-size: 30px !important;
}
.lwa-bones .pixelbones h5 {
font-size: 24px !important;
}
.lwa-bones .pixelbones h6 {
font-size: 15px !important;
}
}
.lwa-bones .pixelbones p {
margin: 0 0 5px !important;
line-height: var(--base-line-height) !important;
}
.lwa-bones .pixelbones a :hover {
color: var(--accent-color-hover) !important;
background-color: transparent !important;
}
.lwa-bones .pixelbones a :focus {
background-color: transparent !important;
}
.lwa-bones .pixelbones .button, .lwa-bones .pixelbones button, .lwa-bones .pixelbones input[type=button], .lwa-bones .pixelbones input[type=reset], .lwa-bones .pixelbones input[type=submit] {
display: inline-block;
height: 38px !important;
padding: 0 30px !important;
color: var(--text-color-softer) !important;
text-align: center !important;
font-size: 11px !important;
font-weight: 600 !important;
line-height: 38px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap !important;
background-color: transparent !important;
border-radius: 4px !important;
border: 1px solid var(--border-color) !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
.lwa-bones .pixelbones .button:focus, .lwa-bones .pixelbones .button:hover, .lwa-bones .pixelbones button:focus, .lwa-bones .pixelbones button:hover, .lwa-bones .pixelbones input[type=button]:focus, .lwa-bones .pixelbones input[type=button]:hover, .lwa-bones .pixelbones input[type=reset]:focus, .lwa-bones .pixelbones input[type=reset]:hover, .lwa-bones .pixelbones input[type=submit]:focus, .lwa-bones .pixelbones input[type=submit]:hover {
color: var(--text-color-normal) !important;
border-color: var(--text-color-softer) !important;
outline: 0 !important;
}
.lwa-bones .pixelbones .button.button-primary, .lwa-bones .pixelbones button.button-primary, .lwa-bones .pixelbones input[type=button].button-primary, .lwa-bones .pixelbones input[type=reset].button-primary, .lwa-bones .pixelbones input[type=submit].button-primary {
color: var(--button-primary-color) !important;
background-color: var(--accent-color) !important;
border-color: var(--accent-color) !important;
}
.lwa-bones .pixelbones .button.button-primary[disabled], .lwa-bones .pixelbones button.button-primary[disabled], .lwa-bones .pixelbones input[type=button].button-primary[disabled], .lwa-bones .pixelbones input[type=reset].button-primary[disabled], .lwa-bones .pixelbones input[type=submit].button-primary[disabled] {
opacity: .5 !important;
cursor: not-allowed !important;
}
.lwa-bones .pixelbones .button.button-primary:focus:not([disabled]), .lwa-bones .pixelbones .button.button-primary:hover:not([disabled]), .lwa-bones .pixelbones button.button-primary:focus:not([disabled]), .lwa-bones .pixelbones button.button-primary:hover:not([disabled]), .lwa-bones .pixelbones input[type=button].button-primary:focus:not([disabled]), .lwa-bones .pixelbones input[type=button].button-primary:hover:not([disabled]), .lwa-bones .pixelbones input[type=reset].button-primary:focus:not([disabled]), .lwa-bones .pixelbones input[type=reset].button-primary:hover:not([disabled]), .lwa-bones .pixelbones input[type=submit].button-primary:focus:not([disabled]), .lwa-bones .pixelbones input[type=submit].button-primary:hover:not([disabled]) {
color: var(--button-primary-color) !important;
background-color: var(--accent-color-hover) !important;
border-color: var(--accent-color-hover) !important;
}
.lwa-bones .pixelbones form {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
overflow: visible;
background: var(--background-color) !important;
box-sizing: border-box !important;
box-shadow: none !important;
}
.lwa-bones .pixelbones input[type=email], .lwa-bones .pixelbones input[type=number], .lwa-bones .pixelbones input[type=password], .lwa-bones .pixelbones input[type=search], .lwa-bones .pixelbones input[type=tel], .lwa-bones .pixelbones input[type=text], .lwa-bones .pixelbones input[type=url], .lwa-bones .pixelbones select, .lwa-bones .pixelbones textarea {
width: 100% !important;
height: 38px !important;
padding: 6px 10px !important;
border-radius: 4px !important;
background-color: var(--background-color-inputs) !important;
box-shadow: none !important;
box-sizing: border-box !important;
border: 1px solid var(--border-color-softer) !important;
}
.lwa-bones .pixelbones input[type=button], .lwa-bones .pixelbones input[type=email], .lwa-bones .pixelbones input[type=number], .lwa-bones .pixelbones input[type=password], .lwa-bones .pixelbones input[type=search], .lwa-bones .pixelbones input[type=submit], .lwa-bones .pixelbones input[type=tel], .lwa-bones .pixelbones input[type=text], .lwa-bones .pixelbones input[type=url], .lwa-bones .pixelbones textarea {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.lwa-bones .pixelbones textarea {
min-height: 65px !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.lwa-bones .pixelbones input[type=email]:focus, .lwa-bones .pixelbones input[type=number]:focus, .lwa-bones .pixelbones input[type=password]:focus, .lwa-bones .pixelbones input[type=search]:focus, .lwa-bones .pixelbones input[type=tel]:focus, .lwa-bones .pixelbones input[type=text]:focus, .lwa-bones .pixelbones input[type=url]:focus, .lwa-bones .pixelbones select:focus, .lwa-bones .pixelbones textarea:focus {
border: 1px solid var(--accent-color) !important;
outline: 0 !important;
}
.lwa-bones .pixelbones label, .lwa-bones .pixelbones legend {
display: block !important;
margin-bottom: 5px !important;
font-weight: 400 !important;
font-size: var(--base-font-size);
line-height: var(--base-line-height);
}
.lwa-bones .pixelbones input[type=checkbox] {
-webkit-appearance: none !important;
width: 15px !important;
height: 15px !important;
position: relative !important;
top: 2px !important;
}
.lwa-bones .pixelbones input[type=checkbox]:focus {
outline: 0 !important;
}
.lwa-bones .pixelbones input[type=checkbox]:before {
content: "" !important;
display: none !important;
}
.lwa-bones .pixelbones input[type=checkbox]:checked:after {
opacity: 1 !important;
}
.lwa-bones .pixelbones input[type=checkbox]:after {
content: "" !important;
opacity: 0 !important;
display: block !important;
left: 4px !important;
top: 1px !important;
position: absolute !important;
width: 6px !important;
height: 10px !important;
border: 2px solid #666 !important;
border-top: 0 !important;
border-left: 0 !important;
transform: rotate(30deg) !important;
box-sizing: border-box !important;
}
.lwa-bones .pixelbones input[type=checkbox], .lwa-bones .pixelbones input[type=radio] {
margin-bottom: 0 !important;
display: inline-block !important;
text-align: start !important;
background-color: var(--background-color-checkboxes) !important;
box-shadow: none !important;
box-sizing: border-box !important;
border: 1px solid var(--border-color-softer) !important;
}
.lwa-bones .pixelbones label>.label-body {
display: inline-block !important;
margin-left: 5px !important;
font-weight: 400 !important;
}
.lwa-bones .pixelbones ul {
list-style: circle inside !important;
}
.lwa-bones .pixelbones ol {
list-style: decimal inside !important;
}
.lwa-bones .pixelbones ol, .lwa-bones .pixelbones ul {
padding-left: 0 !important;
margin-top: 0 !important;
}
.lwa-bones .pixelbones ol ol, .lwa-bones .pixelbones ol ul, .lwa-bones .pixelbones ul ol, .lwa-bones .pixelbones ul ul {
font-size: 100% !important;
margin: 10px 0 10px 30px !important;
color: var(--text-color-softer) !important;
}
.lwa-bones .pixelbones li {
margin-bottom: 5px !important;
}
.lwa-bones .pixelbones code {
padding: 2px 5px !important;
margin: 0 2px !important;
font-size: 90% !important;
white-space: nowrap !important;
background: var(--code-background) !important;
border: 1px solid var(--border-color-softer) !important;
border-radius: 4px !important;
}
.lwa-bones .pixelbones pre>code {
display: block !important;
padding: 10px 15px !important;
white-space: pre !important;
overflow: auto !important;
}
.lwa-bones .pixelbones td, .lwa-bones .pixelbones th {
padding: 12px 15px !important;
text-align: left !important;
border-bottom: 1px solid var(--border-color-softer) !important;
}
.lwa-bones .pixelbones td:first-child, .lwa-bones .pixelbones th:first-child {
padding-left: 0 !important;
}
.lwa-bones .pixelbones td:last-child, .lwa-bones .pixelbones th:last-child {
padding-right: 0 !important;
}
.lwa-bones .lwa, .lwa-bones .pixelbones .button, .lwa-bones .pixelbones button {
margin-bottom: 10px !important;
}
.lwa-bones .pixelbones fieldset, .lwa-bones .pixelbones input, .lwa-bones .pixelbones select, .lwa-bones .pixelbones textarea {
margin-bottom: 15px !important;
}
.lwa-bones .pixelbones blockquote, .lwa-bones .pixelbones dl, .lwa-bones .pixelbones figure, .lwa-bones .pixelbones ol, .lwa-bones .pixelbones p, .lwa-bones .pixelbones pre, .lwa-bones .pixelbones table, .lwa-bones .pixelbones ul {
margin-bottom: 25px !important;
}
.lwa-bones .pixelbones .u-full-width {
width: 100% !important;
box-sizing: border-box !important;
}
.lwa-bones .pixelbones .u-max-full-width {
max-width: 100% !important;
box-sizing: border-box !important;
}
.lwa-bones .pixelbones .u-pull-right {
float: right !important;
}
.lwa-bones .pixelbones .u-pull-left {
float: left !important;
}
.lwa-bones .pixelbones .u-align-left {
text-align: left !important;
}
.lwa-bones .lwa.lwa-login .grid-container.submit .lwa-links, .lwa-bones .pixelbones .u-align-right {
text-align: right !important;
}
.lwa-bones .pixelbones .container:after, .lwa-bones .pixelbones .row:after, .lwa-bones .pixelbones .u-cf {
content: "" !important;
display: table !important;
clear: both !important;
}
.lwa-bones .lwa p {
margin-bottom: 20px !important;
}
.lwa-bones .lwa.lwa-login .lwa-links a {
display: block !important;
margin: 8px 0 0 !important;
padding: 0 !important;
}
.lwa-bones .lwa.lwa-login .lwa-register, .lwa-bones .lwa.lwa-login .lwa-remember {
margin-top: 10px !important;
display: none;
}
.lwa-bones .lwa.lwa-login .lwa-register #openid_identifier {
width: auto !important;
}
.lwa-bones .lwa.lwa-login .grid-container.submit {
text-align: left !important;
grid-template-columns: 50% 1fr !important;
max-width: 100% !important;
padding: 0 !important;
}
.lwa-bones .lwa-logged-in {
--links-case: lowercase;
}
.lwa-bones .lwa-logged-in .lwa-avatar {
padding: 0 !important;
margin: 0 !important;
}
.lwa-bones .lwa-logged-in .lwa-avatar.rounded img {
border-radius: var(--avatar-rounded) !important;
}
.lwa-bones .lwa-logged-in .lwa-info a, .lwa-bones .lwa.lwa-login .lwa-links a {
text-transform: var(--links-case) !important;
}
.lwa-bones .lwa-logged-in .lwa-info>p {
margin: 0 0 2px !important;
padding: 0 !important;
}
.lwa-bones .lwa-logged-in .grid-container {
text-align: left !important;
grid-template-columns: calc(var(--avatar-size) + 10px) 1fr !important;
padding: 0 !important;
}
.lwa-bones .lwa-logged-in.vertical {
text-align: center !important;
}
.lwa-bones .lwa-logged-in.vertical .grid-container {
display: block !important;
width: 100% !important;
text-align: center !important;
}
.lwa-bones .lwa-logged-in.vertical .grid-container>div {
margin: 0 0 20px !important;
}
.lwa-bones .lwa-logged-in.vertical .lwa-avatar img {
display: block !important;
margin: 0 auto !important;
}
.lwa-bones .lwa-minimalistic .input-field {
position: relative !important;
margin-bottom: 10px !important;
}
.lwa-bones .lwa-minimalistic .input-field label {
font-size: 80% !important;
position: absolute !important;
top: calc(50% - 10px) !important;
left: 0 !important;
opacity: 0 !important;
transition: all .3s ease !important;
}
.lwa-bones .lwa-minimalistic .input-field input[type=password], .lwa-bones .lwa-minimalistic .input-field input[type=text] {
padding: 10px 0 0 !important;
height: 50px !important;
border: 0 !important;
border-bottom: solid 1px var(--border-color-softer) !important;
background: 0 0 !important;
box-sizing: border-box !important;
transition: all .3s linear !important;
border-radius: 0 !important;
}
.lwa-bones .lwa-minimalistic .input-field input[type=password]:focus, .lwa-bones .lwa-minimalistic .input-field input[type=text]:focus {
border: 0 !important;
border-bottom: solid 1px var(--border-color) !important;
outline: 0 !important;
box-shadow: 0 2px 6px -8px var(--border-color-normal) !important;
}
.lwa-bones .lwa-minimalistic .input-field input:not(:placeholder-shown) {
padding: 28px 0 12px !important;
}
.lwa-bones .lwa-minimalistic .input-field input:not(:placeholder-shown)+label {
transform: translateY(-20px) !important;
opacity: .7 !important;
}
.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content .lwa-form .lwa-title, .lwa-modal-overlay.active {
display: block !important;
}
@media only screen and (min-width:40rem) {
.lwa-modal-overlay {
align-items: center !important;
justify-content: center !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 999999 !important;
background-color: rgba(0, 0, 0, .6) !important;
opacity: 0 !important;
visibility: hidden !important;
backface-visibility: hidden !important;
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1) !important;
-webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1) !important;
transition-delay: .3s !important;
}
.lwa-modal-overlay.active {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
}
}
.lwa-modal-overlay .lwa-modal-popup {
display: flex !important;
align-items: start !important;
justify-content: center !important;
position: relative !important;
margin: 0 !important;
background-color: #fff !important;
width: 100% !important;
max-width: 750px !important;
min-height: 200px !important;
max-height: 98% !important;
padding: 10px !important;
border-radius: 3px !important;
opacity: 0 !important;
overflow-y: auto !important;
visibility: hidden !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, .1) !important;
backface-visibility: hidden !important;
transform: scale(1.2) !important;
transition: all .6s cubic-bezier(.55, 0, .1, 1) !important;
z-index: 99999 !important;
}
.lwa-modal-overlay .lwa-modal-popup>header {
box-sizing: border-box;
width: 100%;
border-bottom: 1px solid #dedede;
margin: 0;
padding: 10px 0 7px 15px;
}
.lwa-modal-overlay .lwa-modal-popup>header .lwa-modal-title {
font-size: 24px !important;
line-height: 1.3 !important;
padding: 0 32px 0 0 !important;
margin: 0 !important;
}
.lwa-modal-overlay .lwa-modal-popup>header .lwa-modal-title a {
color: var(--text-color-normal) !important;
}
.lwa-modal-overlay .lwa-modal-popup>header .lwa-modal-title a:hover {
text-decoration: underline;
}
.lwa-modal-overlay .lwa-modal-popup .lwa-close-modal {
position: absolute !important;
cursor: pointer !important;
top: 15px !important;
right: 15px !important;
opacity: 0 !important;
backface-visibility: hidden !important;
transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1) !important;
-webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1) !important;
transition-delay: .3s !important;
}
.lwa-modal-overlay .lwa-modal-popup svg {
width: 17.5px !important;
height: 17.5px !important;
}
.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content {
opacity: 0 !important;
backface-visibility: hidden !important;
transition: opacity .6s cubic-bezier(.55, 0, .1, 1) !important;
transition-delay: .3s !important;
width: 100% !important;
margin: 20px 5px 5px !important;
}
.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content form, .lwa-wrapper .lwa-classic-vanilla .lwa-links>label {
margin-bottom: 0 !important;
}
.lwa-modal-overlay .lwa-modal-popup.active {
visibility: visible !important;
opacity: 1 !important;
transform: scale(1) !important;
}
.lwa-modal-overlay .lwa-modal-popup.active .lwa-close-modal, .lwa-modal-overlay .lwa-modal-popup.active .lwa-modal-content {
opacity: 1 !important;
}
.lwa-modal-overlay .lwa-modal-popup>footer {
width: 100% !important;
border-top: 1px solid #dedede !important;
}
.lwa-modal-overlay .lwa-modal-popup>footer>div {
padding: 10px 25px !important;
}
.lwa-modal-overlay .lwa-modal-popup>footer>div .button, .lwa-modal-overlay .lwa-modal-popup>footer>div button {
margin: 0 !important;
}
@media only screen and (max-width:39.99rem) {
.lwa-modal-overlay .lwa-modal-popup {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
max-height: 100% !important;
-webkit-overflow-scrolling: touch !important;
border-radius: 0 !important;
transform: scale(1.1) !important;
padding: 10px !important;
}
.lwa-modal-overlay .lwa-modal-popup .lwa-close-modal {
top: 10px !important;
right: 10px !important;
}
.lwa-modal-overlay .lwa-modal-popup .lwa-close-modal svg {
width: 28px !important;
height: 28px !important;
}
}
.lwa-wrapper .lwa-classic-vanilla .lwa-form, .lwa-wrapper .lwa-classic-vanilla .lwa-register>form {
grid-row-gap: 10px !important;
}
.lwa-wrapper .lwa-classic-vanilla .lwa-form>*, .lwa-wrapper .lwa-classic-vanilla .lwa-register>form>* {
grid-column-gap: 10px !important;
}
.lwa-wrapper .lwa-classic .lwa-form .input-field label, .lwa-wrapper .lwa-classic .lwa-register>form .input-field label, .lwa-wrapper .lwa-classic-vanilla .lwa-form .input-field label, .lwa-wrapper .lwa-classic-vanilla .lwa-links-register-inline-cancel, .lwa-wrapper .lwa-classic-vanilla .lwa-register>form .input-field label {
align-self: center !important;
}
.lwa-wrapper .lwa-classic .lwa-register .lwa-submit-button, .lwa-wrapper .lwa-classic-vanilla .lwa-links>*, .lwa-wrapper .lwa-classic-vanilla .lwa-register .lwa-submit-button {
display: block !important;
}
.lwa-wrapper .lwa-classic-vanilla .lwa-links label .label-body {
display: inline-block !important;
padding-left: 10px !important;
font-size: 85% !important;
vertical-align: top !important;
}
.lwa-wrapper .lwa-classic-vanilla .lwa-remember-email input {
width: 96% !important;
}
.lwa-wrapper .lwa-classic-vanilla .lwa-remember-email {
margin-bottom: 10px !important;
}
.lwa-wrapper .lwa-classic-vanilla .lwa-title {
font-size: 110% !important;
}
.lwa-wrapper .lwa-classic .lwa-register>form p:nth-child(-n+2), .lwa-wrapper .lwa-classic-vanilla .lwa-register>form p:nth-child(-n+2) {
display: block !important;
margin-bottom: 10px !important;
}
.lwa-wrapper .lwa-classic .lwa-remember-email label, .lwa-wrapper .lwa-classic-vanilla .lwa-remember-email label {
border: 0 !important;
clip: rect(1px 1px 1px 1px) !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.lwa-wrapper .lwa-classic .lwa-form, .lwa-wrapper .lwa-classic .lwa-register>form, .lwa-wrapper .lwa-classic-vanilla .lwa-form, .lwa-wrapper .lwa-classic-vanilla .lwa-register>form {
display: grid;
grid-template-rows: 1fr !important;
}
.lwa-wrapper .lwa-classic .lwa-form>*, .lwa-wrapper .lwa-classic .lwa-register>form>*, .lwa-wrapper .lwa-classic-vanilla .lwa-form>*, .lwa-wrapper .lwa-classic-vanilla .lwa-register>form>* {
display: grid !important;
grid-template-columns: 1fr 3fr !important;
}
.lwa-wrapper .lwa-classic .lwa-register .lwa-submit-button {
grid-template-columns: 1fr 1fr 2fr !important;
}