/* ----Store Box---- */
.store_info_box {
  padding: 3.5rem 3.5rem 3.5rem 3.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between
}

.store_outer_box { 
  background-color: #eff0f4;
  border-radius: 1rem;
  padding: 0rem ;
  /* box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px; */
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  border: 1px solid #a8a8a8;
  margin-top: 2rem;
  margin-bottom: 2rem; 
}  

.store_name_box {
    background-color: #a8a8a8a4;
    padding: 1rem 0 0.8rem 0;
    border-radius: 1rem 1rem 0 0;
}

.heading_store {
  margin: 0.7rem auto 0.7rem 0;
  text-align: center;
}

.head_address b{
  margin-top: 10px;
}







/* ----Left Col---- */
.address_phone_box {
      display: flex;
      flex-direction: column;
      align-items: center;
}

.store-hours-box {
        width: 30rem;
        border-radius: 2rem;
        padding: 1.3rem;
        color: rgb(39, 39, 39);
        display: flex;
        flex-direction: column;
        align-items: center;
}

.store-details-box {
        display: flex;
        flex-direction: column;
        align-items: center;
}

.thumb-img-store {
  width: 28rem;
  border-radius: 1rem;
  margin: 1rem auto 0.5rem auto;
  box-shadow: rgba(0, 0, 0, 0.151) 0px 8px 24px;
}

.left_info_box {
      display: flex;
        flex-direction: column;
        align-items: center;
        color: rgb(39, 39, 39);
        width: 30rem;
}

.phone-button {
        background-color: #da0000;
        box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px;
        border-radius: 5rem;
        padding: 0.5rem 1rem 0.5rem 1rem;
        border: none;
}

.phone-button:hover {
      transform: scale(1.04);
}

.btn_current_sales {
        font-size: 1.25em;
        background-color: #a8a8a8;
        color: #FFF;
        padding: 1rem;
        border-radius: 2rem;
}

.btn_current_sales:hover {
      transform: scale(1.05);
      color: #FFF;
      background-color: #da0000;
      font-weight: bold;
}

.pnumber {
        color: #fafafa;
        font-weight: bold;
}

.pnumber:hover {
      color: #fafafa;
}

.pnumber_button {
      display: flex;
      flex-direction: row;
      align-items: center;
}

.phone_number_h4 {
      font-size: 1.8rem;
      margin: 0;
}

.call_button {
      height: 2.2rem;
      margin-right: 2rem;
      fill: white;
}

.address_box {
      display: flex;
      flex-direction: row;
      margin: 1.2rem auto 1.2rem auto;
}

.address_bg {
      background-color: #d6d6d6; 
      padding: 1.5rem 2rem 1rem 2rem;
      border: 1px #d6d6d6 solid; 
      border-radius: 1.5rem;
}

.email_box_up {
      display: flex;
      flex-direction: row;
      margin: 1.2rem auto 0 0;
}

.email_box_dn {
      display: flex;
      flex-direction: row;
      margin: 1.2rem auto 1.2rem 0;
}
    
.head_address {
        margin: 0;
        font-size: 2rem;
}

/* Time Table Styles */
.table_timings {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #d6d6d6;
  font-size: 1.2rem;
}
      
td, th {
  text-align: left;
  padding: 8px;
}
      
tr:nth-child(even) {
  background-color: #d6d6d6;
}






/* ----Right Col---- */
.right_info_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.google_map {
  box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px;
  width: 70rem;
  border-radius:1rem;
  border: 1px solid #a8a8a8;
  margin-bottom: 1rem;
  height: 45rem;
}

.services {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 70rem;
}

.hire_sec {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 70rem; 
  margin-top: 2rem;
}

.hire_icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #da0000;
  border: #da0000 solid 2px;
  color: #FFF ;
  border-radius: 2rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.hire_icons:hover {
  border: #8b0000 solid 2px;
  box-shadow: rgb(0 0 0 / 20%) 0px 8px 24px;
  background-color: #da0000e1;
}

.store_icons {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.service_button {
  height: 2.4rem;
  margin-right: 1rem;
}

.hire_button {
  height: 3rem;
  margin-right: 1rem;
}

.address_icon {
  fill:rgb(39, 39, 39);
  height: 2.5rem;
  margin-right: 0.5rem;
}

/* back button - top */
.sl_return_div {
  display: flex;
  flex-direction: row;
  align-content: left;
}
.sl_return_button {
  display: flex;
  flex-direction: row;
  padding: 0.7rem 1.1rem 0.7rem 1.1rem;
  border: 1px solid #545454;
  background-color: white;
  border-radius: 3rem;
}

.return_button {
  height: 2rem;
  margin-right: 0.5rem;
}

.sl_return_a {
  font-size: 1.5rem;
  color: #545454;
}

.sl_return_a:hover .sl_return_button  {
  color: #202020;
}

.sl_return_button:hover {
  background-color:#d4d4d4 ;
}











/* DROP DOWN ACCORDION VIEW FOR STORES */
.str-selector {
  display: block;
  padding: 10px 0px;
  margin: 25px 0px 80px 0px;
}

.str-sel-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.str-sel-head img {
  height: 25px;
}

.str-sel-head h4 {
  color: #da0000;
  margin-left: 5px;
}

.str-selector a div{
 font-size: 17px;
 color: #2b2b2b;
 background-color: #d6d6d6; 
 padding: 10px 10px;
 margin: 15px 0px;
 border-radius: 10px;
 border: 2px solid rgb(207, 207, 207);
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.str-selector a div:hover{
  color: white;
  background-color: #da0000;
}

.str-selector a img{
  width: 25px;
  float: right;
}

.dnarrow {
  width: 25px;
  float: right;
  color: white;
}

/* no display in desktop */
@media screen and (min-width: 768px) {
  .str-selector {
      display: none;
  }
}

@media screen and (max-width: 380px) {
  .str-selector a div{
    font-size: 14px;
   }
}








/* Desktop - less than 1200px */
@media(max-width: 1200px) {
  .google_map {
    width: 50rem;
  }

  .services {
    flex-direction: row;
    justify-content: space-between;
    width: 50rem;
  }

  .hire_sec {
    width: 50rem; 
  }
}

/* Tablet - less than 900px */
@media(max-width: 991px) {
  .google_map {
    width: 26rem;
    height: 25rem;
  }

  .services {
    flex-direction: column;
    align-content: center;
    width: 26rem;
  }

  .hire_sec {
    width: 28rem; 
    flex-direction: column;
    align-content: center;
  }

  .right_info_box {
    margin: 3rem auto 0rem auto;
  }

  .store-hours-box {
    /* width: 30rem; */
    padding: 1.3rem;
    margin-bottom: 2rem;
  }
}

/* Mob - less than 800px */
@media(max-width: 800px) {
  .store_info_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 1.5rem 1rem 1.5rem;
  }

  .google_map {
    width: 100%;
    height: 22rem;
  }

  .right_info_box {
    margin: 15px 10px 10px 10px;
  }

  .address_bg {
    padding: 1.5rem 1rem 2rem 1rem;
    background-color: transparent;
    border: none; 
  }

  .thumb-img-store {
    width: 90%;
    margin: 1rem 0 0.5rem 0;
  }
}