/* ===== 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-ix0hg7p_v { width: 100%;overflow-wrap: break-word; } @media (max-width: 639px) { .gp-component-id-ix0hg7p_v { width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ix0hg7p_v { width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ix0hg7p_v { width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ix0hg7p_v { width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-ix0hg7p_v { width: 100%;overflow-wrap: break-word; } } .gp-component-id-nuqhh0zZS.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } @media (max-width: 639px) { .gp-component-id-nuqhh0zZS.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-nuqhh0zZS.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-nuqhh0zZS.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-nuqhh0zZS.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (min-width: 1200px) { .gp-component-id-nuqhh0zZS.gp-component > [data-section-overlay] { position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px; } } @media (max-width: 639px) { .gp-component-id-S3SXhkDmPU[data-gp-component] { color: rgba(3, 23, 48, 1);padding-top: 20px;width: 100%;flex-direction: column;align-items: center;display: flex;min-height: 120px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-S3SXhkDmPU[data-gp-component] { color: rgba(3, 23, 48, 1);padding-top: 20px;width: 100%;flex-direction: column;align-items: center;display: flex;min-height: 120px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-S3SXhkDmPU[data-gp-component] { color: rgba(3, 23, 48, 1);padding-top: 20px;width: 100%;flex-direction: column;align-items: center;display: flex;min-height: 120px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-S3SXhkDmPU[data-gp-component] { color: rgba(3, 23, 48, 1);padding-top: 20px;width: 100%;flex-direction: column;align-items: center;display: flex;min-height: 120px; } } @media (min-width: 1200px) { .gp-component-id-S3SXhkDmPU[data-gp-component] { color: rgba(3, 23, 48, 1);padding-top: 20px;width: 100%;flex-direction: column;align-items: center;display: flex;min-height: 120px; } } @media (max-width: 639px) { [data-gp-text] .gp-component-id-J9Lhv2cJxh { font-size: 32px !important;color: rgb(57, 75, 86);text-align: left;line-height: 1.5;font-family: Asap;margin-left: auto;margin-right: auto;width: auto; } } @media (max-width: 767px) and (min-width: 640px) { [data-gp-text] .gp-component-id-J9Lhv2cJxh { font-size: 32px !important;color: rgb(57, 75, 86);text-align: left;line-height: 1.5;font-family: Asap;margin-left: auto;margin-right: auto;width: 85.71%; } } @media (max-width: 991px) and (min-width: 768px) { [data-gp-text] .gp-component-id-J9Lhv2cJxh { font-size: 32px !important;color: rgb(57, 75, 86);text-align: left;line-height: 1.5;font-family: Asap;margin-left: auto;margin-right: auto;width: 66.6667%; } } @media (max-width: 1199px) and (min-width: 992px) { [data-gp-text] .gp-component-id-J9Lhv2cJxh { font-size: 32px !important;color: rgb(57, 75, 86);text-align: left;line-height: 1.5;font-family: Asap;margin-left: auto;margin-right: auto;width: 66.6667%; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-J9Lhv2cJxh { font-size: 32px !important;color: rgb(57, 75, 86);text-align: left;line-height: 1.5;font-family: Asap;margin-left: auto;margin-right: auto;width: 66.6667%; } } [data-gp-text] .gp-component-id-CUJKEhhDxY { font-family: Poppins, sans-serif; font-size: 2.25rem; color: rgb(32, 45, 60); text-align: center; margin-bottom: 1.25rem; } @media (min-width: 640px) { [data-gp-text] .gp-component-id-CUJKEhhDxY { font-family: Poppins, sans-serif; font-size: 2.25rem; color: rgb(32, 45, 60); text-align: center; margin-bottom: 1.25rem; } } @media (min-width: 768px) { [data-gp-text] .gp-component-id-CUJKEhhDxY { font-family: Poppins, sans-serif; font-size: 2.25rem; color: rgb(32, 45, 60); text-align: center; margin-bottom: 1.25rem; } } @media (min-width: 992px) { [data-gp-text] .gp-component-id-CUJKEhhDxY { font-family: Poppins, sans-serif; font-size: 2.25rem; color: rgb(32, 45, 60); text-align: center; margin-bottom: 1.25rem; } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-CUJKEhhDxY { font-family: Poppins, sans-serif; font-size: 2.25rem; color: rgb(32, 45, 60); text-align: center; margin-bottom: 1.25rem; } } [data-gp-text] .gp-component-id-vCnbmDqB8T { font-family: Poppins, sans-serif; font-size: 4.5rem; color: rgb(15, 24, 36); } @media (min-width: 640px) { [data-gp-text] .gp-component-id-vCnbmDqB8T { font-family: Poppins, sans-serif; font-size: 4.5rem; color: rgb(15, 24, 36); } } @media (min-width: 768px) { [data-gp-text] .gp-component-id-vCnbmDqB8T { font-family: Poppins, sans-serif; font-size: 4.5rem; color: rgb(15, 24, 36); } } @media (min-width: 992px) { [data-gp-text] .gp-component-id-vCnbmDqB8T { font-family: Poppins, sans-serif; font-size: 4.5rem; color: rgb(15, 24, 36); } } @media (min-width: 1200px) { [data-gp-text] .gp-component-id-vCnbmDqB8T { font-family: Poppins, sans-serif; font-size: 4.5rem; color: rgb(15, 24, 36); } } .gp-component-id-4mxRs2INZJ[data-gp-component] { margin-top: -0.25rem; width: 100px; justify-content: flex-start; align-items: flex-start; display: inline-flex; object-fit: cover; object-position: center center; } @media (min-width: 640px) { .gp-component-id-4mxRs2INZJ[data-gp-component] { margin-top: -0.25rem; width: 100px; } } @media (min-width: 768px) { .gp-component-id-4mxRs2INZJ[data-gp-component] { margin-top: -0.25rem; width: 100px; } } @media (min-width: 992px) { .gp-component-id-4mxRs2INZJ[data-gp-component] { margin-top: -0.25rem; width: 100px; } } @media (min-width: 1200px) { .gp-component-id-4mxRs2INZJ[data-gp-component] { margin-top: -0.25rem; width: 100px; } } .gp-component-id-oasnYhm0PI[data-gp-component] { margin-left: auto; margin-right: auto; width: 100%; } @media (min-width: 640px) { .gp-component-id-oasnYhm0PI[data-gp-component] { max-width: 640px; } } @media (min-width: 768px) { .gp-component-id-oasnYhm0PI[data-gp-component] { max-width: 768px; } } @media (min-width: 992px) { .gp-component-id-oasnYhm0PI[data-gp-component] { max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-oasnYhm0PI[data-gp-component] { max-width: 1200px; } } .gp-component-id-nuqhh0zZS[data-gp-component] { position: relative; z-index: 10; }