@font-face {
font-family: 'OpenSansRegular_1';
src: url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/fonts/OpenSansRegular_1.eot);
src: url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/fonts/OpenSansRegular_1.eot) format('embedded-opentype'),
url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/fonts/OpenSansRegular_1.woff2) format('woff2'),
url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/fonts/OpenSansRegular_1.woff) format('woff'),
url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/fonts/OpenSansRegular_1.ttf) format('truetype'),
url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/fonts/OpenSansRegular_1.svg#OpenSansRegular_1) format('svg');
}
.mainContainerWrap {
margin-top: 25.5em;
} .mainContainerelastic #search_data { background: #275a96 url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/images/search.png) no-repeat scroll 0 center; border: 4px solid #275a96; line-height: 12px; padding: 10px 0; width: 40px; }
.content-blog #result { position: absolute; width: 100%; z-index: 4;}
.live_search_visible { overflow: visible !important; }
.mainContainer .input_search_btn {
z-index: 1;
position: relative;
}
#keysearch{
padding: 5px;
font-size: 16px;
color: #2E3842;
width: 93%;
border: 4px solid #275a96;
border-radius: 0px;
display: inline-block;
height: 40px; 
}
.search_loader {
display: none;
max-width: 25px;
position: absolute;
right: 90px;
top: 33px;
z-index: 1;
}
.resp-tab-item .badges, .resp-accordion .badges {
background: #3499B8;
border-radius: 50%;
padding: 2px 5px;
font-size: 12px;
color: #eee;
margin: 0 0 0 5px;
}
#loading{display: none;}
div#horizontalTab {
margin-top: 25px !important;
background: #e6e6e6;
padding: 10px;
border-radius: 5px;
position: relative;
z-index: 1
}
ul.resp-tabs-list,
p {
margin: 0px;
padding: 0px;
}
.back_blur_img_live {
background: rgba(0,0,0,0.6) !important;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 3;
display: none;
}
.resp-tabs-list li {
font-weight: 600;
font-size: 13px;
display: inline-block;
padding: 13px 15px;
margin: 0;
list-style: none;
cursor: pointer;
float: left;
}
.resp-tabs-container {
padding: 0px;
background-color: #fff;
clear: left;
}
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none;
}
.resp-tab-content {
display: none;
padding: 15px;
height: 300px;
overflow-y: scroll;
}
.resp-tab-active {
border: 1px solid #c1c1c1;
border-bottom: none;
margin-bottom: -1px !important;
padding: 12px 14px 14px 14px !important;
}
.resp-tab-active {
border-bottom: none;
background-color: #fff;
border-top: 2px solid #3499B8;
}
.resp-content-active,
.resp-accordion-active { display: block; }
.resp-tab-content { border: 1px solid #c1c1c1; }
h2.resp-accordion {
font-size: 13px;
border: 1px solid #c1c1c1;
border-top: 0px solid #c1c1c1;
margin: 0px;
padding: 10px 15px;
line-height: 1.1;
}
h2.resp-tab-active {
border-bottom: 0px solid #c1c1c1 !important;
margin-bottom: 0px !important;
padding: 10px 15px !important;
}
h2.resp-tab-title:last-child {
border-bottom: 12px solid #c1c1c1 !important;
background: blue;
} .entry-content .back_search_data { overflow: visible; }
.et_pb_fullwidth_header_container.center { z-index: inherit; }
.resp-tab-content { display: none; padding: 15px; height: 300px; overflow-y: scroll; border: 1px solid #c1c1c1; }
.ui-tabs-panel .count_result { font-size: 16px; text-transform: uppercase; color: #00804d; font-weight: 300; line-height: 30px; font-family: 'OpenSansRegular_1',sans-serif; }
.search-cont.list-content { display: none; } .events_tab .entry-content { margin-bottom: 15px !important; box-shadow: 0px 0px 3px #ccc; padding: 10px 10px; transition: border-left-width 0.6s; -webkit-transition: border-left-width 0.1s; border-left-width: 4px; border-left-style: solid; display: block; overflow: hidden; }
.events_tab .entry-content .tribe-events-event-image { width: 18%; margin: 0 2% 0 0; display: inline-block; float: left; min-height: 140px; }
.events_tab .entry-content .event_title_meta_custom_des, .tribe-events-event-meta.custom-event-detail { display: inline-block; width: 80%; }
.events_tab .event_title_meta_custom_des h2 { border-bottom: 1px dashed #ccc !important; width: 100%; line-height: 1em; }
.events_tab .entry-content .author .tribe-event-schedule-details { line-height: 23px; background: url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/images/clock.png) no-repeat 0px; background-size: 14px; padding: 0px 20px; }
.events_tab .entry-content .author .tribe-event-schedule-details span, .entry-content .author .tribe-events-venue-details span { color: #777; font-family: Roboto,sans-serif; font-weight: 400; }
.events_tab .entry-content .tribe-events-venue-details { background: url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/images/placeholder.png) no-repeat 0px; background-size: 14px; padding: 0px 20px; }
.events_tab .tribe-events-event-meta.custom-event-detail span { font-size: 13px; }
.events_tab .entry-content .tribe-events-venue-details span { color: #777; font-family: Roboto,sans-serif; }
.events_tab .entry-content .tribe-events-gmap { color: #7095b3; background: url(//bbmr.guam.gov/wp-bbmr-content/themes/Divi-child/images/google-maps.png); background-repeat: no-repeat !important; background-size: 14px !important; background-position: 0px!important; padding: 0px 0px 0px 18px; vertical-align: top; }
.events_tab .event_title_meta_custom_des h2 a { text-transform: uppercase; font-size: 18px; color: #3499B8; font-weight: 400; text-shadow: none; }
.events_tab .entry-content:nth-child(3n+2) { border-left-color: #61bd6d; }
.events_tab .entry-content:nth-child(3n+3) { border-left-color: #54acd2; }
.events_tab .entry-content:nth-child(3n+4) { border-left-color: #9365b8; }
.events_tab .entry-content:nth-child(3n+5) { border-left-color: #eb6b56; }  .people_tab .main_contact_wrap .block12 { width: 32.2%; display: inline-block; margin-right: 10px; padding-right: 10px; border-right: 1px dashed #ccc; vertical-align: top; }
.people_tab .wrap-contact-result { background: #e2e2e2; margin: 5px 0; border-radius: 5px; padding: 5px; width: 100%; min-height: 150px; }
.people_tab .wrap-contact-result .heading_name { font-weight: 600; text-transform: capitalize; }
.people_tab .wrap-contact-result .sub_heading_dept { font-style: italic; color: #999; font-size: 14px; text-transform: capitalize; }
.people_tab .wrap-contact-result div { font-family: 'OpenSansRegular_1',sans-serif; }
.people_tab .wrap-contact-result .head_mail a { font-size: 14px; color: #00804d; text-decoration: underline; }
.people_tab .wrap-contact-result .head_cell_no { font-size: 18px; font-weight: 600; }
.people_tab .wrap-contact-result .head_cell_no a { color: #2ea3f2 }  .service_tab .wrap-contact-result { padding: 10px 0; border-bottom: 1px dashed #aaa; }
.service_tab .wrap-contact-result .doc_name_search { font-weight: bold; font-size: 17px; text-transform: capitalize; }
.service_tab .wrap-contact-result .desc_search { font-style: italic; color: #999; font-size: 14px; }
.service_tab .wrap-contact-result .hyper_search a { color: #00804d; text-decoration: underline; }
.service_tab .wrap-contact-result .dept_search { color: #3499B8; }  .forms_tab .wrap-contact-result .forms_link a { font-weight: 600; color: #3499B8; }
.forms_tab .url_forms { color: #00804d; text-decoration: underline; }   .resp-vtabs ul.resp-tabs-list {
float: left;
width: 30%;
}
.resp-vtabs .resp-tabs-list li {
display: block;
padding: 15px 15px !important;
margin: 0;
cursor: pointer;
float: none;
}
.resp-vtabs .resp-tabs-container {
padding: 0px;
background-color: #fff;
border: 1px solid #c1c1c1;
float: left;
width: 68%;
min-height: 250px;
border-radius: 4px;
clear: none;
}
.resp-vtabs .resp-tab-content { border: none; }
.resp-vtabs li.resp-tab-active {
border: 1px solid #c1c1c1;
border-right: none;
background-color: #fff;
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
}
.resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 3px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid #c1c1c1;
}
h2.resp-tab-active span.resp-arrow {
border: none;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 12px solid #9B9797;
} h2.resp-tab-active { background: #DBDBDB !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.resp-jfit {
width: 100%;
margin: 0px;
}
.resp-tab-content-active { display: block; }
h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }
.press_tab .entry-content.test_data .doc_name_search a{ color:black; } @media all and (min-width: 1025px) and (max-width: 1199px){
#keysearch { width: 92%; }
.search_loader{ right: 13%; top: 32px; }
}
@media all and (min-width: 980px) and (max-width: 1024px){
#keysearch{ width: 90%; }
.search_loader{ right: 15%; top: 32px; }
} 
@media all and (min-width: 768px) and (max-width: 979px){
#keysearch{ width: 90%; }
.search_loader{ right: 16%; top: 32px; } } @media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
.events_tab .entry-content .tribe-events-event-image { width: 100%; }
.events_tab .entry-content .event_title_meta_custom_des, .tribe-events-event-meta.custom-event-detail { width: 100%; }
}
@media only screen and (max-width: 767px) {
#keysearch { width: 86%; right: 26%;top: 59px;}
.people_tab .main_contact_wrap .block12 { width: 100%; border-right: 0 none; }
.search_loader{ right: 21%; top: 32px; }
}
@media only screen and (max-width: 640px) {
#keysearch { width: 84%; }
.search_loader { right: 24%; top: 32px; }
.people_tab .main_contact_wrap .block12 { width: 100%; border-right: 0 none; }
}
@media only screen and (max-width: 480px) {
#keysearch { width: 78%; }
.search_loader { right: 31%; top: 32px; }
}
@media only screen and (max-width: 360px) {
#keysearch { width: 75%; }
.search_loader { right: 34%; top: 32px; }
}