/* ==========================================================================
   HAL WINSLOW INSURANCE AGENCY  -  quote pages

   The quote pages use the ColoradoHealth.com style sheets unchanged
   (vb-base.css and the rest). This file is loaded straight after
   vb-base.css and holds only what has to differ for Winslow.
   ========================================================================== */

/* The coffee-cup logo is nearly square, where the ColoradoHealth logo is a
   long thin strip, so at the bar's height the words under the cup are too
   small to read. The cup stays bar-sized and the agency's name is written
   beside it in the bar's own white lettering. */
.ch-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
}
.ch-logo img { height: clamp(34px, 10vw, 44px); width: auto; margin: 0; border-radius: 6px; }
.ch-logo::after {
  content: "Hal Winslow Insurance Agency";
  font-weight: 800;
  font-size: clamp(14px, 3.8vw, 20px);
  letter-spacing: -.01em;
  line-height: 1.1;
}
@media print { .ch-logo { color: #061f3b; } }
/* Two phone lines in the menu instead of one */
.ch-menu-call { margin-top: 8px; }

/* The same logo stands where the ColoradoHealth team photo does on the
   results page, so it is kept logo-sized rather than photo-sized. */
.ch-teamphoto { max-width: 190px !important; width: 100%; height: auto; border-radius: 12px; }

/* On the plan details page the Apply and Ask buttons are phone links here.
   They borrow the buttons' classes, and a link needs these to look the same. */
a.d-apply, a.d-ask {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
}

/* the green button's white lettering - a link would otherwise take the page's link colour */
a.d-apply { color: #fff !important; }