/*
 * Drive page ("Pyxisride Driver.dc.html"). The export switched its layout at
 * window.innerWidth < 1080 in script; these media queries do the same before any
 * script runs. Hover rules carry !important to win over inline styles, as in dc.css.
 */
.dc-drive section{scroll-margin-top:84px}
.dc-drive-nav-link:hover{background:rgba(255,248,238,.12) !important;color:#FFF8EE !important}
.dc-drive-cream-ink:hover{background:#FFF8EE !important;color:#241C12 !important}
.dc-drive-outline-cream:hover{background:#FFF8EE !important;color:#241C12 !important;border-color:#FFF8EE !important}
.dc-drive-step:hover{transform:translateX(5px) !important;border-color:#EFA63C !important}

.dc-drive-burger{display:none !important}
.dc-drive-scrim{background:linear-gradient(96deg,#241C12 0 34%,rgba(36,28,18,.9) 52%,rgba(36,28,18,.55) 78%,rgba(36,28,18,.4))}
.dc-drive-benefit{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
.dc-drive-app{grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr)}

@media (max-width: 1079.98px) {
  .dc-drive-nav{display:none !important}
  .dc-drive-burger{display:block !important}
  .dc-drive-scrim{background:linear-gradient(#241C12 0 6%,rgba(36,28,18,.9) 40%,rgba(36,28,18,.88))}
  .dc-drive-benefit{grid-template-columns:1fr}
  .dc-drive-app{grid-template-columns:1fr}
}
@media (min-width: 1080px) {
  .dc-drive-menu{display:none !important}
}