/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 #company-search {
    width: 100%;
    max-width: 100% !important;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 1rem;
 }
 .company-search-wrapper {
     background-color: #efefef;
     padding: 20px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     margin-bottom: 30px;
 }

 ul.company-list {
    column-count: 3;
    column-gap: 20px;

 }

#company-list li {
    list-style-type: none;
 }

 #company-list li ul {
    padding-left: 0;
 }

 li.company-list_item {
    break-inside: avoid-column;
    border: 1px solid #efefef;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
 }

 li.company-list_item h3 {
     margin-bottom: 20px;
 }
 li.company-list_item h6 {
     margin-top: 20px;
 }

 .company-contact li {
     padding-bottom: 10px;
     margin-bottom: 10px;
     margin-top: 10px;
     border-bottom: 1px solid #efefef;
 }
 .company-contact li:last-of-type {
     border-bottom: none;
     padding-bottom: 0;
     margin-bottom: 0;
 }

 @media screen and (max-width: 992px) {
    ul.company-list {
        column-count: 2;
        column-gap: 20px;
    }
  }
  
  /* On screens that are 600px or less, set the background color to olive */
  @media screen and (max-width: 600px) {
    ul.company-list {
        column-count: 1;
        column-gap: 20px;
     }
  }