.alLocationSelectionArea.orSection {
  background-color: rgb(240, 240, 240);
  color: #414042;
}

.alMainHeading {
  text-align: center;
}

.alCityArea {
  display: flex;
  justify-content: center;
}

.alCityList {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  margin: -2vmin 0 0 -2vmin;
  padding: 0;
  justify-content: center;
}
.alCityList > * {
  flex: 1;
  display: block;
  margin: 0;
  box-sizing: border-box;
  padding: 2vmin 0 0 2vmin;
}

.alCityButton {
  display: block;
  margin: 0;
  padding: 2vmin;
  border-radius: 0.2em;
  border: 1px solid #cdcdcd;
  text-align: center;
  color: inherit;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.alCityList > *[data-al-city-selected="1"] .alCityButton {
  border: solid 4px rgb(32, 108, 73);
  padding: calc(2vmin - 3px);
}

.obrwArea .obrwBrandButton {
  border-radius: 0.2em;
  border: 1px solid #cdcdcd;
  padding: 10%;
  color: inherit;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.obrwArea .obrwList > *[data-al-brand-disabled="1"] .obrwBrandButton {
  background: rgb(240, 240, 240);
}
.obrwArea .obrwList > *[data-al-brand-disabled="1"] .obrwBrandButton > .obrwBrandButtonLogo {
  opacity: 0.25;
  filter: grayscale(100%);
}
.obrwArea .obrwList > *[data-al-brand-selected="1"] > .obrwBrandButton {
  border-width: 4px;
  border-color: rgb(32, 108, 73);
  padding: calc(10% - 3px);
}

.alMoreContactArea {
  text-align: center;
}
.alMoreContactArea .orA {
  color: inherit;
  text-decoration: underline;
}

.alLocationDisplayArea.orSection {
  min-height: 50vh;
}

.alInfoDealersList.orList {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.alInfoDealersList.orList > * {
  display: block;
  margin: 0;
  padding: 0;
}
.alInfoDealersList.orList > * + * {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #cdcdcd;
}

.alInfoNoResultsArea.orSection {
  margin-top: 0;
}

html.osw-useshover .alCityButton {
  transition-property: color, border-color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
}
html.osw-useshover .alCityButton:hover, html.osw-useshover .alCityButton:active {
  border-color: #237851;
  color: #237851;
}
html.osw-useshover .alCity[data-al-city-selected="1"] > .alCityButton {
  color: rgb(32, 108, 73);
}
html.osw-useshover .alCity[data-al-city-selected="1"] > .alCityButton:hover, html.osw-useshover .alCity[data-al-city-selected="1"] > .alCityButton:active {
  color: #237851;
}
html.osw-useshover .obrwArea .obrwBrandButton {
  transition-property: color, border-color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
}
html.osw-useshover .obrwArea .obrwBrandButton:hover, html.osw-useshover .obrwArea .obrwBrandButton:active {
  border-color: #237851;
}

@media all and (max-width: 699px) {
  .alMain {
    padding: 0 0 1.5rem 0;
  }
  .alLocationSelectionArea.orSection {
    margin: 0;
  }
  .alControlsArea {
    margin: 0;
    padding: 1.5rem 1.2rem;
  }
  .alBrandsArea.orP {
    margin: 1rem 0 0 0;
  }
  .alBrandsArea.orP .alBrandsWidgetArea {
    display: none;
  }
  .alBrandsArea.orP .alBrandSelectControl {
    margin-top: 0;
    min-width: 100%;
    max-width: 100%;
  }
  .alLocationDisplayArea.orSection {
    margin: 0;
    padding: 1.5rem 1.2rem 0 1.2rem;
  }
  .alInfoDealersList.orList > * + * {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
}
@media all and (min-width: 700px) {
  .alMain {
    margin: 0;
    padding: 0 0 3vmin 0;
  }
  .alLocationSelectionArea.orSection {
    margin: 0;
  }
  .alControlsArea {
    margin: 0 auto;
    padding: 3vmin 6vmin;
    max-width: 1500px;
  }
  .alBrandsArea.orP {
    margin: 3vmin 0 0 0;
  }
  .obrwList {
    margin: -10% 0 0 -10%;
  }
  .obrwList > * {
    padding: 10% 0 0 10%;
  }
  .alBrandSelectControl {
    display: none;
  }
  .alLocationDisplayArea.orSection {
    margin: 0;
    padding: 6vmin 6vmin 0 6vmin;
  }
  .alInfoArea {
    margin: 0 auto;
    max-width: 1500px;
  }
  .alInfoDealersList.orList > * + * {
    margin-top: 6vmin;
    padding-top: 6vmin;
  }
}
@media all and (min-width: 1000px) {
  .alCityButton {
    min-width: 12ex;
  }
}
@media all and (max-width: 599px) {
  .alBrandsArea .obrwList > * {
    width: 20%;
  }
}
@media all and (min-width: 600px) and (max-width: 799px) {
  .alBrandsArea .obrwList > * {
    width: 14.2857142857%;
  }
}
@media all and (min-width: 800px) and (max-width: 999px) {
  .alBrandsArea .obrwList > * {
    width: 12.5%;
  }
}
@media all and (min-width: 1000px) {
  .alBrandsArea .obrwList > * {
    width: 9.0909090909%;
  }
}
@media all and (min-width: 1200px) {
  .alBrandsArea .obrwBrandButton {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  }
}

/*# sourceMappingURL=style.css.map */