/*
 * Website overrides that load after common-dashboard.css. Copied from the LocationIQ website's
 * static/v2/css/custom.css (2026-10-12) and pruned to the rules the dashboard uses.
 */
#devlopers.owl-carousel .owl-item img {width: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.9;
    cursor: pointer;}
#devlopers.owl-carousel .owl-item img:hover {-webkit-filter: grayscale(0%);
    filter: grayscale(0%);}
.credits a {color: black;
    text-decoration: underline;}
p.attribution {padding-left: 5%;
    color: #676767;
    width: 100%;}
#cases.owl-carousel .owl-nav .owl-next {top: 40%;
    right: -28px;}
#cases.owl-carousel .owl-nav .owl-prev {top: 40%;
    left: -28px;}
@media only screen and (min-width: 999px) {
    #cases.owl-theme .owl-dots {display: none;}
}
#header.fixed-header-dashboard {padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    background: var(--brand-tint, #fff4f4);}
.top-footer-dashboard {display: none;}
.footer-stripe-container-dashboard {border-top: 1px solid #c3c7c8;
    padding-top: 44px;}
#footer-unwired-link {color: #71848a}
.tooltip {position:relative;
    display: inline-block;}
@media (max-width:1023px) {
    #banner .banner-content {position: absolute; padding-top: 50px;}
    #banner {min-height:60vh;}
    .section {padding-top:60px;}
}
@media only screen and (max-width: 850px) {
    #banner .banner-content {position: static; padding-top: 50px;}
    .navbar, .ex-navbar {display: none}
    #hamburger {display: block}
    .nav.open .navbar {display:block; position:absolute; right:0; top:60px; width:100%; max-width: 100%; z-index:8889;height: calc(100vh - 60px); overflow: auto; background-color: #fff;}
    #header.fixed-header .nav.open .navbar {top:44px;height: calc(100vh - 44px);}
    #header > .nav.open > .navbar > ul {display:block; background-color:#fff; padding:10px 0}
    #header > .nav.open > .navbar > ul > li {margin:0 15px; border-top:1px solid #eee}
    #header > .nav.open > .navbar > ul > li:first-child {border-top:none}
    #header > .nav > .navbar > ul > li.mobile-link {display: block;}
    #header > .nav > .navbar > ul > li > a {display: block;}
}
.top-footer-btns {align-items: center;
    padding-top: 4px;}
@media (max-width:769px) {
    #banner {min-height:60vh;}
    .section {padding-top:60px;}
}
.or-sep-web {font-size: 15px;
    font-weight: 600;
    color: #71848a;
    text-align: center;
    width: 50px;
    margin: 30px auto;
    display: block;
    position: relative;}
.or-sep-web:before {left: 100%;}
.or-sep-web:after {right: 100%;}
.or-sep-web:before, .or-sep-web:after {content: '';
    position: absolute;
    top: 50%;
    width: 100px;
    height: 1px;
    background-color: #d1d1d1;}
.btn-oauth {padding-top: 0px;
    padding-bottom: 0px;}