/* ===== 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-wn1wEiV9Y { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-wn1wEiV9Y { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-wn1wEiV9Y { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-wn1wEiV9Y { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-wn1wEiV9Y { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-wn1wEiV9Y { width: 100%;overflow-wrap: break-word; } } .gp-component-id-nljpTtwNyr.gp-component > [data-section-overlay] { right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute;background-color: rgba(255, 255, 255, 0); } @media (max-width: 639px) { .gp-component-id-nljpTtwNyr.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-nljpTtwNyr.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-nljpTtwNyr.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-nljpTtwNyr.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } @media (min-width: 1200px) { .gp-component-id-nljpTtwNyr.gp-component > [data-section-overlay] { background-color: rgba(255, 255, 255, 0);right: 0px;left: 0px;top: 0px;bottom: 0px;position: absolute; } } .gp-component-id-kcOsaU046t { margin-left: 0px;margin-bottom: 64px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 16px;padding-right: 0px;padding-top: 16px;flex-direction: column;align-items: flex-start;display: flex;list-style-type: inherit; } @media (max-width: 639px) { .gp-component-id-kcOsaU046t { margin-left: 0px;margin-bottom: 64px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 16px;padding-right: 0px;padding-top: 16px;flex-direction: column;align-items: flex-start;display: flex;list-style-type: inherit; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-kcOsaU046t { margin-left: 0px;margin-bottom: 64px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 16px;padding-bottom: 16px;padding-right: 16px;padding-top: 16px;flex-direction: column;align-items: flex-start;display: flex;list-style-type: inherit; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-kcOsaU046t { margin-left: 0px;margin-bottom: 64px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 64px;padding-bottom: 16px;padding-right: 64px;padding-top: 16px;flex-direction: column;align-items: flex-start;display: flex;list-style-type: inherit; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-kcOsaU046t { margin-left: 0px;margin-bottom: 64px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 128px;padding-bottom: 16px;padding-right: 128px;padding-top: 16px;flex-direction: column;align-items: flex-start;display: flex;list-style-type: inherit; } } @media (min-width: 1200px) { .gp-component-id-kcOsaU046t { margin-left: 0px;margin-bottom: 64px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 128px;padding-bottom: 16px;padding-right: 128px;padding-top: 16px;flex-direction: column;align-items: flex-start;display: flex;list-style-type: inherit; } } .gp-component-id-zYsOH7lKo9 { width: 100%;flex-direction: column;align-items: center;display: flex; } @media (max-width: 639px) { .gp-component-id-zYsOH7lKo9 { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-zYsOH7lKo9 { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-zYsOH7lKo9 { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-zYsOH7lKo9 { width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (min-width: 1200px) { .gp-component-id-zYsOH7lKo9 { width: 100%;flex-direction: column;align-items: center;display: flex; } } .gp-component-id-ttKqvwTa07q { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-ttKqvwTa07q { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ttKqvwTa07q { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ttKqvwTa07q { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ttKqvwTa07q { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-ttKqvwTa07q { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-UmPFHAFthHT { margin-left: -8px;margin-right: -8px; } @media (max-width: 639px) { .gp-component-id-UmPFHAFthHT { margin-left: -8px;margin-right: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-UmPFHAFthHT { margin-left: -8px;margin-right: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-UmPFHAFthHT { margin-left: -8px;margin-right: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-UmPFHAFthHT { margin-left: -8px;margin-right: -8px; } } @media (min-width: 1200px) { .gp-component-id-UmPFHAFthHT { margin-left: -8px;margin-right: -8px; } } .gp-component-id-63iZ8T0kyb { padding-left: 8px;padding-right: 8px;width: 100%; } @media (max-width: 639px) { .gp-component-id-63iZ8T0kyb { padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-63iZ8T0kyb { padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-63iZ8T0kyb { padding-left: 8px;padding-right: 8px;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-63iZ8T0kyb { padding-left: 8px;padding-right: 8px;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-63iZ8T0kyb { padding-left: 8px;padding-right: 8px;width: 100%; } } .gp-component-id-QnbEFZBVdz { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;flex-direction: column;align-items: center;display: flex; } @media (max-width: 639px) { .gp-component-id-QnbEFZBVdz { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;flex-direction: column;align-items: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-QnbEFZBVdz { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;flex-direction: column;align-items: center;display: flex;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-QnbEFZBVdz { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;flex-direction: column;align-items: center;display: flex;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-QnbEFZBVdz { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;flex-direction: column;align-items: center;display: flex;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-QnbEFZBVdz { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;flex-direction: column;align-items: center;display: flex;max-width: 992px; } } .gp-component-id-nljpTtwNyr { min-height: 50px;position: relative;z-index: auto;background-size: cover;padding-left: 8px;padding-right: 8px;padding-top: 48px;padding-bottom: 48px;background-repeat-x: no-repeat;background-repeat-y: no-repeat;background-position-x: 50%;background-position-y: 50%; } @media (max-width: 639px) { .gp-component-id-nljpTtwNyr { min-height: 50px;position: relative;z-index: auto;background-size: cover;padding-left: 8px;padding-right: 8px;padding-top: 48px;padding-bottom: 48px;background-repeat-x: no-repeat;background-repeat-y: no-repeat;background-position-x: 50%;background-position-y: 50%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-nljpTtwNyr { min-height: 50px;position: relative;z-index: auto;background-size: cover;padding-left: 32px;padding-right: 32px;padding-top: 64px;padding-bottom: 32px;background-repeat-x: no-repeat;background-repeat-y: no-repeat;background-position-x: 50%;background-position-y: 50%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-nljpTtwNyr { min-height: 50px;position: relative;z-index: auto;background-size: cover;padding-left: 32px;padding-right: 32px;padding-top: 64px;padding-bottom: 64px;background-repeat-x: no-repeat;background-repeat-y: no-repeat;background-position-x: 50%;background-position-y: 50%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-nljpTtwNyr { min-height: 50px;position: relative;z-index: auto;background-size: cover;padding-left: 32px;padding-right: 32px;padding-top: 96px;padding-bottom: 64px;background-repeat-x: no-repeat;background-repeat-y: no-repeat;background-position-x: 50%;background-position-y: 50%; } } @media (min-width: 1200px) { .gp-component-id-nljpTtwNyr { min-height: 50px;position: relative;z-index: auto;background-size: cover;padding-left: 32px;padding-right: 32px;padding-top: 96px;padding-bottom: 64px;background-repeat-x: no-repeat;background-repeat-y: no-repeat;background-position-x: 50%;background-position-y: 50%; } }