/* Silence is Golden */
/* CSS for Directory Listing page */ 
.directorist-content-active .article-content-wrapper h1 { font-size: 30px; }
.offices_category_grid ul {margin: 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 30px; padding: 20px 0 0;} 
.office_filter_form {
    margin-top: 20px;
}
.offices_category_grid li span { font-size: 17px; font-weight: 600; } 
.office_filter_form form { display: flex; flex-wrap: wrap; }
.office_filter_form form > * { flex: 1 0 0%; padding: 0 7px; } 
.office_filter_form {background-color: #f7f7f7;padding: 15px 8px;} 
.office_filter_form .box input:not(input[type="submit"]), .office_filter_form .box select { height: 40px; font-size: 15px; border-radius: 3px; border: 1px solid #29333c4a; font-weight: 400; color: #5e5e5e;} 
.office_filter_form .box input:not(input[type="submit"])::placeholder { color: #5e5e5e; opacity: 1; }
.office_filter_form button { width: 100%; height: 40px; background: #2872fa; padding: 5px 8px; color: #ffffff; display: inline-block; font-size: 15px;font-weight: 500; margin-right: 5px; border-radius: 3px !important; } 
.office_filter_form .box select {appearance: none; background-image: url(../img/select-arrow2.png); background-position: right 10px center; background-repeat: no-repeat; }
/* .offices_listing_box>div { width: 50%; }  */
.offices_listing_box { margin: 30px 0;display: flex;flex-wrap: wrap;position: relative; } 
.offices_listing_box h3 { font-size: 17px; margin: 0 0 5px; font-weight: 500;} 
.item_left p { margin: 0; font-size: 14px; line-height: 22px; } 
p.timimg.green { margin-top: 5px; }
.office_item {width: 100%;} 
.office_listing_column { max-height: 700px; overflow-y: auto; width: 44%;} 
/* width */
.office_listing_column::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.office_listing_column::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 10px;
}
 
/* Handle */
.office_listing_column::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
}
.office_item.active { background-color: #f7f7f7; }
.totalRating { margin-right: 3px; }
.offices_liing_box h4 {font-size: 18px;margin: 0;}
.details_box {padding: 15px;}
.details_box h4 {font-size: 18px;margin-bottom: 7px;}
.details_box p {margin: 0;font-size: 14px;line-height: 23px;margin-bottom: 5px;}
.details_box h5 {margin: 0 0 5px;font-size: 16px;}
.details_time {margin-top: 20px;}
.offices_category_grid li span:hover {cursor: pointer;}
/* .office_listing_column {padding-right: 15px;}  */
.office_item:not(:last-child) { border-bottom: 1px solid #29333c4a; }
div#custom-map { height: 600px; width: 100%; }
.cat_mob_btn {width: 100%; text-align: left; padding: 10px 15px; color: #fff; display: none; font-size: 16px; font-weight: 500; align-items: center; justify-content: space-between; background-color: #2872fa;}
.details_box p:not(p.reviews) { display: flex; justify-content: space-between; }
.details_box p:not(p.reviews) span {width: calc(100% - 120px); }
.details_box p.cat { margin: 7px 0; font-weight: 500; color: #343434; font-size: 15px; }

.directorist-content-active aside#sidebar { display: none !important; } 
.directorist-content-active .article-content-wrapper { width: 100%; } 
.directorist-content-active  .ct-container { display: block; }

.office_item p.cat svg { width: 16px; height: 19px; } 
.office_item p.cat svg path { fill: #2872fa; }

.office_item .item_right { display: flex; text-align: center; gap: 15px; } 
.office_item .item_right svg { display: block; margin: 0 auto 0; width: 45px; height: 45px; padding: 11px; background: #d5f7ff; border-radius: 100%; } 
.office_item .item_right a { font-size: 14px; margin: 0 0 5px; font-weight: 500; color: #10505a; } 
.office_item .item_right svg path { fill: #10505a; }

.offices_category_grid li.active span,.offices_category_grid li span:hover { color: #2872fa; }

.post_img { display: flex; flex-wrap: wrap; margin-bottom: 15px; } 
.post_img img { flex: 1 0 0%; } 
.details_box { padding-top: 0;  }
.office_details_column{border-left: 1px solid #29333c4a;position: relative; width: 56%;}

.office_item .item_content { padding: 15px; width: 100%; cursor: pointer; display: flex; align-items: start; justify-content: space-between; cursor: pointer; }
.mobile_detail_box .details_box {
    padding: 15px;
    
}

.loader_wrapper{position: absolute; top: 0; left: 0; width: 100% !important; height: 100%; background-color: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center;z-index: 99;}
.spinner_border {
    display: inline-block; width: 2rem; height: 2rem; border-radius: 50%; animation: 0.75s linear infinite spinner-border;border: 3px solid #212529;border-right-color: transparent;
}
@keyframes spinner-border {
  to { transform: rotate(360deg); }
}
.not_found {width: 100% !important;background-color: #f7f7f7;display: flex;align-items: center;justify-content: center;padding: 50px 20px;border-radius: 10px;}
.not_found p {margin: 0; font-size: 20px; font-weight: 600;}
.item_left { width: calc(100% - 140px); }

.ord_flex_rwo_wrapper { display: flex; flex-wrap: wrap; } 
/* .ord_flex_rwo_wrapper .offices_listing_box { width: 66.66%; }  */
.ord_flex_rwo_wrapper .offices_listing_box { width: calc(100% - 316px); }
/* .ord_flex_rwo_wrapper .ordga_wrap { width: 33.33%; margin-top: 30px; padding-left: 15px; border-left: 1px solid #29333c4a; } */
.ord_flex_rwo_wrapper .ordga_wrap { width: 316px; margin-top: 30px; padding-left: 15px; border-left: 1px solid #29333c4a; }
.ordga_wrap .ord-ads-widget { margin-bottom: 15px; }
.ord_flex_rwo_wrapper .ordga_wrap h2 {
    font-size: 22px;
    margin: 0 0 10px;
    line-height: 100%;
}

.map_mark_detail{max-width: 250px;}
.map_mark_detail strong {
    display: block;
    margin-bottom: 7px;
    font-size: 15px;
}

.map_mark_detail p{
    text-transform: lowercase;
    margin: 0 0 10px;
}

/* --------gstr----------- */
.formFilterBtn { display: none; }
.mobile_detail_box {display: none;}
.field_seprator { text-align: center; }
.office_item.active h3,.office_item:hover h3 { color: #2872fa; transition: 0.3s; }
.office_item:hover { transition: 0.5s; } 
.office_item { transition: 0.5s; }
#custom-map .gm-style-iw-chr { position: absolute; right: 0; top: 0;border: none !important;  } 
#custom-map .gm-style-iw-chr button.gm-ui-hover-effect{border: none !important; outline: none !important;}
#custom-map .gm-style-iw-chr button.gm-ui-hover-effect span { margin: 0 !IMPORTANT; border: none !important; position: absolute; right: 5px; top: 5px; } 
#custom-map .gm-style-iw-d { margin-top: 14px; padding-right: 12px; }

.directory_listings .location_selectBox span.select2-selection { border-bottom: none !IMPORTANT; } 
.directory_listings .location_selectBox span.select2.select2-container,.directory_listings .category_selectBox span.select2.select2-container{ border: 1px solid #cccc; border-radius: 5px; padding: 0 8px; }
.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { border-bottom: none !important; }
.directorist-content-active .select2.select2-container.select2-container--default .select2-selection {border-bottom: none !important; }
button.select2-selection__clear { display: block !important; width: auto; position: absolute !IMPORTANT; right: 0; background: none; color: #000; background: #f7f7f7; }
.field_seprator .box.search_input { width: 100%; padding-right: 10px; }
.office_filter_form form > * { display: flex; align-items: center; }
.office_filter_form span.selection:before { content: ""; height: 9px; width: 11px; background-image: url(https://socsecalerts.com/wp-content/plugins/office-resource-directory/assets/img/select-arrow2.png); position: absolute; right: 13px; top: 16px; background-size: contain; background-repeat: no-repeat; }

.ordga_wrap .ord-ads-widget .wp-block-image { max-width: 300px; max-height: 250px; overflow: hidden; width: 100%; height: 100%; }
.directorist-content-active .select2-container--default .select2-dropdown { border-radius: 0 0 10px 10px !important; }
.directorist-content-active .select2-container.select2-container--open { z-index: 2; }
.filterCountNotify span { position: absolute; right: 0px; top: 0px; color: #fff; font-size: 10px; padding: 2px 6px; background: red; line-height: 13px; display: flex; align-items: center; justify-content: center; border-radius: 15px; z-index: 1; }
.directorist-content-active .select2-container--default .select2-results li.select2-results__option--highlighted { background: #2872fa ! IMPORTANT; font-weight: 400 !IMPORTANT; color: #fff !IMPORTANT; }
.details_box p.reviews { margin-bottom: 10px; }




/* Responsive */
@media (min-width: 992px){
    .office_item:hover { background-color: #f7f7f7; }
}

@media (max-width: 1024px){
    .offices_category_grid ul { gap: 20px; } 
    .offices_category_grid li span { font-size: 16px; }
}

@media (max-width: 991px){

    .cat_mob_btn { display: flex; } 
    .offices_category_grid { margin: 20px 0; } 
    .offices_category_grid ul { display: none; } 
    .offices_listing_box { margin: 20px 0; }

    .cat_mob_btn svg { width: 11px; } 
    .offices_category_grid li span { display: block; padding: 10px; } 
    .offices_category_grid ul {background-color: #f7f7f7;padding: 7px 0;} 
    .offices_category_grid li:not(:last-child) span { border-bottom: 1px solid #ccc; }
    div#custom-map { height: 400px; }
    .office_details_column { display: none !important; } 
    .offices_listing_box>div { width: 100% !important; }
    .ord_flex_rwo_wrapper .offices_listing_box { width: 100%; } 
    .ord_flex_rwo_wrapper .ordga_wrap { width: 100%;margin-top: 0; border-left: none;padding-left: 0;}
    .directorist-content-active .article-content-wrapper h1{font-size: 27px;}
    .office_listing_column{max-height: inherit;}
    .mobile_detail_box .details_box { background-color: #00000008; }


.cat_filter_box { display: flex; align-items: self-start; }
.cat_filter_box .offices_category_grid { width: calc(100% - 57.65px); }
.cat_filter_box .formFilterBtn { margin-left: 10px; margin-top: 20px; display: block;            position: relative;     border: 2px solid #2872fa;}
.cat_filter_box .formFilterBtn button { background: #2872fa; color: #fff; font-weight: 500; padding: 8px 11px; }
.mobile_detail_box {display: block;}
.formFilterBtn { display: block; }
.directory_listings { position: relative; overflow: hidden; } 
.office_filter_form { position: absolute; left: -150%; z-index: 1; transition: 0.5s; box-shadow: 0 0 10px 10px #cccccc57; margin: 0 20px; width: calc(100% - 40px); }
.office_filter_form.show { z-index: 1; left: 0; transition: 0.5s; }
.formFilterBtn.active button { background: #fff; }
.formFilterBtn svg { width: 22px; height: 22px; fill: #fff; }
.formFilterBtn.active button { background: #fff; } 
.formFilterBtn.active svg { fill: #2872fa; }

.ord_flex_rwo_wrapper .ordga_wrap { display: flex; gap: 15px; flex-flow: wrap; justify-content: center; }


}

@media (max-width: 767px){
    .office_filter_form form > * { flex: 0 0 100%; } 
    .office_filter_form form { row-gap: 10px; }
    .directorist-content-active .article-content-wrapper h1{font-size: 24px;}

    .office_item .item_right { gap: 10px; } 
    .office_item .item_right svg { width: 35px; height: 35px; padding: 8px; } 
    .office_item .item_right a { font-size: 12px; } 
    .item_left { width: calc(100% - 115px); }
    .field_seprator { flex-flow: column; }
    .field_seprator .box.search_input { padding-right: 0; }
}

/* End CSS for Directory Listing page */