/* The address suggestion list, and the message under a mobile number that is not one.
   Kept to what these two need: the forms themselves stay in the site's own styles. */

.cgfb-suggest {
    position: absolute;
    z-index: 1000;
    max-height: 17rem;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #c7ccd1;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .14);
    -webkit-overflow-scrolling: touch;
}

.cgfb-suggest__item {
    padding: .62rem .75rem;
    font-size: 15px;
    line-height: 1.3;
    color: #20251f;
    cursor: pointer;
    border-bottom: 1px solid #eef0f2;
}

.cgfb-suggest__item:last-child { border-bottom: 0; }

.cgfb-suggest__item.is-on,
.cgfb-suggest__item:hover { background: #fdf4dd; }

.cgfb-field-error {
    margin-top: .35rem;
    font-size: 13px;
    line-height: 1.35;
    color: #b3261e;
}

.cgfb-is-wrong { border-color: #b3261e !important; }

/* A phone has a smaller screen and a fat finger: bigger rows, and never wider than the screen. */
@media (max-width: 767px) {
    .cgfb-suggest { max-height: 13rem; max-width: 100vw; }
    .cgfb-suggest__item { padding: .8rem .75rem; font-size: 16px; }
}