[v-cloak] { display: none; } [v-cloak]::before { content: "Loading…"; } .page-block { position: relative; } .page-block.map-section { margin-bottom: 0; } #titleContainerWrapper { text-align: left; position: relative; box-shadow: 0 8px 10px -10px #777; z-index: 999; } #titleContainer { padding-bottom: 2em; } #locationsListContainer { margin-top: 1em; height: 35em; overflow-x: auto; } #locationsList li { margin-bottom: .75em; } #mapLayerSelectionArea ul { padding-left: 1em; } #mapLayerSelectionArea label { font-size: 1em; font-weight: normal; } #mapLayerSelectionArea input { margin-right: .3em; } #searchContainer hr { margin: 20px 0; background: #CBCBCB; } #searchContainer input[type="search"] { width: 66%; padding: 5px; } #searchContainer h2 { font-size: 16px; text-transform: uppercase; font-weight: 600; } .btn { padding: 8px !important; display: inline !important; margin: 2px; } .nav-btn { background-color: transparent; border: 1px solid #222; color: #222; font-weight: 500; } .nav-btn.active, .nav-btn:active, .nav-btn:focus, .nav-btn:hover, .nav-btn:active, .nav-btn:hover { background-color: #b31b1b; border: 1px solid #b31b1b; color: #fff; } .removeMapLocation { cursor: pointer; } #listsAndLayersContainer { margin-top: 20px; } .mobileViewSelectButton { display: none; } #mapLayerSelectionArea { margin-top: 1em; } #continueExploring { padding: 1em; margin-top: 1em; padding-bottom: 4em; } #shortenedURLcontainer { padding: 2em; } #shortenedURL { background-color: yellow; text-decoration: underline; padding: 3px; } .textLinkItem { font-size: 85%; color: black; margin-left: .5em; } .overlayNotes { color: black; } #feedbackForm { margin-bottom: 3em; border: 1px solid red; background-color: #DDD; padding: 2em; } #feedbackResponse { margin-bottom: 3em; border: 1px dashed red; padding: 2em; } #bottomButtonContainer { margin-top: 1em; padding: 0 1em; } .unitsHeader { border-top: 1px dashed red; padding-top: .5em; } #unitsList li { margin-bottom: .75em; } .nowrap { white-space: nowrap; margin-top: 6px; margin-bottom: 6px; } .cu-sidebar, .cu-main { padding-top: 0; } #searchContainer { margin-bottom: 1em; } .smallScreenLeftNav { display: block !important; overflow-y: auto; } #infoBubblesOptions label { display: inline-block; font-size: 75%; margin-left: 3em; } #centeringButtons { width: 100%; display: inline-block; } #quickViewButtonsMobile { display: none; } .quickViewButton { background-color: transparent; border: 1px solid #222; margin-left: 5px; color: #222; text-align: center; font-size: 12px; font-weight: 500; } .btn.quickViewButton:focus { color: #fff; border: 1px solid white; } .quickViewButtonActive { background-color: #b31b1b !important; border: 1px solid white; margin-left: 5px; color: white; text-align: center; font-weight: 500; font-size: 12px; } .quickViewButton:hover { background-color: white; border: 1px solid black; color: black; } #quickViewButtonsContainer { background-color: rgba(255, 255, 255, 1); color: #222; width: 100%; padding: .5em; border-bottom: 1px solid #e8e8e8; } #quickViewButtonsContainer label { color: white !important; font-size: 14px !important; margin-left: 2em; } #quickViewButtons.mobileViewDropdown { display: none; } #leftnav { margin-top: 0; padding: 1em; } label { cursor: pointer; } .maps-description { margin-bottom: 0em; } #bottomButtonContainer button, #bottomButtonContainer a { margin-bottom: 1em; margin-top: 1em; } .navcat { color: #b31b1b; font-weight: bold; margin-bottom: 1.5em; cursor: pointer; } div.cu-maps-main.cu-main { } .cu-maps-sidebar.cu-sidebar { } #searchContainer { white-space: nowrap; } .gm-style .gm-style-iw-c { border-bottom: 4px solid #b31b1b; border-radius: 4px 4px 0 0; } .gm-style .gm-style-iw-tc::after { background-color: #b31b1b; } @media screen and (max-width: 948px) { .cu-maps-main { display: block; } #leftnav { padding: 1em 1em 0 1em; } #locationsListContainer { height: 20em } #locationsListContainer, #layersContainer { padding-left: 0; } #layersContainer ul { height: auto; display: block; } #layersContainer ul li { padding-right: 2em; } .cu-maps-main .page-block { position: relative; } #centeringButtons { z-index: 99; width: 100%; display: inline-block; position: relative; } #quickViewButtons { margin-top: 3em; } #quickViewButtonsMobile { padding-top: 10px; position: absolute; top: 35px; width: 100%; left: 0; right: 0; background: rgba(240,240,240,1); z-index: 999; box-shadow: 0 2px 5px solid #e8e8e8; } #quickViewButtonsMobile.show { display: block; } #quickViewButtons, #quickViewButtonsMobile { display: none; } #quickViewButtonsContainer { width: 100%; background: rgba(250,250,250,.98); padding: .5em; } .desktopViewSelectButton { display: none; } .mobileViewSelectButton { display: block; color: #222; width: 100%; text-align: left; padding: 0 1em; } .mobileViewSelectButton::after { display: inline-block; font-family: fontcustom; font-style: normal; font-weight: 400; content: "\f100"; right: 15px; text-align: right; position: absolute; font-size: .8em; margin-top: 5px; } #quickViewButtons.mobileViewDropdown { background: rgba(255,255,255,.98); position: absolute; margin-top: 5px; z-index: 999; } #quickViewButtonsMobile.mobileViewDropdown .quickViewButtonActive, #quickViewButtonsMobile.mobileViewDropdown .quickViewButton { background-color: transparent; border: none; width: 100%; text-align: right; width: 100%; display: block; margin-left: 0; } #quickViewButtonsMobile.mobileViewDropdown .quickViewButton:hover { color: #fff; background-color: #b31b1b; } #infoBubblesOptions { display: block; width: 100%; background: #111; padding-bottom: .5em; margin-top: 10px; } #infoBubblesOptions label, #quickViewButtonsContainer label { margin-top: 10px; margin-left: 1em; } }