/**************************************************************************
|                                                                         |
|  Description :  LifeAnnuities.com CSS - SCREEN                          |
|                                                                         |
|  Name        :  Carlo Iorio                                             |
|  Website     :  www.DigitalAnalyst.ca                                   |
|  Email       :  carlo_iorio @ hotmail .com                              |
|  Location    :  Montreal, Canada                                        |
|                                                                         |
|  Copyright 2025 DigtialAnalyst.ca. All rights reserved.                 |  
|                                                                         |
|                                                                         |
/*************************************************************************/


/* ==========================
   ASSESSMENT CSS
   ========================== */

/* Global resets */
html, body { margin:0; padding:0; }
body.assessment-page { padding-top:0 !important; }

/* Ensure NO top margin/padding above the logo */
.assessment-page,
.assessment-page .container-shadow,
.assessment-page .row,
.assessment-page .col-sm-12,
.assessment-page .assessment-wrapper,
.assessment-page figure,
.assessment-page .image {
  margin-top:0 !important;
  padding-top:0 !important;
  border-top:0 !important;
  box-shadow:none !important;
}

/* Remove faint borders/shadows some themes add */
.container-shadow {
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Brand/logo */
figure { margin:0 !important; }
.center-img { display:block; margin:10px auto 0 !important; } /* 10px from top */

/* Layout */
.assessment-wrapper { text-align:center; }
.assessment-lead { text-align:center; margin:8px 0 20px; }

/* Question card */
.assessment-question-block {
  display:inline-block;
  border:2px solid #007bff;
  padding:28px;
  border-radius:10px;
  background:#f9f9f9;
  max-width:560px;
  width:100%;
  text-align:left;
  margin-bottom:20px;
}
.assessment-question-block h3 {
  margin:0 0 12px;
  font-weight:700;
  text-align:center;
}
.assessment-question-block .progress {
  height:10px;
  width:80%;
  max-width:420px;
  margin:8px auto 16px;
}
.assessment-options .radio { margin:12px 0; }

/* Results card */
.result-card {
  display:inline-block;
  border:2px solid #0a1970;
  padding:28px;
  border-radius:10px;
  background:#f9f9f9;
  max-width:720px;
  width:100%;
  text-align:left;
  margin:20px 0;
}
.result-card h3 { margin:0 0 10px; text-align:center; }
.result-card .badge-score {
  display:inline-block;
  padding:6px 10px;
  border-radius:16px;
  background:#0a1970;
  color:#fff;
  font-size:14px;
  margin:0 auto 8px;
  text-align:center;
}
.result-card ul { margin:8px 0 0 18px; }

/* Actions */
.actions { text-align:center; margin-top:18px; }
.actions .btn + .btn { margin-left:8px; }

/* Links */
.tel-link { white-space:nowrap; font-weight:700; }

/* Lead form sizing */
.lead-form .col-sm-9 { max-width:340px; }
.lead-form .form-control { max-width:300px; }
.lead-form .form-group { margin-bottom:10px; }

/* Remove left indent from Bootstrap checkbox in the lead form */
.lead-form .checkbox { padding-left:0; }

/* Form titles */
.lead-form .form-title { margin:0 0 4px; font-weight:700; text-align:center; }
.lead-form .form-sub   { margin:0 0 12px; color:#666; text-align:center; }

/* Mobile */
@media (max-width:767px){
  .lead-form .col-sm-9,
  .lead-form .form-control { max-width:100%; }
}

/* compact heading + divider */
.h4-tight { margin: 6px 0 8px; font-weight: 700; }
.section-divider { border: 0; border-top: 1px solid #e5e5e5; margin: 12px 0 16px; }

/* broker strip */
.broker-strip { padding: 6px 0; }
.broker-strip .media-object { width: 56px; height: 56px; }
.broker-strip .broker-name { margin: 0 0 2px; font-weight: 700; }
.broker-strip .broker-meta { margin: 0 0 4px; }
.broker-strip .broker-meta > li { padding-right: 12px; color: #555; font-size: 13px; }
.broker-strip .broker-cta { margin: 0; font-size: 14px; }
.broker-strip .broker-cta .pipe { margin: 0 10px; color: #9aa3a7; }

/* mobile: stack neatly and center the text links */
@media (max-width: 767px) {
  .broker-strip .media-left,
  .broker-strip .media-object { display: inline-block; vertical-align: middle; }
  .broker-strip .media-body { display: inline-block; vertical-align: middle; width: calc(100% - 70px); }
  .broker-strip .broker-meta { font-size: 12px; }
}