﻿/* html * temportal until css site is completed */
html * {
    font-family: darkmode-off-cc,sans-serif !important;
}

body {
    background-color: white;
}

#directory-search-container input[type="text"],
#directory-search-container select {
    font-size: 16px;
    color: #001527;
}

#directory-search-container label {
    font-size: 0.9rem;
    color: #001527;
}

#directory-search-container button {
    height: 40px;
    padding: 3px 16px 3px 16px;
    border-radius: 8px;
    border: 1px;
    color: #0074E2;
    font-family: Darkmode Trial;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    border: 2px solid #0074E2;
    background: #FFFFFF;
    width: 225px;
    margin-bottom: 10px;
}

    #directory-search-container button.primary,
    #directory-search-container button.selected {
        background: linear-gradient(0deg, #0074E2, #0074E2), linear-gradient(0deg, #0074E2, #0074E2);
        color: #FFFFFF;
    }

div.hr {
    border-top: 2px solid #E6E7E7;
    height: 10px;
    margin-top: 15px;
}

.search-result-pages-number .page-link {
    border: 1px solid #688caf;
}

.search-result-pages-number .page-item {
    cursor: pointer;
}

    .search-result-pages-number .page-item a {
        padding: 1px 0px;
    }

    .search-result-pages-number .page-item.page-number {
        margin: 0px 3px;
        width: 28px;
        text-align: center;
    }

    .search-result-pages-number .page-item.page-prev,
    .search-result-pages-number .page-item.page-next {
        margin: 0px 3px;
    }

        .search-result-pages-number .page-item.page-prev a,
        .search-result-pages-number .page-item.page-next a {
            padding: 1px 5px;
        }

.search-result-pages-number .page-link.selected {
    background-color: #d8e2eb;
}

.search-result-item-container {
    padding-top: 5px;
}

    .search-result-item-container:hover {
        background: #c4e2fd66;
        border: 1px solid #b1b5b49e;
        cursor: pointer;
    }

#directory-search-result-list-container .search-result-item-container h3 {
    color: #f56a00;
    font-weight: 700;
    font-size: 25px;
}

#directory-search-map-list-container .map-plot-popup-content h5 {
    color: #f56a00;
    font-weight: 600;
    font-size: 14px;
}

#directory-search-map-list-container .map-plot-popup-content h6 {
    font-size: 14px;
}

#directory-search-result-list-container .search-result-item-container .address-title,
#directory-search-result-list-container .search-result-item-container .contact-us-title {
    font-weight: bold;
    color: #393B3B;
}

#directory-search-result-list-container .search-result-item-container .address-content,
#directory-search-result-list-container .search-result-item-container .city-state-zip-content,
#directory-search-map-list-container .map-plot-popup-content .address-content,
#directory-search-map-list-container .map-plot-popup-content .city-state-zip-content {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #5B5B5B;
}

#directory-search-map-list-container .map-plot-popup-content .address-content {
    white-space: nowrap;
}

#directory-search-result-list-container .search-result-item-container .email-content,
#directory-search-result-list-container .search-result-item-container .phone-content,
#directory-search-result-list-container .search-result-item-container .website-content,
#directory-search-result-list-container .search-result-item-container .credentials-offered-content,
#directory-search-map-list-container .map-plot-popup-content .email-content,
#directory-search-map-list-container .map-plot-popup-content .phone-content,
#directory-search-map-list-container .map-plot-popup-content .website-content,
#directory-search-map-list-container .map-plot-popup-content .credentials-offered-content {
    font-weight: 700;
    color: #0074E2;
    vertical-align: middle;
}

#directory-search-container .filter-group-free-text {
    margin-bottom: 10px;
}

.search-result-item-per-page-container {
    margin-bottom: 10px;
}

.search-result-pagination-container {
    padding: 5px;
    border: 1px solid #d9d7d7;
    background: #fbfbfb;
    margin-bottom: 10px;
}

    .search-result-pagination-container .search-result-pages-number {
        margin-bottom: 0;
    }

    .search-result-pagination-container::-webkit-scrollbar {
        width: 0px;
        background: transparent; /* make scrollbar transparent */
    }

.directory-search-message {
    font-size: 20px;
    font-weight: bold;
}

.t-align-right {
    text-align: right;
}

.t-align-left {
    text-align: left;
}

.t-align-center {
    text-align: center;
}

.multiple-select-container {
    position: relative;
}

.multiple-select-container .multiple-select {
    position: absolute;
    border: 1px solid gray;
    z-index: 1000;
    background: white;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.multiple-select-container select {
    /*z-index: -1;*/
    position: inherit;
}

.multiple-select-container .multiple-select ul {
    list-style-type: none;
    padding-left: 5px;
}

.multiple-select-container .multiple-select ul span {
    margin-left: 4px;
}

#directory-search-container [name="label-current-location"] {
    cursor: pointer;
    color: #007FEF;
}

/* Google map buttons */
#directory-search-container .gmnoprint.gm-style-mtc-bbw .gm-style-mtc button {
    font-weight: 500;
    min-width: 0;
    width: 70px !important;
    height: 35px !important;
    margin: 0 2px !important;
}

@media screen and (max-width: 600px) {
    #directory-search-result-list-container .search-result-item-container h3 {
        font-size: 20px;
    }

    #directory-search-result-list-container .search-result-item-container .address-title,
    #directory-search-result-list-container .search-result-item-container .contact-us-title,
    #directory-search-result-list-container .search-result-item-container .address-content {
        font-size: 14px;
    }

    #directory-search-result-list-container .search-result-item-container .address-content,
    #directory-search-result-list-container .search-result-item-container .city-state-zip-content,
    #directory-search-map-list-container .map-plot-popup-content .address-content,
    #directory-search-map-list-container .map-plot-popup-content .city-state-zip-content,
    #directory-search-result-list-container .search-result-item-container .email-content,
    #directory-search-result-list-container .search-result-item-container .phone-content,
    #directory-search-result-list-container .search-result-item-container .website-content,
    #directory-search-map-list-container .map-plot-popup-content .email-content,
    #directory-search-map-list-container .map-plot-popup-content .phone-content,
    #directory-search-map-list-container .map-plot-popup-content .website-content,
    #directory-search-map-list-container .map-plot-popup-content .credentials-offered-content {
        font-size: 13px;
    }


}
input.form-control::placeholder {
  font-size: 12px;
}

input.form-control::-webkit-input-placeholder {
  font-size: 12px;
}

input.form-control:-moz-placeholder {
  font-size: 12px;
}

input.form-control::-moz-placeholder {
  font-size: 12px;
}

input.form-control:-ms-input-placeholder {
  font-size: 12px;
}

.search_btn .btn {
  min-width: 200px;
  width: 20%;
  font-size: 18px;
  font-size: 14px;
}

.search_fields {
  width: 100%;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding: 0 5px;
  box-sizing: border-box;
}

  .search_fields label {
    font-size: 14px;
  }

.atf-list-title {
  color: #FF6600;
  font-weight: bold;
  font-size: 16px;
}

.atf-address {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  color: #5B5B5B;
}

.no-margin {
  margin: 0;
}

.website-content {
  color: #007BFF;
  font-weight: bold;
  text-decoration: none;
}

.atf-contact-right {
  margin-left: 20px;
}

.contact-value {
  color: #007BFF;
  font-weight: bold;
}

.full-divider {
  border: none;
  border-top: 2px solid #ccc;
  width: 100%;
  margin: 15px 0;
}
