/* * MAPS * #014281 */ #oats-maps { height: calc(100vh - 130px); display: flex; flex-wrap: wrap; } #oats-maps.container-fluid {padding: 0;} #oats-maps > .row {width: 100%; margin: 0;} #oats-maps section.col {padding: 0; margin: 0;} #oats-maps > .row, #oats-maps > .col {height: 100%;} #oats-maps-content-maps {height: 100%;} #oats-maps p {line-height: normal;} .oats-maps-row {display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 0; flex-basis: 0%; height: 100%;} #oats-maps-content {order: 2;} .oats-maps-store-info p {line-height: 20px !important;} .oats-maps-store-directions { background: #aa8c6d; color: #ffffff !important; border-radius: 25px; font-family: 'Lato' !important; font-size: 16px !important; font-weight: 600 !important; padding: 3px 20px; } .oats-maps-store-info h3 {font-family: "Rubik", Sans-serif; font-weight: 100; } /* SIDEBAR */ #oats-maps-sidebar {box-shadow: 0 2px 4px 0 rgba(0,0,0,.12); flex-grow: 0; order: 1;} #oats-maps-sidebar-content {display: flex; flex-direction: column; height: 100%; } #oats-maps-sidebar .form-container {display: flex; padding: 15px 25px; position: relative;} #oats-maps-sidebar .form-container.form-drivetrough {padding-top: 0;} #oats-maps-sidebar form {background: white; position: relative; display: flex; flex: 1; padding: 0;} #oats-maps-sidebar input[type=search] {border: 0; display: block; height: 100%; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; padding: 10px 0 0; border-bottom: 1px solid #3e5fb7; padding-bottom: 6px; padding-right: 40px;} #oats-maps-sidebar input:focus { outline: 0; } #oats-maps-sidebar button {margin-top: -10px; border: none; padding: 7px !important; background: none; color: rgba(0,0,0,.56); transition: color .2s ease-out;} #oats-maps-sidebar button:hover { color: #000000; } #oats-maps-sidebar .button-container { display: block; width: 40px; position: absolute; right: 0; top: 5px; padding: none !important } #oats-maps-sidebar button.filter {margin-left: 25px;} /* RESULT CONTAINER */ #oats-maps-sidebar .result-container {overflow-y: auto; height: 100%; padding: 15px 0;} #oats-maps-sidebar .result-container .location-item:last-child {margin-bottom: 15px;} #oats-maps-sidebar .result-container .location-item p {margin-bottom: 0;} #oats-maps-sidebar .result-container .location-item-name {font-weight: bold; color: #EC1300; font-family: "Rubik", Sans-serif; font-size: 1.3em; } #oats-maps-sidebar .result-container .location-item-until, #oats-maps-sidebar .result-container .location-item-breakfast, #oats-maps-sidebar .result-container .location-item-distance {font-size: 1em;} #oats-maps-sidebar .result-container .location-item {cursor: pointer; padding: 15px 25px; transition: all .3s ease-in; align-items: center; justify-content: space-between;} #oats-maps-sidebar .result-container .location-item.active {background: #EEE;} #oats-maps-sidebar .result-container .location-item-wrapper {display: flex; flex-direction: row;} #oats-maps-sidebar .result-container .location-item-content {width: 100%;} #oats-maps-sidebar .result-container .location-item-info {margin-top: 15px;} #oats-maps-sidebar .result-container a {color: #333;} #oats-maps-sidebar .result-container a img { width: 30px !important} /* .menu-locations-mini-menu-container {padding-bottom: 50px; text-align: center;} */ #menu-locations-mini-menu {padding: 0; margin: 0;} #menu-locations-mini-menu li {list-style: none;} /* .elementor-container.elementor-column-gap-default {min-width: 100%;} .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {padding: 0 !important;} */ /* OVERLAY CONTAINER */ #oats-maps-sidebar-overlay {position: absolute; top:0; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; overflow-y: scroll; transform: scale(0); opacity: 0.0; transition: all 0.3s;} #oats-maps-sidebar-overlay.show { transform: scale(1); opacity: 1.0; } #oats-maps-sidebar-overlay h1 {margin-bottom: 0;} #oats-maps-sidebar-overlay h2 {font-size: 1.1em; text-transform: uppercase;} #oats-maps-sidebar-overlay p {font-size: 1em;} #oats-maps-sidebar-overlay .location-address {line-height: normal;} #oats-maps-sidebar-overlay .col-directions a {font-size: 1em; color: #333; text-decoration: underline; padding-top: .8rem!important; padding-bottom: .8rem!important;} #oats-maps-sidebar-overlay .col-directions a * {vertical-align: middle !important;} #oats-maps-sidebar-overlay .col-directions a:hover {text-decoration: none;} #oats-maps-sidebar-overlay .location-drivet {margin-bottom: 50px;} #oats-maps-sidebar-overlay .location-phone {margin-left: 0; padding-left: 0;} #oats-maps-sidebar-overlay .location-phone a {color:#333;} #oats-maps-sidebar-overlay .location-schedule div {list-style: none; font-size: 1em; padding-bottom: 10px;} #oats-maps-sidebar-overlay-wrapper {height: 100%; overflow-y: auto; } #oats-maps-sidebar-overlay-wrapper > div {padding: 20px 20px 20px 40px; } div.gmnoprint.gm-bundled-control { bottom: 145px !important; right: 54px !important; } div.gmnoprint { transform: scale(1.2); } /* MOBILE APP ADJUSTMENTS */ #oats-maps.mobile-app { height: 100vh; } .mobile-app #oats-maps-sidebar-overlay-wrapper { padding-top: 0; } /* .list-inline { padding-left: 0; list-style: none; } .list-inline-item:not(:last-child) { margin-right: 5px; } .list-inline-item { display: inline-block; } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .5rem .75rem; font-size: 1rem; line-height: 1.25; border-radius: .25rem; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary { color: #fff !important; border-color: #EC1300; border-radius: 25px; background: #EC1300; border: 0px; } */ /* RESPONSIVE LAYOUTS */ @media only screen and (max-width: 767px) { #oats-maps-content {height: 100%;} .oats-maps-row {flex-direction: column-reverse;} #oats-maps-sidebar-content {height: 380px; padding: 5px;} #oats-maps-sidebar .form-container {padding: 5px 15px;} /* .result-container .location-item {padding: 15px;} */ #oats-maps-sidebar input[type=search] { padding-bottom: 20px; padding-top: 20px; } #oats-maps-sidebar-overlay-wrapper {padding-top: 70px; padding-bottom: 100px;} } @media only screen and (min-width: 768px) { #oats-maps-sidebar {flex-basis: 25vw; position: relative;} #oats-maps-content {flex-basis: 75vw;} } @media (min-width: 768px) { /* .text-lg-center { text-align: center !important; } */ }