/* secure.mailclickconvert.com - the marketing site's chrome (mcc.css, nav and
   footer partials) over the legacy Bootstrap account pages. Loaded LAST, after
   bootstrap.min.css, style.css, responsive.css and mcc.css. Everything here
   exists to make the legacy page bodies sit well under the new header: undo
   the old fixed-navbar padding, give the forms the new system's look, and
   neutralise style.css globals that fight mcc.css. Keep it small - the page
   bodies themselves are still the legacy markup. */

/* style.css padded the body for the old fixed navbar; the new topbar is in flow */
body{padding-top:0 !important}
.sec-main{min-height:52vh}

/* the legacy pages reach for Lato; mcc.css's system stack everywhere */
h1,h2,h3,h4,h5,h6,p,a,li,label,input,button,select,textarea,.btn{font-family:inherit}

/* page hero strips from the legacy templates -> the new tinted hero */
.bluse-banner-prc,.login,.sec-thanks{background:linear-gradient(180deg,#dfecf7 0%,#f0f6fa 52%,#f1f7fb 100%);padding:56px 0 24px}
.login{padding-bottom:60px}
.sectionTitle h1,.login .title h1{font-size:clamp(28px,3.4vw,40px);font-weight:760;letter-spacing:-.03em;line-height:1.1;color:var(--ink);margin:0 0 10px}
.sectionTitle h1 span,.third-title{color:var(--ink3)}
.third-title{font-size:17px;font-weight:500;line-height:1.5;max-width:60ch;margin:0 auto 8px}

/* ------------------------------------------------------------ login / forgot */
.login-form{max-width:640px;margin:18px auto 80px;padding:36px 32px 30px;background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 22px 44px -20px rgba(6,58,92,.28),0 4px 14px rgba(6,58,92,.07)}
.login-form .row{margin:0}
.login-form [class*="col-md-"]{width:100%;margin-left:0;padding:0}
.login-form .title h1{text-align:center}
.login .description{color:var(--ink3);font-size:15px;text-align:center;margin-bottom:18px}
.login .description .error,.error{color:var(--no);font-weight:640;margin-top:10px}
.login .description font[color="#FF0000"]{color:var(--no)}
.login-form .form-group{margin:0 0 12px}
.login-form input,.login-form input.form-control,.login-form .custom-input{height:46px;border-radius:9px;border:1px solid var(--line);
  font-size:15px;padding:0 14px;box-shadow:none;background:#fff;color:var(--ink)}
.login-form input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-soft)}
.login-form .btn-login,.login-form .btn-login:hover,.login-form .btn-login:focus{background:var(--blue);border:0;color:#fff !important;
  border-radius:9px;font-size:15px;font-weight:650;letter-spacing:0;text-transform:none;padding:12px 20px;margin-top:6px;width:100%;filter:none;
  box-shadow:none;transition:background .15s}
.login-form .btn-login:hover{background:var(--blue-dk)}
.login-form a.btn-login{background:#fff;color:var(--blue) !important;border:1px solid var(--line)}
.login-form a.btn-login:hover{background:var(--tint);color:var(--blue-dk) !important}
.login-form a:not(.btn-login){color:var(--blue);font-weight:640;font-size:14px}
.login-form .text-center a:not(.btn-login){display:inline-block;margin:4px 0}

/* ------------------------------------------------------------ contact / thank-you */
.contact-address{padding:34px 0 80px;background:#fff}
.contact-address .cont-left,.contact-address .cont-right{background:transparent !important;padding-top:10px}
.col-sm-6.cont-left::after{display:none}   /* the old full-bleed grey slab */
.contact-address .address > p,.address-info > p{font-family:inherit;font-weight:400;color:var(--ink2);letter-spacing:0}
.contact-address .address a,.contact-address .address > p a{color:var(--blue);font-weight:640}
.contact-address h3{margin-bottom:18px}
.contact-address .address-info{padding-right:30px}
.contact-address h3{font-size:20px;font-weight:740;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px}
.contact-address h3 span{color:var(--blue)}
.address p,.address-info p{font-size:15px;line-height:1.65;color:var(--ink2)}
.address a{color:var(--blue);font-weight:640}
.contact-address .form-control{height:46px;border-radius:9px;border:1px solid var(--line);font-size:15px;padding:0 14px;box-shadow:none;color:var(--ink)}
.contact-address textarea.form-control,.contact-address .form-control.textarea{height:auto;min-height:120px;padding:12px 14px}
.contact-address .form-control:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-soft)}
.contact-address .btn,.contact-address button[type="submit"],.btn-orange,button.btn-orange{background:var(--blue);color:#fff;border:0;border-radius:9px;
  font-size:15px;font-weight:650;padding:12px 22px;filter:none;text-transform:none;letter-spacing:0}
.contact-address .btn:hover,.contact-address button[type="submit"]:hover,.btn-orange:hover{background:var(--blue-dk);color:#fff}
.success{color:var(--ok);font-weight:640}
.sec-thanks{text-align:center;padding:70px 0 86px}
.sec-thanks h1{font-size:clamp(28px,3.6vw,42px);font-weight:760;letter-spacing:-.03em;line-height:1.1;color:var(--ink);margin:0 0 14px}
.sec-kick{font-size:11.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.sec-lead{font-size:17px;line-height:1.6;color:var(--ink3);max-width:56ch;margin:0 auto 26px}
.sec-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* legacy images that no longer exist on this host */
.address img,.address-info img{display:none}

/* Bootstrap's .btn picks up mcc.css's .btn; give Bootstrap-only buttons the
   system look instead of the old orange gradient */
.btn-default,.btn-primary{background:var(--blue);color:#fff;border:0;border-radius:9px;font-weight:650}
.btn-default:hover,.btn-primary:hover{background:var(--blue-dk);color:#fff}

@media (max-width:760px){
  .login-form{margin:10px 14px 54px;padding:26px 18px 22px}
  .bluse-banner-prc,.login{padding:40px 0 16px}
}