.navbar-brand { padding: 0 !important; display: flex; align-items: center;}.navbar-brand { font-size: 1.25rem; color: black; text-decoration: none;}#shareButtons { position: fixed; bottom: 10px; left: 0; right: 0; height: fit-content; width: fit-content; background: white; margin-left: auto; margin-right: auto; display: flex; border-radius: 29px; filter: drop-shadow(0px 2px 4px black); z-index: 600;}#shareButtons a { width: 45.5px; height: 48px; padding-top: 5px; padding-bottom: 5px; padding-left: 2.5px; padding-right: 2.5px; text-decoration: none;}#shareButtons a:first-child { padding-left: 5px;}#shareButtons a:last-child { padding-right: 5px;}#shareButtons div { width: 38px; height: 38px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}#shareButtons .bi { line-height: 0;}#shareToast { position: fixed; bottom: 10px; left: 0; right: 0; z-index: 700; margin-left: auto; margin-right: auto; background: white;} .my-flex-row { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--bs-border-color); } .partiallyCollapsedAccordion .accordion-collapse { position: relative; transition: none !important; } .partiallyCollapsedAccordion .accordion-collapse:not(.show) { display: block; overflow: hidden; height: 300px; } .partiallyCollapsedAccordion .accordion-button { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .accordionGradient { position: absolute; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.35s; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); display: flex; align-items: flex-end; justify-content: center; padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); z-index: 500; } .accordion-collapse.collapse:not(.show) .accordionGradient { opacity: 1; } .accordion-collapse.show .accordionGradient { display: none; } #overviewCollapse p:last-child { margin-bottom: 0; } .toast:not(.show) { display: none;}.emphasizedAccordion .accordion-button { background-color: #cfe2ff; font-weight: 600;} @media (max-width: 575.98px) { .table-sm { font-size: 0.75rem; } } .report-container { padding: 0; } .report-container { --top-row-height: 2rem; --weather-width: 44px; --icon-width: 65px; /* one more than image to account for border */ --description-width: 150px; --sun-width: 75px; } @media (max-width: 575.98px) { .report-container { --top-row-height: 1.625rem; --weather-width: 35px; --description-width: 110px; --sun-width: 60px; } } .report-table { display: block; overflow-x: visible; margin: 0; } .report-table thead, .report-table tbody { display: block; overflow-x: auto; } .report-table tr { display: flex; } .report-table thead { position: sticky; top: 56px; z-index: 1; scrollbar-width: none; // scroll firefox -ms-overflow-style: none; // scroll microsoft } #forecastAccordionSTAGEScollapse:not(.show) .report-table thead { top: 0px; } .report-table thead::-webkit-scrollbar { display: none; // scroll webkit } .report-table thead th { border-bottom-color: black !important; display: flex; text-align: center; border-right: solid 1px rgb(222, 226, 230); flex-shrink: 0; } .report-table thead th:last-child { border-right: none; } /* average/year cells */ .number-headers-cell { flex-direction: column; padding: 0 !important; width: calc(3*var(--weather-width) + var(--icon-width)); } /* 15-year avg */ .number-headers-cell:first-child { width: calc(3*var(--weather-width)); } /* average/year title */ .number-headers-cell > span:nth-child(1) { padding: 0.25rem; } /* temp/prec container */ .number-headers-cell > span:nth-child(2) { display: flex; } /* temp/prec headers */ .number-headers span { text-align: right; width: var(--weather-width); padding: 0.25rem; flex-shrink: 0; } /* weather icon header */ .number-headers span:nth-child(4) { width: var(--icon-width); } .number-headers span:last-child { flex-shrink: 1; } /* typical forecast */ .report-table thead tr:nth-child(1) th:nth-child(2) { align-items: center; justify-content: center; width: calc(var(--icon-width) + var(--description-width)); } /* sunrise/sunset */ .report-table thead tr:nth-child(1) th:nth-child(3) { flex-direction: column; justify-content: space-between; align-items: end; width: var(--sun-width); } /* stage name rows */ .report-table tbody tr:nth-child(2n+1) { display: contents; } /* stage data rows */ .report-table tbody tr:nth-child(2n) { border-bottom-color: black !important; border-bottom-style: solid !important; } .report-table td { justify-content: right; } .report-table tbody td, .report-table tbody th { display: flex; align-items: center; flex-shrink: 0; } .report-table tbody th { border: none; align-items: baseline; position: sticky; left: 0; } /* stage end */ .report-table tbody th span { font-size: 0.9em; font-weight: normal; margin-left: 0.5em; } /* high cells */ .report-table tbody tr td:nth-child(1), .report-table tbody tr td:nth-child(4n+7) { width: var(--weather-width); } /* low cells */ .report-table tbody tr td:nth-child(2), .report-table tbody tr td:nth-child(4n+8) { width: var(--weather-width); } /* precipitation cells */ .report-table tbody tr td:nth-child(3), .report-table tbody tr td:nth-child(4n+9) { width: var(--weather-width); border-right-width: 1px; } /* icon cells */ .report-table tbody tr td:nth-child(4), .report-table tbody tr td:nth-child(4n+10) { width: var(--icon-width); border-right: solid 1px rgb(222, 226, 230); } .report-table tbody tr td:last-child { border-right: none; } /* description cells */ .report-table tbody tr td:nth-child(5) { width: var(--description-width); justify-content: left; border-right: solid 1px rgb(222, 226, 230); } /* sun/rise/set cells */ .report-table tbody tr td:nth-child(6) { width: var(--sun-width); flex-direction: column; align-items: end !important; justify-content: center; border-right: solid 1px rgb(222, 226, 230); } .input-group > .form-range { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; height: calc(2.25rem + 2px); padding: 0 .75rem; font-size: 1rem; line-height: 1.5; background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .input-group > .form-range:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-range:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .form-check-input[type=radio] { border-color: #0d6efd; border-width: 2px; } .form-check-input[type=radio]:checked { background-image: none; } /* hack for removing accordion chevron */.removeChevron:after { width: 0px; background-image: unset;}.invisible { alpha: 0;}.spinnerContainer { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}.searchResultButton { width: 150px;}.bottomMargin { margin-bottom: 5rem;}.exampleTabs { @media (max-width: 767.98px) { flex-grow: 1; }}#exampleLinks { flex-shrink: 0; @media (max-width: 991.98px) { flex-grow: 1; }}.togglerLabel { margin-left: 0.75rem; vertical-align: middle; color: white;}@media (max-width: 357.98px) { .togglerLabel { display: none; }}.arrowOffcanvasHeader { margin-top: 15px;}.arrowOffcanvasHeader .btn-close { background: none; opacity: 1;}.arrowOffcanvasHeader .offcanvas-title { text-align: center;}/* forecast graphs */.graphWrapper { min-height: 325px; width: 100%; aspect-ratio: 1.4; position: relative;}.graphButtons { text-align: right;}#shareButtons { position: fixed; bottom: 10px; left: 0; right: 0; height: fit-content; width: fit-content; background: white; margin-left: auto; margin-right: auto; display: flex; border-radius: 29px; filter: drop-shadow(0px 2px 4px black); z-index: 600;}#shareButtons a { width: 45.5px; height: 48px; padding-top: 5px; padding-bottom: 5px; padding-left: 2.5px; padding-right: 2.5px; text-decoration: none;}#shareButtons a:first-child { padding-left: 5px;}#shareButtons a:last-child { padding-right: 5px;}#shareButtons div { width: 38px; height: 38px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}#shareButtons .bi { line-height: 0;}#shareToast { position: fixed; bottom: 10px; left: 0; right: 0; z-index: 700; margin-left: auto; margin-right: auto; background: white;}.leaflet-bottom { z-index: 100 !important;}#allTrailsButton::after { display: inline-block; margin-left: .255em; vertical-align: 0; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid;}@media (min-width:768px) { #allTrailsButton::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }}