<> .grecaptcha-badge { visibility: hidden; } .cash-bar { padding: 35px !important; } @media screen and (max-width: 1200px) and (min-width: 992px){ #hours { /*top: 4.7em !important; right: 22.1em !important;*/ top: 4.4em !important; right: 26.1em !important; } #header .location-link { top: -2px !important; left: 84.5% !important; font-size: 100% !important; } } @media screen and (max-width: 991px) and (min-width: 769px){ #header .img-fluid { height: 75px !important; } #header .header-row { height: 75px !important; } #hours { top: 4.7em !important; /*right: 15.1em !important;*/ right: 18.1em !important; } #header .location-link { top: -2px !important; left: 84.5% !important; font-size: 100% !important; } } @media screen and (max-width: 768px) and (min-width: 576px){ #tel_header { margin: 10px 0 0 46px !important; } #hours { /*top: 83% !important;*/ top: 70% !important; right: 28% !important; } #header .location-link { top: 77px !important; left: 80% !important; } .navbar{ color:black!important; } .nav-link{ color:black!important; } .navbar-menu{ color:black!important; } .navbar-light{ margin-top: 1px!important; } .hover-item:hover{ background: white!important; } } @media screen and (max-width: 575px) { #tel_header { margin: 23px 0 0 64px !important; } #hours { /*top: 4.8em !important; right: 18.5em !important;*/ top: 4.5em !important; right: 17em !important; } #header .location-link { /*top: 76px !important;*/ top: 68px !important; left: 65% !important; } .dynamic-logo { height: 75%!important; } } #close { float: right !important; right: 0; position: absolute; margin: 0px 10px 0 0; font-size: 16px; cursor: pointer !important; } .close { float: right !important; right: 0; position: absolute; margin: 0px 10px 0 0; font-size: 16px; cursor: pointer !important; } .center-image-box { display: block !important; } .navbar-toggleable-sm .navbar-nav .nav-link { font-size: 20px !important; } #hours { margin: 0px 0px 0 0; font-size: 16px; cursor: pointer !important; position: absolute; top: 5.5em; /*right: 28em;*/ right: 31em; } .navbar{ color:black!important; } .nav-link{ color:black!important; } .navbar-menu{ color:black!important; } .navbar-light{ margin-top: 1px!important; } .hover-item:hover{ background: white!important; } .bg-primary { background-color: transparent !important; } .search-link { bottom: -7px; } #header .location-link { top: 4px; left: 87%; } <> .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; width: 70%; padding: .5rem .75rem; font-size: 1rem; line-height: 1.25; color: #464a4c; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; } .dataTables_wrapper .dataTables_paginate .paginate_button.current.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #5cb85c !important; background-image: none !important; background-color: transparent !important; border-color: #5cb85c !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #fff !important; background: #5cb85c !important; border-color: #5cb85c !important; } .dataTables_length select { max-width: 100%; height: calc(2.25rem + 2px); line-height: 1.25; color: #464a4c; -webkit-background-size: 8px 10px; background-size: 8px 10px; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; -moz-appearance: none; } <> /* --- Modern modal shell --- */ .modal-modern .modal-content { border: 1px solid rgba(1724390.08); border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,0.20); overflow: hidden; } .modal-modern .modal-header { border: 0; padding: 18px 20px 8px; justify-content: center; } .modal-modern .modal-title { font-weight: 800; font-size: 1.25rem; color: #111827; letter-spacing: .2px; } .modal-modern .modal-body { padding: 16px 16px 20px; } /* --- Option grid & cards (match search-card aesthetic) --- */ .option-grid { display: grid; grid-template-columns: 1fr 1fr; /* 2-up in small modal */ gap: 12px; } @media (max-width: 380px) { .option-grid { grid-template-columns: 1fr; } /* stack on very narrow screens */ } .option-card { position: relative; display: block; border-radius: 14px; overflow: hidden; background: #f5f7fb; box-shadow: 0 2px 10px rgba(0,0,0,0.06); transition: transform .15s easebox-shadow .2s ease; text-decoration: none; } .option-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.10); } .option-card:focus { outline: 3px solid rgba(179,0,0,0.45); outline-offset: 2px; } .option-card img { width: 100%; height: 140px; /* keep compact inside a small modal */ object-fit: cover; display: block; } .option-card__label { position: absolute; left: 8px; bottom: 8px; padding: 6px 10px; font-weight: 700; border-radius: 9999px; background: rgba(0,0,0,0.55); color: #fff; font-size: .9rem; line-height: 1; pointer-events: none; } /* Optional subtle divider above footer actions (if you add any later) */ .modal-modern .modal-footer { border: 0; padding-top: 8px; } @media (min-width: 576px) { .modal-sm { max-width: 550px; } }