/* Pamex Apparel - site-specific overrides (loaded after the theme CSS) */ /* The quote popup markup sits at the end of until the popup script moves it into the modal; keep it hidden until then. */ body > .elementor-location-popup { display: none; } /* ------------------------------------------------------------------ logos The theme's image-widget rules set a fixed width (and a negative left margin meant for the old logo's empty border). Combined with a height limit that squashed the Pamex artwork, so the logo size is set here with !important and the height always follows the width (no stretching). */ /* header: normal artwork on the white bar */ body .elementor-location-header img[src*="pamex-apparel-logo"] { width: auto !important; height: 84px !important; max-width: 100% !important; max-height: none !important; object-fit: contain; } /* footer: light artwork trimmed to its edges, lined up with the column text */ body .elementor-location-footer img[src*="pamex-logo-footer"] { width: 190px !important; height: auto !important; max-width: 100% !important; max-height: none !important; } body .elementor-32 .elementor-element.elementor-element-37d6d2bf > .elementor-widget-container { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; } @media (max-width: 767px) { body .elementor-location-header img[src*="pamex-apparel-logo"] { height: 64px !important; } body .elementor-location-footer img[src*="pamex-logo-footer"] { width: 160px !important; } } /* tablets: the theme gave the footer no side padding, so the logo and text sat against the edge of the screen */ @media (min-width: 768px) and (max-width: 1024px) { body .elementor-32 .elementor-element.elementor-element-4b1dfb70 { padding: 44px 20px 0 !important; } } /* ------------------------------------------------------- WhatsApp button Bottom left, so it never covers the tawk.to chat launcher on the right. */ .pmx-whatsapp { position: fixed; left: 20px; bottom: 20px; z-index: 9999; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #25D366; color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35); transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } .pmx-whatsapp:hover, .pmx-whatsapp:focus-visible { background: #1ebe5b; color: #fff; transform: scale(1.07); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45); } .pmx-whatsapp:focus-visible { outline: 3px solid #fff; outline-offset: 2px; } .pmx-whatsapp svg { width: 32px; height: 32px; display: block; } @media (max-width: 767px) { .pmx-whatsapp { left: 16px; bottom: 16px; width: 50px; height: 50px; } .pmx-whatsapp svg { width: 28px; height: 28px; } } /* ------------------------------------------------ review / listing profiles */ .pmx-orm { background: #000; padding: 0 20px 44px; font-family: "Poppins", sans-serif; } .pmx-orm__inner { max-width: 1280px; /* same width as the footer columns */ margin: 0 auto; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.12); display: flex; align-items: center; gap: 32px; } /* the theme styles every h4; keep this one in the footer heading style */ .pmx-orm .pmx-orm__title { margin: 0 !important; padding: 0 !important; flex: 0 0 auto; color: #fff !important; font-family: "Poppins", sans-serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: 0 !important; text-transform: none !important; } .pmx-orm__list { list-style: none; margin: 0; padding: 0; flex: 1 1 auto; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; } .pmx-orm__list li { margin: 0; padding: 0; } .pmx-orm__card { display: flex; align-items: center; justify-content: center; height: 62px; padding: 0 16px; background: #141414; border: 1px solid #2c2c2c; border-radius: 10px; transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease; } .pmx-orm__card:hover, .pmx-orm__card:focus-visible { background: #1c1c1c; border-color: #A6711F; transform: translateY(-2px); } .pmx-orm__card:focus-visible { outline: 2px solid #A6711F; outline-offset: 2px; } .pmx-orm__card img { display: block; width: auto; max-width: 100%; height: 28px; object-fit: contain; } /* the logos have different proportions; even out their visual size */ .pmx-orm__card--provenexpert img { height: 40px; } .pmx-orm__card--enrollbusiness img { height: 22px; } .pmx-orm__card--brownbook img { height: 26px; } .pmx-orm__card--freelistingusa img { height: 36px; } @media (max-width: 1024px) { .pmx-orm__inner { flex-direction: column; align-items: flex-start; gap: 18px; } .pmx-orm__list { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767px) { .pmx-orm { padding-bottom: 36px; } .pmx-orm__inner { padding-top: 26px; } .pmx-orm .pmx-orm__title { font-size: 18px !important; } .pmx-orm__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } /* five cards in two columns: the last one takes the full row */ .pmx-orm__list li:last-child:nth-child(odd) { grid-column: 1 / -1; } .pmx-orm__card { height: 58px; padding: 0 12px; } .pmx-orm__card img { height: 22px; } .pmx-orm__card--provenexpert img { height: 32px; } .pmx-orm__card--enrollbusiness img { height: 17px; } .pmx-orm__card--brownbook img { height: 20px; } .pmx-orm__card--freelistingusa img { height: 30px; } }