/* Compact lead form of report-form.php (Sample / Enquiry / Discount / Customize of the Global, Region and Country
   pages). Markup: report-form-block.php. Goal: Submit visible on the first screen on a laptop, in the site's colours.
   Bump report-form.css?v= in report-form.php after editing. */
.ri-fp{--rf-navy:#19305a;--rf-cyan:#00aeef;--rf-btn:#e64524;--rf-btn-b:#b7570f;--rf-line:#d5dbe5;--rf-soft:#f4f7fb;--rf-text:#383838;--rf-red:#e95c6a;padding-top:12px;padding-bottom:20px}

/* report head: title + one meta line */
.ri-fp-head{border-left:4px solid var(--rf-cyan);padding:2px 0 2px 12px;margin:0 0 12px}
.ri-fp-title{display:block;color:var(--rf-navy);font-size:20px;font-weight:600;line-height:1.35;margin:0 0 4px}
.ri-fp-title a{color:var(--rf-navy)}
.ri-fp-title a:hover{color:var(--rf-cyan)}
.ri-fp-title .blink{font-size:14px;font-weight:600;color:var(--rf-red);white-space:nowrap}
.ri-fp-meta{font-size:12.5px;color:#666;margin:0}
.ri-fp-meta b{color:var(--rf-text);font-weight:600}

/* form card */
.ri-fp-card{background:#fff;border:1px solid var(--rf-line);border-radius:6px;box-shadow:0 2px 14px rgba(25,48,90,.08);overflow:hidden;margin-bottom:16px}
.ri-fp-card-h{background:var(--rf-navy);color:#fff;padding:10px 18px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
.ri-fp-card-h h1,.ri-fp-card-h h2{color:#fff;font-size:23px;line-height:1.25;font-weight:600;margin:0;padding:0;border:0;background:none}
.ri-fp-card-h h1 .fa,.ri-fp-card-h h2 .fa{color:var(--rf-cyan);margin-right:6px}
.ri-fp-card-h span{font-size:12.5px;color:#c9d4e6}
.ri-fp-body{padding:14px 18px 16px}
.ri-fp-err{background:#fdecee;border:1px solid #f5c2c7;color:#b02a37;font-size:13px;border-radius:4px;padding:6px 10px;margin-bottom:10px}
.ri-fp-ok{font-size:15px;margin:6px 0}

.ri-fp-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}
.ri-fp-f{margin:0;min-width:0}
.ri-fp-full{grid-column:1/-1}
.ri-fp-f label{display:block;font-size:12.5px;font-weight:600;color:var(--rf-navy);margin:0 0 3px}
.ri-fp-f label .red{color:var(--rf-btn)}
.ri-fp .ri-fp-f .form-control{height:36px;padding:5px 10px;font-size:14px;border:1px solid #c4ccd8;border-radius:4px;box-shadow:none;background:#fff}
.ri-fp .ri-fp-f textarea.form-control{height:58px;min-height:58px;resize:vertical}
.ri-fp .ri-fp-f .form-control:focus{border-color:var(--rf-cyan);box-shadow:0 0 0 3px rgba(0,174,239,.18)}
.ri-fp-cap{display:flex;align-items:center;gap:8px}
.ri-fp-cap b{flex:0 0 auto;background:var(--rf-soft);border:1px solid #c4ccd8;border-radius:4px;height:36px;line-height:34px;padding:0 10px;font-size:15px;color:var(--rf-navy);white-space:nowrap}
.ri-fp-cap .form-control{flex:1 1 auto}

.ri-fp-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0f5;padding-top:10px;margin-top:2px}
.ri-fp-chk{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:#555;line-height:1.35;margin:0;font-weight:400;cursor:pointer}
.ri-fp-chk input{margin-top:2px;flex:0 0 auto}
.ri-fp-submit{flex:0 0 auto;background:var(--rf-btn);border:1px solid var(--rf-btn-b);color:#fff;font-size:15px;font-weight:600;border-radius:5px;padding:9px 34px;cursor:pointer;transition:background .15s}
.ri-fp-submit:hover,.ri-fp-submit:focus{background:var(--rf-navy);border-color:var(--rf-navy);color:#fff}
.ri-fp-submit .fa{margin-left:6px}

/* What's Included: one compact strip */
.ri-fp-incl{background:var(--rf-soft);border:1px solid var(--rf-line);border-radius:6px;padding:10px 16px 6px;margin-bottom:16px}
.ri-fp-incl h3{font-size:15px;font-weight:600;color:var(--rf-navy);margin:0 0 6px}
.ri-fp-incl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px 10px}
.ri-fp-incl li{font-size:13px;color:var(--rf-text);padding:3px 0}
.ri-fp-incl .fa-check{color:var(--rf-cyan);margin-right:6px}

/* sidebar beside the form: start level with the form */
.ri-fp .col-md-4.mt-30{margin-top:0}
.ri-fp .col-md-4 .panel.panel-default:first-child{margin-top:0}


@media (max-width:991px){
  .ri-fp-incl ul{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:575px){
  .ri-fp-grid{grid-template-columns:1fr}
  .ri-fp-foot{flex-direction:column;align-items:stretch}
  .ri-fp-submit{width:100%}
  .ri-fp-body{padding:12px 12px 14px}
  .ri-fp-card-h{padding:9px 12px}
  .ri-fp-card-h h1{font-size:20px}
  .ri-fp-title{font-size:17px}
}