@charset "UTF-8";

.lwa-wrapper {
--icon-pwd-show: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g stroke="%23222"><circle cx="12" cy="12" r="3.5"/><path d="M20.188 10.9343c.3882.4713.5823.7069.5823 1.0657 0 .3588-.1941.5944-.5823 1.0657C18.7679 14.7899 15.6357 18 12 18c-3.63573 0-6.76794-3.2101-8.18803-4.9343-.38816-.4713-.58224-.7069-.58224-1.0657 0-.3588.19408-.5944.58224-1.0657C5.23206 9.21014 8.36427 6 12 6c3.6357 0 6.7679 3.21014 8.188 4.9343Z"/></g></svg>');
--icon-pwd-hide: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="%23222" fill-rule="evenodd" d="M15.9202 12.7988C15.9725 12.5407 16 12.2736 16 12c0-2.20914-1.7909-4-4-4-.2736 0-.5407.02746-.7988.07977l.9227.92274c1.5583.06332 2.8103 1.31529 2.8736 2.87359l.9227.9227Zm-6.52709-2.2845C9.14295 10.9523 9 11.4595 9 12c0 1.6569 1.3431 3 3 3 .5405 0 1.0477-.143 1.4857-.3931l.7263.7263C13.5784 15.7545 12.8179 16 12 16c-2.20914 0-4-1.7909-4-4 0-.8179.24547-1.5784.66676-2.21201l.72635.72631Z" clip-rule="evenodd"/><path fill="%23222" fill-rule="evenodd" d="m16.1537 17.2751-.7344-.7345c-1.064.579-2.2206.9594-3.4193.9594-1.6718 0-3.26184-.7401-4.63286-1.7265-1.36708-.9835-2.47408-2.1817-3.16922-3.0257-.42436-.5152-.46818-.6043-.46818-.7478 0-.1435.04382-.2326.46818-.7478.66929-.8126 1.72038-1.95357 3.0178-2.91516l-.71433-.71433C5.16991 8.63072 4.10383 9.79349 3.42604 10.6164l-.05881.0712c-.33052.3994-.63749.7703-.63749 1.3124s.30696.913.63749 1.3124l.05881.0712c.72495.8802 1.8941 2.1491 3.35708 3.2017C8.24216 17.635 10.0361 18.5 12 18.5c1.5101 0 2.9196-.5114 4.1537-1.2249ZM9.18993 6.06861C10.0698 5.71828 11.0135 5.5 12 5.5c1.9639 0 3.7579.865 5.2169 1.91472 1.463 1.05255 2.6321 2.32151 3.3571 3.20168l.0588.0712c.3305.3994.6375.7703.6375 1.3124s-.307.913-.6375 1.3124l-.0588.0712c-.4805.5833-1.156 1.3374-1.9829 2.0861l-.7081-.708c.7957-.7161 1.4508-1.4453 1.9191-2.0139.4244-.5152.4682-.6043.4682-.7478 0-.1435-.0438-.2326-.4682-.7478-.6951-.844-1.8021-2.04219-3.1692-3.02574C15.2619 7.24007 13.6718 6.5 12 6.5c-.6944 0-1.3747.12768-2.03103.34765l-.77904-.77904Z" clip-rule="evenodd"/><path stroke="%23222" d="m5 2 16 16"/></svg>');
position: relative !important;
}
.lwa-wrapper .lwa-is-working {
opacity: 0.2 !important;
pointer-events: none;
cursor: progress;
}
.lwa-wrapper .lwa-loading {
position: absolute !important;
width: 100% !important;
height: 100% !important;
background: url(//sadpad-mag.fr/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 {  }
.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-invalid, .lwa span.lwa-status.lwa-status-confirm {
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 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, 0.1);
word-wrap: break-word;
}
.lwa .login.lwa-status.lwa-status-invalid, .lwa .login.lwa-status.error {
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: bold !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::before, .lwa .lwa-hr::after {
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%; }
.lwa-bones .pixelbones .pixelbones {
margin: 0;
}
.lwa-bones .pixelbones main {
display: block;
}
.lwa-bones .pixelbones h1 {
font-size: 2em;
margin: 0.67em 0;
}
.lwa-bones .pixelbones hr {
box-sizing: content-box; height: 0; overflow: visible; }
.lwa-bones .pixelbones pre {
font-family: monospace, monospace; font-size: 1em; }
.lwa-bones .pixelbones a {
background-color: transparent;
}
.lwa-bones .pixelbones abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
.lwa-bones .pixelbones b,
.lwa-bones .pixelbones strong {
font-weight: bolder;
}
.lwa-bones .pixelbones code,
.lwa-bones .pixelbones kbd,
.lwa-bones .pixelbones samp {
font-family: monospace, monospace; font-size: 1em; }
.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: -0.25em;
}
.lwa-bones .pixelbones sup {
top: -0.5em;
}
.lwa-bones .pixelbones img {
border-style: none;
}
.lwa-bones .pixelbones button,
.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 button,
.lwa-bones .pixelbones input { overflow: visible;
}
.lwa-bones .pixelbones button,
.lwa-bones .pixelbones select { text-transform: none;
}
.lwa-bones .pixelbones button,
.lwa-bones .pixelbones [type=button],
.lwa-bones .pixelbones [type=reset],
.lwa-bones .pixelbones [type=submit] {
-webkit-appearance: button;
}
.lwa-bones .pixelbones button::-moz-focus-inner,
.lwa-bones .pixelbones [type=button]::-moz-focus-inner,
.lwa-bones .pixelbones [type=reset]::-moz-focus-inner,
.lwa-bones .pixelbones [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
.lwa-bones .pixelbones button:-moz-focusring,
.lwa-bones .pixelbones [type=button]:-moz-focusring,
.lwa-bones .pixelbones [type=reset]:-moz-focusring,
.lwa-bones .pixelbones [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
.lwa-bones .pixelbones fieldset {
padding: 0.35em 0.75em 0.625em;
}
.lwa-bones .pixelbones legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; 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] {
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 details {
display: block;
}
.lwa-bones .pixelbones summary {
display: list-item;
}
.lwa-bones .pixelbones template {
display: none;
}
.lwa-bones .pixelbones [hidden] {
display: none;
}
.lwa-bones .pixelbones .grid-container {
position: relative !important;
max-width: var(--grid-max-width) !important;
margin: 0 auto !important;
padding: 0px !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 { }
.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 {
color: var(--accent-color) !important;
background-color: transparent !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=submit], .lwa-bones .pixelbones input[type=reset], .lwa-bones .pixelbones input[type=button] {
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:hover, .lwa-bones .pixelbones button:hover, .lwa-bones .pixelbones input[type=submit]:hover, .lwa-bones .pixelbones input[type=reset]:hover, .lwa-bones .pixelbones input[type=button]:hover,
.lwa-bones .pixelbones .button:focus, .lwa-bones .pixelbones button:focus, .lwa-bones .pixelbones input[type=submit]:focus, .lwa-bones .pixelbones input[type=reset]:focus, .lwa-bones .pixelbones input[type=button]:focus {
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=submit].button-primary, .lwa-bones .pixelbones input[type=reset].button-primary, .lwa-bones .pixelbones input[type=button].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=submit].button-primary[disabled], .lwa-bones .pixelbones input[type=reset].button-primary[disabled], .lwa-bones .pixelbones input[type=button].button-primary[disabled] {
opacity: 0.5 !important;
cursor: not-allowed !important;
}
.lwa-bones .pixelbones .button.button-primary:hover:not([disabled]), .lwa-bones .pixelbones button.button-primary:hover:not([disabled]), .lwa-bones .pixelbones input[type=submit].button-primary:hover:not([disabled]), .lwa-bones .pixelbones input[type=reset].button-primary:hover:not([disabled]), .lwa-bones .pixelbones input[type=button].button-primary:hover:not([disabled]),
.lwa-bones .pixelbones .button.button-primary:focus:not([disabled]), .lwa-bones .pixelbones button.button-primary:focus:not([disabled]), .lwa-bones .pixelbones input[type=submit].button-primary:focus:not([disabled]), .lwa-bones .pixelbones input[type=reset].button-primary:focus:not([disabled]), .lwa-bones .pixelbones input[type=button].button-primary:focus: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: normal !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=search],
.lwa-bones .pixelbones input[type=text],
.lwa-bones .pixelbones input[type=tel],
.lwa-bones .pixelbones input[type=url],
.lwa-bones .pixelbones input[type=password],
.lwa-bones .pixelbones textarea,
.lwa-bones .pixelbones select {
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=email],
.lwa-bones .pixelbones input[type=number],
.lwa-bones .pixelbones input[type=search],
.lwa-bones .pixelbones input[type=text],
.lwa-bones .pixelbones input[type=tel],
.lwa-bones .pixelbones input[type=url],
.lwa-bones .pixelbones input[type=password],
.lwa-bones .pixelbones input[type=button],
.lwa-bones .pixelbones input[type=submit],
.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=search]:focus,
.lwa-bones .pixelbones input[type=text]:focus,
.lwa-bones .pixelbones input[type=tel]:focus,
.lwa-bones .pixelbones input[type=url]:focus,
.lwa-bones .pixelbones input[type=password]:focus,
.lwa-bones .pixelbones textarea:focus,
.lwa-bones .pixelbones select: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: normal !important;
font-size: var(--base-font-size);
line-height: var(--base-line-height);
}
.lwa-bones .pixelbones fieldset {
padding: 0 !important;
border-width: 0 !important;
}
.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;
background-color: var(--background-color-checkboxes) !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: normal !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 ul ul, .lwa-bones .pixelbones ul ol, .lwa-bones .pixelbones ol ol, .lwa-bones .pixelbones ol 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 th, .lwa-bones .pixelbones td {
padding: 12px 15px !important;
text-align: left !important;
border-bottom: 1px solid var(--border-color-softer) !important;
}
.lwa-bones .pixelbones th:first-child, .lwa-bones .pixelbones td:first-child {
padding-left: 0 !important;
}
.lwa-bones .pixelbones th:last-child, .lwa-bones .pixelbones td:last-child {
padding-right: 0 !important;
}
.lwa-bones .pixelbones button, .lwa-bones .pixelbones .button {
margin-bottom: 10px !important;
}
.lwa-bones .pixelbones input, .lwa-bones .pixelbones textarea, .lwa-bones .pixelbones select, .lwa-bones .pixelbones fieldset {
margin-bottom: 15px !important;
}
.lwa-bones .pixelbones pre, .lwa-bones .pixelbones blockquote, .lwa-bones .pixelbones dl, .lwa-bones .pixelbones figure, .lwa-bones .pixelbones table, .lwa-bones .pixelbones p, .lwa-bones .pixelbones ul, .lwa-bones .pixelbones ol {
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 .pixelbones .u-align-right {
text-align: right !important;
}
.lwa-bones .pixelbones hr {
margin-top: 30px !important;
margin-bottom: 35px !important;
border-width: 0 !important;
border-top: 1px solid var(--border-color-softer) !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 {
margin-bottom: 10px !important;
}
.lwa-bones .lwa p {
margin-bottom: 20px !important;
}
.lwa-bones .lwa.lwa-login {    }
.lwa-bones .lwa.lwa-login .lwa-links a {
display: block !important;
margin: 8px 0 0 0 !important;
padding: 0 !important;
text-transform: var(--links-case) !important;
}
.lwa-bones .lwa.lwa-login .lwa-remember {
margin-top: 10px !important;
display: none;
}
.lwa-bones .lwa.lwa-login .lwa-register {
margin-top: 10px !important;
display: none;
}
.lwa-bones .lwa.lwa-login .lwa-register hr {
display: block !important;
}
.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.lwa-login .grid-container.submit .lwa-links {
text-align: right !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 {
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 0 !important;
}
.lwa-bones .lwa-logged-in.vertical .lwa-avatar img {
display: block !important;
margin: 0 auto 0 !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 0.3s ease !important;
}
.lwa-bones .lwa-minimalistic .input-field input[type=text], .lwa-bones .lwa-minimalistic .input-field input[type=password] {
padding: 10px 0 0 !important;
height: 50px !important;
border: none !important;
border-bottom: solid 1px var(--border-color-softer) !important;
background: transparent !important;
box-sizing: border-box !important;
transition: all 0.3s linear !important;
border-radius: 0 !important;
}
.lwa-bones .lwa-minimalistic .input-field input[type=text]:focus, .lwa-bones .lwa-minimalistic .input-field input[type=password]: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 0 !important;
}
.lwa-bones .lwa-minimalistic .input-field input:not(:placeholder-shown) + label {
transform: translateY(-20px) !important;
opacity: 0.7 !important;
}
.lwa-modal-overlay {
display: none;
}
.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, 0.6) !important;
opacity: 0 !important;
visibility: hidden !important;
backface-visibility: hidden !important;
transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
-webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
transition-delay: 0.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, 0.1) !important;
backface-visibility: hidden !important;
transform: scale(1.2) !important;
transition: all 0.6s cubic-bezier(0.55, 0, 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 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
-webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
transition-delay: 0.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 0.6s cubic-bezier(0.55, 0, 0.1, 1) !important;
transition-delay: 0.3s !important;
width: 100% !important;
margin: 20px 5px 5px !important;
}
.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content .lwa-form .lwa-title {
display: block !important;
}
.lwa-modal-overlay .lwa-modal-popup .lwa-modal-content form {
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-modal-content, .lwa-modal-overlay .lwa-modal-popup.active .lwa-close-modal {
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-vanilla .lwa-links-register-inline-cancel {
align-self: center !important;
}
.lwa-wrapper .lwa-classic-vanilla .lwa-links > * {
display: block !important;
}
.lwa-wrapper .lwa-classic-vanilla .lwa-links > label {
margin-bottom: 0 !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-register .lwa-submit-button, .lwa-wrapper .lwa-classic-vanilla .lwa-register .lwa-submit-button {
display: block !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-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-register > form .input-field label {
align-self: center !important;
}
.lwa-wrapper .lwa-classic .lwa-register .lwa-submit-button {
grid-template-columns: 1fr 1fr 2fr !important;
}