/* Magenable look for listmonk's public pages (subscribe, archive, opt-in, manage, unsubscribe).
   Fonts load from magenable.com.au (served with Access-Control-Allow-Origin: *). */
@font-face{font-family:avertacy-regular;font-display:swap;src:url(https://magenable.com.au/static/avertacy-regular-webfont-764b1c228b9ba903727a81ce697e4a4e.woff2) format("woff2")}
@font-face{font-family:avertacy-semibold;font-display:swap;src:url(https://magenable.com.au/static/avertacy-semibold-webfont-aa0358cd26edb1c8dcbe2b72ec01d152.woff2) format("woff2")}

:root{
  --mg-navy:#101c31; --mg-coral:#ea6d46; --mg-orange:#ff6e03; --mg-grey:#878d98;
  --mg-line:#dfe3e9; --mg-panel:#f8f8f9;
}

body{
  background:var(--mg-panel);
  color:var(--mg-navy);
  font-family:avertacy-regular,Arial,Helvetica,sans-serif;
  font-size:17px; line-height:1.6;
  border-top:6px solid var(--mg-navy);
}
h1,h2,h3,h4{font-family:avertacy-semibold,Arial,Helvetica,sans-serif;font-weight:400;color:var(--mg-navy);line-height:1.25}
section > h2:first-child{font-size:1.75em;margin:0 0 18px}
a{color:var(--mg-coral);text-decoration-color:rgba(234,109,70,.35);text-underline-offset:3px}
a:hover{color:var(--mg-navy)}
label{color:var(--mg-navy)}

.container{max-width:600px;margin:48px auto 16px}
.wrap{
  background:#fff;
  border:1px solid var(--mg-line);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(16,28,49,.06);
  padding:40px 44px;
}
.header{border-bottom:1px solid var(--mg-line);padding-bottom:20px;margin-bottom:28px}
.header .logo img{max-width:180px;height:auto;display:block}

/* Inputs */
input[type="text"],input[type="email"],input[type="password"],select{
  height:48px;padding:0 20px;
  border:1px solid var(--mg-line);border-radius:24px;
  box-shadow:none;font-family:inherit;font-size:16px;color:var(--mg-navy);background:#fff;
}
input::placeholder{color:var(--mg-grey)}
input:focus{outline:2px solid var(--mg-orange);outline-offset:2px;border-color:var(--mg-orange)}
.form label{display:block;font-size:.875em;margin:0 0 6px 4px;color:#4a5568}
.form p{margin:0 0 18px}

/* Checkboxes and list descriptions */
input[type="checkbox"],input[type="radio"]{accent-color:var(--mg-orange);width:17px;height:17px;vertical-align:-2px;margin-right:8px}
.form .lists h2{font-size:1.05em;margin:26px 0 10px;color:#4a5568}
.lists li{background:var(--mg-panel);border:1px solid var(--mg-line);border-radius:12px;padding:12px 16px;margin:0 0 10px}
.lists li label{display:inline;font-size:1em;margin:0;font-family:avertacy-semibold,Arial,sans-serif}
.lists .description{color:#5b6475;margin:4px 0 0 25px;font-size:.875em;line-height:1.45}

/* Buttons: same as the site's orange rounded button */
.button,button.button,input[type="submit"]{
  background:var(--mg-orange);color:#fff;border:0;border-radius:24px;
  height:48px;padding:0 32px;min-width:160px;
  font-family:avertacy-semibold,Arial,Helvetica,sans-serif;font-size:16px;line-height:48px;
  cursor:pointer;text-decoration:none;transition:background-color .15s;
}
.button:hover,.button:focus-visible{background:var(--mg-coral);color:#fff}
.button:focus-visible{outline:2px solid var(--mg-navy);outline-offset:2px}
.button.button-outline{background:#fff;color:var(--mg-navy);border:1px solid var(--mg-navy);line-height:46px}
.button.button-outline:hover{background:var(--mg-navy);color:#fff}

/* ALTCHA widget */
.form .captcha{margin:22px 0 22px}
altcha-widget{
  --altcha-border-radius:12px;--altcha-color-border:var(--mg-line);
  --altcha-color-border-focus:var(--mg-orange);--altcha-color-text:var(--mg-navy);
  --altcha-max-width:100%;
}
.form .right{margin-top:18px;font-size:.9em}

/* Archive */
.archive{margin-top:10px}
.archive li{padding:16px 0;margin:0;border-bottom:1px solid var(--mg-line)}
.archive li:last-child{border-bottom:0}
.archive li a{font-family:avertacy-semibold,Arial,sans-serif;font-size:1.1em;color:var(--mg-navy);text-decoration:none}
.archive li a:hover{color:var(--mg-coral)}
.archive .date{color:var(--mg-grey);font-size:.85em;margin-top:2px}
.feed{color:var(--mg-grey)}
.pagination .pg-page{color:var(--mg-navy)}
.pagination .pg-selected{color:var(--mg-coral)}

/* Manage / unsubscribe pages */
.unsub-all{border-top:1px solid var(--mg-line)}
.error{color:#c2410c}

footer.container{color:var(--mg-grey);font-size:.8em}
footer a{color:var(--mg-grey)}
footer a:hover{color:var(--mg-navy)}

@media screen and (max-width:650px){
  .container{margin:0 auto 16px}
  .wrap{border-radius:0;border-left:0;border-right:0;padding:28px 20px}
  .button{width:100%}
}

/* Intro + privacy line added by custom JS on the subscribe page */
.mg-intro{color:#4a5568;margin:-6px 0 24px}
.mg-privacy{font-size:.8em;color:var(--mg-grey);margin:14px 0 0}