/*********
 * Find a Distributor main page –– search form section
 *********/



.distributor-search .search-result-section .heading-panel.main-view {
  position: relative;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%; /* Jay: new */
} 

.distributor-search .search-result-section .heading-panel.main-view:after {
  content: '';
  position: absolute;
  background: #f0f0f0;
  height: 100%;
  width: 100vw;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  z-index: -1;
}

.distributor-search .heading-panel__map {
  /* display: flex; */
  /* align-items: space-evenly; */
  width: 75%; /* Jay: was auto */
}



.distributor-search .heading-panel__form__wrap {
/*   padding: 73px 33px 81px 29px; */
  padding: 33px 33px 41px 29px;
  min-width: 24vw;
  width: 515px;
  background-color:#003DA5;
  color: white;
/*   font-size: 30px; */
  font-size: 27px;
}

.distributor-search .heading-panel__form__wrap > p:first-of-type{
/*   margin-bottom: 65px; */
  margin-bottom: 35px;
}

.distributor-search .heading-panel__form__wrap form {
/* 
  padding-right: 70px;
  padding-left: 45px;
 */
  padding-right: 50px;
  padding-left: 35px;
}

.distributor-search .heading-panel__form__wrap input{
  border: transparent;
  background-color: white;
  height: 50px;
/*   margin-bottom: 40px;  */
  margin-bottom: 24px; 
  color:#003DA5;
}

.distributor-search .heading-panel__form__wrap span.ui-selectmenu-button.ui-button {
  border: transparent;
  margin-bottom: 40px;
  border-radius: 25px;
  background-color: white;
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #003da5;
}

.distributor-search .heading-panel__form__wrap span.ui-selectmenu-button.ui-button.ui-selectmenu-button-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.distributor-search .heading-panel__form__wrap span.ui-selectmenu-button.ui-button .ui-icon {
  order: 2;
}

.distributor-search .heading-panel__form__wrap input::placeholder {
  color: #003da5;
}

.distributor-search .heading-panel__form__wrap button.btn {
  width: 100%;
  height: 50px;
  border-radius: 25px;
  border: solid 2px white;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.distributor-search .heading-panel__form__wrap .form-link{
  color: white;
  display: inline-block;
  text-align: center;
  font-size: 30px;
  text-decoration: none;
  width: 100%;
  padding-right: 70px;
  padding-left: 45px;
  margin: 30px auto 0;
}

/* also controlled in the .btn in main style.css */
.distributor-search .heading-panel__form__wrap button.btn:hover {
  background: white;
}

.distributor-search .search-result-table th.view-all-link {
  display: flex;
  justify-content: flex-end;
  font-weight: 400;   
}

.distributor-search .heading-panel__form__wrap .mobile-only {
  display: none;
}

@media (max-width:959px) {

  .distributor-search .heading-panel__map {
    display: none;
  }

  .distributor-search .heading-panel__form__wrap {
    width: 100%;
  }
  
  .distributor-search .heading-panel__form__wrap span.hidden-mobile {
    display: none;
  }
  
  .distributor-search .heading-panel__form__wrap .mobile-only {
    display: block;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  .distributor-search .search-result-section .heading-panel.main-view {
    padding: 0;
    flex-direction: column;
    width: 100%; /* Jay: new */
  } 

  .distributor-search .heading-panel__map {
    width: 100%;
    padding: 25px;
  }

  .distributor-search .heading-panel__map div#map{
    margin: 0 auto;
  }

  .distributor-search .heading-panel__form__wrap {
    width: 100%;
  }
}

@media (max-width: 1279px) {
  .distributor-search .search-result-section > .container {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }
}

/*********
 * Distributor parent page
 *********/

.parent-company__brand-detail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 80px;
  padding-top: 25px;
  position: relative;
}

.parent-company__brand-detail::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: #F0F0F0;
  z-index: -1;
}

.parent-company__brand-detail__website {
  padding-top: 35px;
  width: 40%;
}

.parent-company__brand-detail__brands-carried,
.parent-company__brand-detail__regions-served {
  padding-top: 35px;
  width: 30%;
}

@media screen and ( max-width: 959px ) {
  .parent-company__brand-detail {
    flex-direction: column;
  }

  .parent-company__brand-detail__website,
  .parent-company__brand-detail__brands-carried,
  .parent-company__brand-detail__regions-served {
    Width: 100%;
  }
}

.parent-company__brand-detail__column-header {
  padding-bottom: 11.5px;
  border-bottom: 2px solid #707070;
  margin-bottom: 31.5px;
}

.parent-company__brand-detail__column-content {
  font-size: 20px;
}

.parent-company__brand-detail__website .parent-company__brand-detail__column-content a {
  text-decoration: none;
  font-size: 30px;
}

.narrow-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 33px 0;
}

.narrow-search:after  {
  content: '';
  position: absolute;
  height: 100%;
  width: 100vw;
  right: 50%;
  left: 50%;
  margin-right: -50vw;
  margin-left: -50vw;
  background:#003da5;
  z-index: -1;
}

.narrow-search span {
  color: white;
  font-size: 30px;
}

.narrow-search form  {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.narrow-search form input[type=text] {
  border: 2px solid white;
  background-color: transparent;
  padding-top: 25px;
  padding-bottom: 25px;
  padding: 25px 120px 25px 15px;
  color:white;
  min-width: 250px;
  margin-right: 60px;
}

.narrow-search form button {
  min-width: 200px;
  padding: 20px 15px;
  border: 2px solid white;
  border-radius: 30px;
} 

.narrow-search form input::placeholder {
  color: white;
}



/*********
 * Global Results Table Styles
 *********/
div.search-result-table table tbody > tr td:nth-child(1) div:nth-child(1) {
  width: 25%;
  display: inline-block;
}

div.search-result-table table tbody > tr td:nth-child(1) div:nth-child(2) {
  width: 70%;
  display: inline-block;
}


div.search-result-table table tbody > tr td:nth-child(2) {
  width: 35%;
}

div.search-result-table table tbody > tr td:nth-child(3) {
  width: 20%;
}


div.search-result-table table tbody > tr td:nth-child(4){
  width: 20%;
}

@media (max-width: 959px) {
  div.search-result-table table tbody > tr td:nth-child(1) {
    flex-direction: column;
    align-items: flex-start;
  }

  div.search-result-table table tbody > tr td:nth-child(1) div:nth-child(1) {
    margin-bottom: 10px;
  }

  div.search-result-table table tbody > tr td:nth-child(1) div:nth-child(2) {
    /* text-align: left; */
  }
}

@media (max-width: 559px){
  div.search-result-table table tbody > tr {
    align-items: flex-start;

  }

  div.search-result-table table tbody > tr td:nth-child(1) {
    /* width: 45%; */
    /* margin: 0; */
    /* padding-bottom: 10px; */
  }

  
  div.search-result-table table tbody > tr td:nth-child(1) div:nth-child(2) {
    /* text-align: left; */
    
  }
  
  
  div.search-result-table table tbody > tr td:nth-child(2) {
    /* width: 45%; */
    /* padding-bottom: 10px; */
  }
  
  div.search-result-table table tbody > tr td:nth-child(3) {
    /* width: 45% */
  }
  
  
  div.search-result-table table tbody > tr td:nth-child(4){
    /* width: 45% */
  }

}

.filter-drop.distributorTwo {
    position: relative;
}
@media (max-width: 959px) {
    .filter-drop.distributorTwo {
        position: absolute;
    }
    .filter-drop-active .filter-drop.distributorTwo {
        position: relative;
    }
    .distributorTwo .filter-drop-active .category-opener {
        border-radius: 25px 25px 0 0;
    }
    .intro-slide-category.filter-drop.distributorTwo {
        border-radius: 0 0 25px 25px;
    }
}
.intro-filter-holder.distributorTwo {
    width: 100%;
    min-width: 10px;
    max-width: none;
    padding: 0;
    margin-bottom: 20px;
}
.intro-filter-holder a {
    color: #003DA5;
}
.intro-filter-holder .category-open-close {
    font-size: 14px;
}
.category-opener {
    background-color: #fff;
}