/*--- Locations CSS --- */ 

/* ALL */ 

.nav-tabs {
  margin-top: 1.5rem;
  padding: 1rem;
  background: #fff;
  border: solid #aaa 1px;
}

.nav-tabs .nav-link {
  border: none;
}
.nav-tabs .nav-link.active {
  border: none;
}
.nav-tabs .nav-link h2 {
  margin: 0 .5rem;
  font-size: 1.5rem;
  color: #8E949F;
  font-weight: 700;
}
.nav-tabs .nav-link.active h2 {
  color: #006298;
}

a.dir-links {
    color: #006298;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #006298;
    padding-bottom: 2px;
    letter-spacing: 1px;
}

a.dir-links:hover {
  text-decoration: none;
}

a.dir-links:after,
a.dir-links:after,
a.dir-links:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f178";
  position: relative;
  left: 2px;
  font-size: .875rem;
  padding-right: 4px;
}

a.dir-links:hover:after,
a.dir-links:focus:after,
a.dir-links:active:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f14c";
  position: relative;
  left: 2px;
  font-size: .875rem;
  padding-right: 4px;
}

a.dir-links span {
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
}

a.dir-links:hover span {
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #369ece;
}

.tab-pane .tab-form {
  margin-bottom: 1rem;
  background: #fff;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.nav-tabs#map-tabs {
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
  border-bottom: solid rgba(0, 0, 0, 0.1) 1px;
  border-top:0px;
  border-left:0px;
  border-right:0px;
}

.tab-pane .tab-content {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  background: #fff;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

h3.map-legend {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1rem;
  color: #4f4d51;
}

.region-selection {
  padding-left: 2rem;
}

.legend-box {
  padding-left: 2rem!important;
}

/* the <ul> */
#location-list {
  padding-left: 0;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 0;
}

#location-list li {
  margin-left: 0;
  padding-left: 2rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.location-list-wrapper {
  padding-bottom: 2rem;
  padding-top:2rem;
}

ul#location-list>li>.location-list-wrapper:nth-of-type(-n-1) {
  border-bottom: 1px solid red;
}

#location-list h3 {
  color: #006298;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top:0rem;
}

#location-list .directions {
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: 1px;
    font-weight: 700;
}

#location-list .directions a {
    color: #006298;
    border-bottom: 0px;
}

#location-list .directions a {
    color: #006298;
    border-bottom: 0px;
}

#location-list .directions a i.fal {
    font-weight: 400;
}

.location-address,
.location-address-1,
.location-address-2,
.location-phone {
    line-height: 1.75;
}

.location-phone a {
  border-bottom: 0px;
  cursor: text;
}

.location-phone a:hover {
  border-bottom: 0px;
  color: #495057;
}

.nav-tabls#map-tabs {
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

select#retailerType,
select#howmany {
  background-position-x: 95%;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/map/icon-select-arrow.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 60px;
}

#list-form-feedback .form-error-message,
#map-form-feedback .form-error-message {
  font-weight: 400;
}

/* END ALL */ 

/* ----------- Smartphone Device Styles (SM)  ----------- */

@media (max-width: 767px) {

  legend.col-form-label,
  #city-zip,
  h3.map-legend {
    color: #4F4D51;
    font-weight: 700;
  }

  .region-selection {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #ced4da;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-left: 0rem;
  }

/*  .form-row > [class*=col-] {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }*/

  .or {
    font-size: 1rem;
    color: #4F4D51;
    font-weight: 700;
    position: relative;
    left: -1rem;
    top: -30px;
    padding-right: 1rem;
    background: #fff;
    padding-left: 1rem;
  }

}

/* ---------------------- Tablet styles (MD)  ---------------------- */
@media (min-width: 768px) {

  .or {
    font-size: 1rem;
    color: #4F4D51;
    font-weight: 700;
    position: relative;
    left: -35px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: #fff;
  }

  .region-selection {
    border-right: 1px solid #ced4da;
  }
  
}

/* End SM */

/* ----------- Desktops and laptops (LG) ----------- */
@media (min-width: 992px) {
  

}

/* End MD */

/* ----------- Large Desktops (XL) ----------- */

@media (min-width: 1200px) {


}