/* ===== Annapolis Compass - PHONE FIXES ===== Only affects screens 639px wide or less (phones). Desktop and tablet are NOT changed. */
@media (max-width: 639px) { /* Safety net: nothing wider than the phone screen */ html, body { overflow-x: hidden; } img, iframe, video { max-width: 100% !important; } /* ---------- NAV BAR (all pages): keep name + Menu button on one line ---------- */ html body .acnav .in { flex-wrap: nowrap !important; min-height: 56px; } html body .acnav .brand { font-size: 17px !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; } html body .acnav details { flex-shrink: 0; } /* Menu drop-down was hidden BEHIND the next section on the Home page */ html body section.gp-component:has(.acnav) { z-index: 9999 !important; position: relative !important; } /* ---------- Pages built from custom HTML (USCG Rules, Check List): use the full phone width instead of a narrow padded column ---------- */ html body [data-gp-component]:has(.acnav) { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } html body .acus, html body .accl { padding-left: 12px !important; padding-right: 12px !important; } html body .acus table { min-width: 520px; font-size: 14px; } /* ---------- HOME: top banner ---------- */ html body .gp-component-id-OV8UP1zKZ[data-gp-component] { background-size: cover !important; /* was "contain" = picture repeated 3 times */ background-repeat: no-repeat !important; background-attachment: scroll !important; /* "fixed" doesn't work on iPhone */ height: auto !important; min-height: 0 !important; margin-top: 0 !important; padding-bottom: 24px !important; } html body .gp-component-id-FhxtxyPif1[data-gp-component] { height: auto !important; padding-bottom: 8px !important; } html body .gp-component-id-zkwPzP6m6[data-gp-component] { height: 24px !important; } /* removes an empty 315px gap */ /* phone number: the blank spaces that push it right on desktop pushed it off the phone screen */ html body [data-gp-text] p.gp-component-id-qKXAra4dj { font-size: 0 !important; text-align: center !important; } html body [data-gp-text] p.gp-component-id-qKXAra4dj a { font-size: 36px !important; white-space: nowrap; } /* tagline: was locked at 439px wide, so it ran off the right edge */ html body [data-gp-text] .gp-component-id-_H3Oj9Vw6 { width: auto !important; max-width: 100% !important; padding: 0 14px; font-size: 18px !important; line-height: 1.4; } /* ---------- HOME: "What Our Clients Are Saying" ---------- was locked at 699px tall, so the reviews spilled on top of the contact section */ html body .gp-component-id-w8qgSI5UJ1[data-gp-component] { height: auto !important; } /* ---------- HOME: payment-card logos (were cropped) ---------- */ html body .gp-component-id-gJfgRCBz_[data-gp-component] { width: 100% !important; height: auto !important; object-fit: contain !important; } /* ---------- HOME: photo backgrounds ("fixed" doesn't work on iPhone) ---------- */ html body .gp-component-id-0jqQjWRLo[data-gp-component], html body .gp-component-id-hYAAuJxbjQ[data-gp-component] { background-attachment: scroll !important; } /* ---------- COMPASS FAMILY: big blue headings (were 992px wide with 86px letters) ---------- */ html body [data-gp-text] h2.gp-component-id-DV7uIoyxo { width: auto !important; max-width: 100% !important; height: auto !important; font-size: 30px !important; line-height: 1.25 !important; -webkit-text-stroke-width: 1px !important; padding: 12px 8px; } /* COMPASS FAMILY: boat photos fill the screen width */ html body .gp-component-id-ngjZRotih > img { width: 100% !important; height: auto !important; display: block; margin: 0 auto 6px !important; }
} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .gp-component-id-2yM0GvXzM { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-2yM0GvXzM { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-2yM0GvXzM { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-2yM0GvXzM { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-2yM0GvXzM { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-2yM0GvXzM { width: 100%;overflow-wrap: break-word; } } .gp-component-id-JIuWjT0NL.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } @media (max-width: 639px) { .gp-component-id-JIuWjT0NL.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-JIuWjT0NL.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-JIuWjT0NL.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-JIuWjT0NL.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (min-width: 1200px) { .gp-component-id-JIuWjT0NL.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } .gp-component-id-U1kPmfF4zk { display: flex;align-items: center;flex-direction: column;height: 100%;width: 100%;padding-top: 48px;padding-right: 24px;padding-left: 24px; } @media (max-width: 639px) { .gp-component-id-U1kPmfF4zk { display: flex;align-items: center;flex-direction: column;height: 100%;width: 100%;padding-top: 48px;padding-right: 24px;padding-left: 24px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-U1kPmfF4zk { display: flex;align-items: center;flex-direction: column;height: 100%;width: 100%;padding-top: 48px;padding-right: 48px;padding-left: 48px;padding-bottom: 48px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-U1kPmfF4zk { display: flex;align-items: center;flex-direction: column;height: 100%;width: 100%;padding-top: 48px;padding-right: 48px;padding-left: 48px;padding-bottom: 48px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-U1kPmfF4zk { display: flex;align-items: flex-start;flex-direction: column;height: 100%;width: 100%;padding-top: 16px;padding-right: 16px;padding-left: 16px;padding-bottom: 16px; } } @media (min-width: 1200px) { .gp-component-id-U1kPmfF4zk { display: flex;align-items: flex-start;flex-direction: column;height: 100%;width: 100%;padding-top: 16px;padding-right: 16px;padding-left: 16px;padding-bottom: 16px; } } .gp-component-id-DY8VnqRAhF { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-DY8VnqRAhF { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-DY8VnqRAhF { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-DY8VnqRAhF { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-DY8VnqRAhF { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-DY8VnqRAhF { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } .gp-component-id-x0t2i2vROD { width: 100%;object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 100%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } @media (max-width: 639px) { .gp-component-id-x0t2i2vROD { width: 100%;object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 100%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-x0t2i2vROD { width: 450px;object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 100%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-x0t2i2vROD { width: 450px;object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 100%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-x0t2i2vROD { width: 450px;object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 100%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } @media (min-width: 1200px) { .gp-component-id-x0t2i2vROD { width: 450px;object-position: center center;object-fit: cover;justify-content: flex-start;align-items: flex-start;display: inline-flex;max-width: 100%;height: auto;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid; } } .gp-component-id-3kIPoFsgky { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } @media (max-width: 639px) { .gp-component-id-3kIPoFsgky { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-3kIPoFsgky { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-3kIPoFsgky { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-3kIPoFsgky { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-3kIPoFsgky { display: flex;align-items: center;justify-content: center;flex-direction: column;height: 100%;width: 100%; } } .gp-component-id-N4QImTK_OP { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } @media (max-width: 639px) { .gp-component-id-N4QImTK_OP { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-N4QImTK_OP { width: 100%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-N4QImTK_OP { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-N4QImTK_OP { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } @media (min-width: 1200px) { .gp-component-id-N4QImTK_OP { width: 50%;padding-left: 8px;padding-right: 8px;flex-grow: 0;flex-shrink: 0;flex-basis: auto; } } .gp-component-id-VwjuSQQ4o { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } @media (max-width: 639px) { .gp-component-id-VwjuSQQ4o { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-VwjuSQQ4o { margin-left: -8px;margin-right: -8px;flex-wrap: wrap; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-VwjuSQQ4o { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-VwjuSQQ4o { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } @media (min-width: 1200px) { .gp-component-id-VwjuSQQ4o { margin-left: -8px;margin-right: -8px;flex-wrap: wrap;display: flex; } } .gp-component-id-QfANGqPrVW { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-QfANGqPrVW { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-QfANGqPrVW { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-QfANGqPrVW { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-QfANGqPrVW { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-QfANGqPrVW { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-3cb3p6GnBp { width: 100%; } @media (max-width: 639px) { .gp-component-id-3cb3p6GnBp { width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-3cb3p6GnBp { width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-3cb3p6GnBp { width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-3cb3p6GnBp { width: 100%; } } @media (min-width: 1200px) { .gp-component-id-3cb3p6GnBp { width: 100%; } } .gp-component-id-N2KKPFL4oe { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-N2KKPFL4oe { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-N2KKPFL4oe { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-N2KKPFL4oe { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-N2KKPFL4oe { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-N2KKPFL4oe { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-54pQh0zy6v { margin-left: -8px;margin-right: -8px; } @media (max-width: 639px) { .gp-component-id-54pQh0zy6v { margin-left: -8px;margin-right: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-54pQh0zy6v { margin-left: -8px;margin-right: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-54pQh0zy6v { margin-left: -8px;margin-right: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-54pQh0zy6v { margin-left: -8px;margin-right: -8px; } } @media (min-width: 1200px) { .gp-component-id-54pQh0zy6v { margin-left: -8px;margin-right: -8px; } } .gp-component-id-hH7Ui0Oa3N { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-hH7Ui0Oa3N { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-hH7Ui0Oa3N { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-hH7Ui0Oa3N { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-hH7Ui0Oa3N { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-hH7Ui0Oa3N { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-KOO9OZyUt4 { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-KOO9OZyUt4 { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-KOO9OZyUt4 { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-KOO9OZyUt4 { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-KOO9OZyUt4 { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-KOO9OZyUt4 { margin-left: auto;margin-right: auto;width: 100%;position: relative;z-index: 15;max-width: 992px; } } .gp-component-id-JIuWjT0NL { z-index: auto !important;padding-bottom: 56px;padding-top: 56px;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-JIuWjT0NL { z-index: auto !important;padding-bottom: 56px;padding-top: 56px;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-JIuWjT0NL { z-index: auto !important;padding-bottom: 56px;padding-top: 56px;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-JIuWjT0NL { z-index: auto !important;padding-bottom: 56px;padding-top: 56px;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-JIuWjT0NL { z-index: auto !important;padding-bottom: 56px;padding-top: 56px;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-JIuWjT0NL { z-index: auto !important;padding-bottom: 56px;padding-top: 56px;position: relative;min-height: 50px; } }