#subcategory-list {
padding-left: 5px;
word-wrap: break-word; }
#state-list {
padding-left: 5px;
}
#source-directory-container {
width: 100%;
margin-right: 50px;
display: flex;
}
#source-directory-container > div {
width: 300px !important;
}
#company-info {
width: 500px;
}
#map {
flex-grow: 1;
max-height: 800px;
#company-info {
width: 500px;
border: solid 1px rgb(0, 255, 85);
}
}
#subcategory-list li, #state-list li {
display: flex;
align-items: center;
list-style-type: none;
font-size: 13px;
padding-left: 5px;
font-weight: 500;
}
#source-directory-container {
display: flex;
gap: 10px;
}
#source-directory-container > div {
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
box-sizing: border-box;
}
#source-directory-container > div:first-child {
width: 350px !important;
background-color: #fff;
border: solid 1px #ebebeb;
}
#source-directory-container > div:nth-child(2) {
width: 500px !important;
background-color: #fff;
}
#source-directory-container > div:nth-child(3) {
flex: 1; background-color: #d9d9d9;
}
h3 {
font-size: 20px !important;
color: #003766 !important;
}
.company-info-item {
border: 1px solid #ebebeb;
padding: 10px;
margin-bottom: 10px;
font-size: 15px;
cursor: pointer; }
.company-info-item .mhwCategory {
font-size: 12px;
color: #003766; font-weight:800;
}
.company-info-item .icon {
margin-right: 5px;
color: #003766;
font-size: 16px;
}
p {
margin-bottom: 5px !important;
}
#featured-companies-list li {
list-style-type: none; }
.underline-link {
text-decoration: underline;
}
#company-name-filter {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-size: 16px;
}
#company-name-filter-button, #clear-filters-button {
background-color: #003766;
color: white;
padding: 10px 20px;
margin: 5px 0;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
#company-name-filter-button:hover, #clear-filters-button:hover {
background-color: #00509e;
}
@media (max-width: 768px) {
#source-directory-container {
flex-direction: column;
width: 100%;
}
#source-directory-container > div {
width: 100% !important;
max-width: 100%;
margin-bottom: 10px;
}
#map {
min-height: 500px;
max-height: 500px;
overflow: visible;
}
#state-list, #subcategory-list {
display: none;
}
#expand-states-link, #expand-subcategories-link {
display: block;
cursor: pointer;
color: #003766;
text-decoration: underline;
margin-top: 10px;
}
}
@media (min-width: 769px) {
#expand-states-link, #expand-subcategories-link {
display: none;
}
}