d transparent; border-radius: 10px; background: #f1f1f2; color: #000; font: 400 1.5rem/1.38em Poppins, Arial, sans-serif; -webkit-appearance: none; letter-spacing: 0; text-align: left; } #pac-input { color: #4B5464; } .search-input input#pac-input { width: 100%; height: 48px; padding: 12px 16px; padding-right: 48px; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; font-family: 'Poppins', sans-serif; box-sizing: border-box; transition: all 0.3s ease; } .search-input .close-btn2 { position: absolute; right: 12px; top: 12px; z-index: 100; background: transparent; border: none; cursor: pointer; margin: 0; padding: 8px; color: #999; font-size: 20px; line-height: 1; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; } .search-input .close-btn2 { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); z-index: 100; background: transparent; border: none; cursor: pointer; padding: 8px; color: #666; font-size: 14px; transition: color 0.3s ease; } .search-input .close-btn2 { background: url(/i/gfx/search-close-btn.svg) no-repeat center center; } .pac-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #ddd; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-height: 300px; overflow-y: auto; z-index: 1000; display: none; margin-top: -1px; } .pac-dropdown.show { display: block; } .pac-dropdown-item { padding: 12px 16px; cursor: pointer; font-size: 14px; border-bottom: 1px solid #f0f0f0; transition: background-color 0.2s ease; } .pac-dropdown-item .main-text { font-weight: 500; color: #333; display: block; } .search-filter { margin-right: -.5rem; margin-left: -.5rem; display: none; } .search-filter .item { margin: .5rem; display: inline-block; vertical-align: middle; } .search-filter .ico { vertical-align: top; margin: 1px 6px 0 0; position: relative; opacity: .5; transition: opacity .3s ease-in-out; } .ico.firearms { background: url(/i/gfx/firearms-icon.svg) no-repeat center center; } .ico.auto-loans { background: url(/i/gfx/auto-loan-icon.svg) no-repeat center center; } .loc-items ul .loc-item:last-child { border-bottom: 1px solid #ECEDEE; } .loc-item { border-top: 1px solid #ECEDEE; } .loc-pagination span.loc-dots { border: none; } .find-a-location main { background: #fff; } /* Common css */ @media (min-width: 768px) { /*Location page css start*/ .search-opt { padding-left: 0; width: 25%; } .search-input { width: 25%; } .search-filter { margin: 0; display: flex; align-items: center; gap: 12px; width: 50%; } .search-filter.filters-on { display: flex; } .search-filter .hd { width: auto; margin-top: 0; color: #4B5464; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.15px; } .search-filter .ico { width: 20px; height: 20px; opacity: 1; } .search-filter ul { width: 100%; flex:1; margin: 0; text-align: right; } .search-filter .item { width: calc(50% - 1rem); } .search-filter ul .item:last-child{ margin-right: 0;} .loc-item { padding: 32px 0px 32px 0px; } .loc-items ul .loc-item:first-child { padding: 10px 0px 32px 0px; border: none; } .hero-find .col.c-12.col-find { padding-left: 0; padding-right: 0; } .loc-items .foot { margin: 32px 0 0 0; text-align: left; } .addr-link { line-height: normal; } .loc-items .dist { margin: 12px 0 32px 0; color: #007DB3; font-size: 13px; font-weight: 700; display: block; } .addr-link a span { margin-right: 5px; } .map-canvas-wrap { margin: 5.2rem auto; } .map-app-wrap .wrap { padding-right: 1.6rem; padding-left: 1.6rem; } .loc-flex { display: flex; justify-content: space-between; margin: 54px 0; } .map-canvas-wrap { margin: 0; max-width: 664px; padding: 0; width: 50%; } .loc-items { width: 50%; margin: 0; position: static; overflow-y: scroll; -webkit-overflow-scrolling: touch; max-width: 450px; max-height: 953px; } .map-canvas-wrap ng-map { width: auto; height: auto !important; right: 0; left: 0; } p.loc-note.ng-scope { padding: 0 0 0 25px; bottom: -20px; left: 0; position: absolute; font-size: 13px; } /*Location page css end*/ .pac-dropdown { max-height: 250px; } .col.c-12 { width: 100%; } /* Common css */ .loc-items ul .loc-item:first-child { padding: 0px 0px 32px 0px; border: none; } .col.c-1, .col.c-10, .col.c-11, .col.c-12, .col.c-2, .col.c-20, .col.c-3, .col.c-30, .col.c-4, .col.c-40, .col.c-5, .col.c-6, .col.c-60, .col.c-7, .col.c-70, .col.c-8, .col.c-9 { display: inline-block; vertical-align: top; } .hero-find { background: #fff; } .h1-find { font-size: 32px; font-weight: 600; font-family: Poppins; word-wrap: break-word; width: 100%; color: #4b5464; } .search-input, .search-opt { margin: 0; display: inline-block; vertical-align: top; position: relative; } .search-opt { padding-left: 0; width: 25%; } .ezpawn .btn { padding-top: .9rem; padding-bottom: .9rem; font-size: 1.7rem; } .search-input { width: 25%; } .search-filter { margin: 0; display: flex; align-items: center; gap: 12px; width: 50%; } .search-filter .hd { width: auto; margin-top: 0; color: #4B5464; font-size: 1.5rem; font-weight: 400; letter-spacing: -0.15px; } .search-filter .hd, .search-filter ul { display: inline-block; vertical-align: top; } .search-filter ul { width: auto; margin: 0; } .hours, .ng-scope { font-size: 16px; } .hero-find { background: #fff; } .mod { padding-top: 6.5rem; padding-bottom: 6.5rem; } /* Common css */ } @media (max-width: 768px) { .map-canvas-wrap { height: 0 !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; } #map-canvas { height: 200px !important; } .search-input .close-btn2 { right: 8px; } } @media (max-width: 767px) { .hero.hero-find { background-color: #fff; } .col-find { padding-top: 2rem !important; padding-bottom: 2rem !important; } .h1-find { font-size: 20px; font-weight: 600; font-family: Poppins; word-wrap: break-word; width: 100%; color: #4b5464; line-height: 20px; } .search-flex { flex-wrap: wrap; padding-left: 20px; padding-right: 20px; } .search-opt { order: 2; margin: 0; width: 100%; display: flex; gap: 12px; } .search-input { position: relative; order: 1; width: 100%; } .search-filter.filters-on { display: block; order: 3; margin: 0; width:100%; } .search-filter ul { display: flex; flex-wrap: wrap; gap: 12px; } .search-filter ul li.item { margin: 0; width: calc(50% - 6px); } .search-opt .btn.filter .ico { background: url(/i/gfx/mage_filter.svg) no-repeat 0 0; width: 20px; height: 20px; margin:0; } .search-opt .btn.filter .ico:after{ display:none; } .search-opt .btn.filter:focus .ico { filter: brightness(0) invert(1); } .ezpawn .search-flex .btn.alt6.filter { width: auto; padding: .8rem 2rem; } .search-filter ul li.item .btn.alt7 { width: 100%; max-width: 100%; } .search-filter .ico { margin: 0px 12px 0 0; opacity: 1; width: 20px; height: 20px; } .loc-pagination a, .loc-pagination span { width: 32px; height: 32px; font-size: 13px; min-width: inherit; } .loc-pagination .loc-dots { display: flex; align-items: center; padding: 0 8px; color: #666; font-weight: bold; border: none; } .loc-content-acc { padding-left: 20px; padding-right: 20px; } .loc-accordion-title { font-size: 16px; padding:19px 40px 19px 0; } .loc-accordion-content p{ font-size:14px; } .loc-pagination{ padding-bottom:44px; } .loc-flex { padding: 32px 24px 4px 24px; } .loc-items .foot { margin: 2rem 0 0; } .loc-items { min-height: 100px; background: #fff; /*max-height: 790px; overflow: auto;*/ } .addr-link a { background: url(/i/gfx/loc-add.svg) no-repeat 0 3px; padding: 3px 0 4px 28px; } .loc-items .dist { font-size: 12px; } .btn.alt5.browse-inventory-btn { font-size: 16px; } .hero-find .col.c-12.col-find { padding-left: 20px; padding-right: 20px; } .loc-item { padding: 32px 0px 32px 0px; } .loc-items ul .loc-item:first-child { padding: 32px 0px 32px 0px; } .loc-items { min-height: 0 !important; } /* valuepawn */ .site-valuepawn .search-opt .btn.filter .ico { background: url(/i/gfx/mage_filter_green.svg) no-repeat 0 0; } /* valuepawn */ } @media (max-width: 480px) { .search-input input#pac-input { padding: 10px 40px 10px 12px; height: 40px; } .search-input .close-btn2 { font-size: 0; padding: 10px; } .search-input .close-btn2::before { content: "×"; font-size: 24px; } .pac-dropdown-item { padding: 10px 14px; font-size: 13px; } .loc-pagination a.loc-page.active { display: flex; } .loc-pagination .loc-dots { display: none; } } .loader{ margin: 50px 0 50px 0px; } .loaders { border: 4px solid #f3f3f3; border-top: 4px solid black; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 30px auto; } @keyframes spin { 100% { transform: rotate(360deg); } }