/**************************************************************************
|                                                                         |
|  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.                 |  
|                                                                         |
|                                                                         |
/*************************************************************************/


/* ==========================
   QUIZ (merged, no duplicates)
   ========================== */

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

/* Ensure NO top margin/padding above the logo */
.quiz-page,
.quiz-page .container-shadow,
.quiz-page .row,
.quiz-page .col-sm-12,
.quiz-page .quiz-wrapper,
.quiz-page figure,
.quiz-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 */
.quiz-wrapper { text-align:center; }
.quiz-lead { text-align:center; margin:8px 0 20px; }

/* Question card */
.quiz-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;
}
.quiz-question-block h3 {
  margin:0 0 12px;
  font-weight:700;
  text-align:center;
}
.quiz-question-block .progress {
  height:10px;
  width:80%;
  max-width:420px;
  margin:8px auto 16px;
}
.quiz-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%; }
}