/*
 * SEARCH AUTOCOMPLETE
 * Helper file to build your own theme.
 */

/**
 * THEME CUSTOM
 * 
 * 1- duplicate this file
 * 2- rename this "your theme".css
 */

 .js input.form-autocomplete {
  border: 1px solid #ccc;
}




/*****Search Results****************************************/
.ui-autocomplete {
  width: 736px !important; 
}

ul[data-sa-theme="msgov_search"] > div.ui-autocomplete-field-group.no_results + li.ui-menu-item, ul[data-sa-theme="msgov_search"] > div.ui-autocomplete-field-group.more_results + li.ui-menu-item {
  display: none;
}

ul[data-sa-theme="msgov_search"] > *, ul[data-sa-theme="msgov_search"] > *.ui-state-focus, ul[data-sa-theme="msgov_search"] > *:hover {
   border: none;
}
.ui-autocomplete-fields .ui-autocomplete-field-title_2 {
display: none;
}

.ui-autocomplete-field-group.ui-state-disabled.__-theme-debug------theme-hook-views-view-field------begin-output-from-themes-custom-msdotgov-templates-views-view-fieldhtmltwig---agency---end-output-from-themes-custom-msdotgov-templates-views-view-fieldhtmltwig---.ui-menu-item{
 display: none !important;
}


/*****How I will be targeting Social Media Block****************************************/
.ui-menu-item-first.ui-autocomplete-field-title_2{
  display: none;
}


.social-div-{
  display: none;
}

.ui-menu-item-first.ui-autocomplete-field-subtitle{
 display: none;
  }
  .ui-menu-item-.ui-autocomplete-field-title_2 { 
 display: none;
  }
.social-div-ui-menu-item-first.ui-autocomplete-field-title_2{
    display: inline-block;  
    }
    
.social-div-ui-menu-item-first.ui-autocomplete-field-subtitle{
      display: inline-block; 
      }
    

      .social-div-ui-menu-item-first.ui-autocomplete-field-field-title_2 {
display: none;	
}


  
  .ui-menu-item-.ui-autocomplete-field-subtitle{
  display: none;	
  }
  


ul[data-sa-theme="msgov_search"] .ui-autocomplete-field-term {
  font-weight: normal;
  border-bottom: initial;
}


.ui-autocomplete-fields { 
/*width: 435.35px !important;*/
  padding-left: 16px !important;

}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: none !important;
  background: initial !important;
  font-weight: initial;
  color: initial !important;
}

ul[data-sa-theme="msgov_search"] > li.ui-menu-item.ui-state-focus, ul[data-sa-theme="msgov_search"] > li.ui-menu-item:hover {
 
background: initial;
  border-top-color: initial;
}

ul[data-sa-theme="msgov_search"] > li.ui-menu-item.ui-state-focus, ul[data-sa-theme="msgov_search"] > li.ui-menu-item a:hover
{
  text-decoration: none;
}
.ui-autocomplete-field-title { 
font-weight: normal !important;
  color: rgba(0,0,0,0.87) !important;
  font-family: Open Sans;
  font-size: 16px !important;
  letter-spacing: 0.15px;
  line-height: 24px !important;
}

.ui-autocomplete-field-field_agency_description, .ui-autocomplete-field-field_owl_description, .ui-autocomplete-field, .ui-autocomplete-field-body, .ui-autocomplete-field-field_award_description, .ui-autocomplete-field-field_official_bio{ 
font-weight: normal !important;
  color: rgba(0,0,0,0.6) !important;
  font-family: Source Sans Pro;
  font-size: 14px;
  letter-spacing: 0.25px;
  line-height: 20px;
} 

.social-div-ui-autocomplete-fields.first .ui-autocomplete-field-title_2 {
display: inline-block;
  position: fixed;
  left: 752px;
  width: 154px;
  top: 225px;
  height: 72px;
  width: 154px;
  color: rgba(0,0,0,0.87) !important;
  font-family: Open Sans;
  font-size: 16px !important;
  letter-spacing: 0.15px;
  line-height: 24px !important;
  word-break: break-word;
}

.ui-autocomplete-fields.headers {
  padding: 0px !important;
  margin: 0px !important; 
  top: -28px;
  position: relative;
  left: 0px;
}

.ui-autocomplete-header-list {
  display: initial !important;
  padding: 0px;
  width: 100%;
  height: 48px;
  padding: 0px !important;
  margin: 0px !important;
  border: none !important;
}
li.ui-autocomplete-header.ui-menu-item.active{ 
  color: #41c0bf;
}

li.ui-autocomplete-header.ui-menu-item { 
  color: rgba(0,0,0,0.6);
  font-family: Source Sans Pro;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.25px;
  line-height: 16px;
  text-align: center; 
  line-height: 48px;
  margin: 22px;
  text-align: center;
  display: inline !important;
}
 
li.ui-menu-item-first.ui-menu-item { 
  border-top: 1px solid #f2f2f2;
  list-style-image: none;   
  padding: 0 16px;
  border-bottom: 1px solid #f2f2f2;
}


li.ui-menu-item-.ui-menu-item   {
  list-style-image: none;   
   border-bottom: 1px solid #f2f2f2; 
  border-top: 1px solid #f2f2f2; 
}

li.ui-menu-item-headers.ui-menu-item {
  height: 48px;
}
.js input.form-autocomplete {
 background: none !important;
}





.ui-autocomplete-field-type {
    display: none;
}
ul#ui-id-1 {
    right: 7% !important;
    left: auto !important;
    max-width: 737px;
    width: 90% !important;
}

@media only screen and (max-width: 420px){
    ul#ui-id-1 {
    display: none !important;
}
}


.social-icons { 
  display: block !important;
}



.ui-menu-item-first.group-agencies.ui-menu-item { 
  width: 536px;
  border-right: 1px solid #f2f2f2;
  border-bottom: none; 
  height: 175px;
}
.ui-menu-item-.group-agencies.ui-menu-item {
  width: 536px;
  border-right: 1px solid #f2f2f2;; 
   height: 175px;

}

.social-icon-image{
  width: 35px;
}

 
 
 

ul.social-icons-.ui-menu.ui-widget.ui-widget-content.ui-front {
  display: none; 
}

@media only screen and (max-width: 815px){
  .social-div-ui-menu-item-first.ui-autocomplete-field-title_2 {
    max-width: 115px;
  }
  .social-div-ui-menu-item-first.ui-autocomplete-field-subtitle {
    max-width: 115px;
  }

  ul.social-icons-first.ui-menu.ui-widget.ui-widget-content.ui-front { 
 
    top: -5px !important;
    max-width: 115px;
  }
}


.ui-autocomplete-field-field_facebook_autocomplete{
  display: none;
}
.ui-autocomplete-field-field_flickr_autocomplete{
  display: none;
}
.ui-autocomplete-field-field_twitter_autocomplete{
  display: none;
}
.ui-autocomplete-field-field_instagram_autocomplete{
  display: none;
}
.ui-autocomplete-field-field_youtube_autocomplete{
  display: none;
}
.ui-autocomplete-field-field_rss_autocomplete{
  display: none;
}
.ui-autocomplete-field-field_vimeo_autocomplete{
  display: none;
}
 
 


.social-icon-first.field_facebook_autocomplete.target\=.ui-menu-divider.ui-widget-content {
  border: none; 
}
.social-icon-first.field_flickr_autocomplete.target\=.ui-menu-divider.ui-widget-content {
  border: none; 
}
.social-icon-first.field_instagram_autocomplete.target\=.ui-menu-divider.ui-widget-content {
  border: none; 
}

.social-icon-first.field_youtube_autocomplete.target\=.ui-menu-divider.ui-widget-content {
  border: none; 
}
.social-icon-first.field_rss_autocomplete.target\=.ui-menu-divider.ui-widget-content {
  border: none; 
}
.social-icon-first.field_vimeo_autocomplete.target\=.ui-menu-divider.ui-widget-content {
  border: none; 
}
.social-icon-first.field_twitter_autocomplete.target\=.ui-menu-divider.ui-widget-content {
  border: none; 
}

.social-div-first { 
  left: 535px;
  bottom: -10%;
  position: absolute !important;
}
.social-div-ui-menu-item-first.ui-autocomplete-field-subtitle {
  height: 24px;
  width: 154px;
  color: #9B9B9B;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.13px;
  line-height: 24px;
  position: absolute;
  top: -144px;
   left: auto; 
  text-transform: uppercase;
}
.social-div-ui-menu-item-first.ui-autocomplete-field-field-title_2 {
  display: inline-block !important;
  color: #2a2a2a;
  font-family: "Open Sans";
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 24px;
  position: absolute;
  left: auto; 
  top: -112px;
  width: 175px;
}
ul.social-icons-first.ui-menu.ui-widget.ui-widget-content.ui-front {
  display: block !important;
  border: none;
  position: relative !important;
  top: -32px !important;
  left: auto;
  list-style-type: none;
  max-width: 150px;
}
li.social-icon-first {
  display: table-cell;
  padding-left: 10px;
}