#banner-search, #footer-search {
  position: relative;
  top: .8rem;
}
#banner-question, #footer-question {
  width: calc(100% - 4.75rem);
  display: inline-block;
  margin: 0 10px 0 0
}
.ivy-dropdown {
  cursor: default;
  display: none;
  position: absolute;
  top: 5rem;
  width: calc( 100% - 4.75rem);
  padding: 0;
  text-align: left;
  border: 1px solid #EDEBEB;
  border-top: 0;
  border-radius: 4px;
  border-bottom: 4px solid #990000;
  background: #fff;
  box-shadow: -1px 1px 3px rgba(0,0,0,.1);
  z-index: 999;
}
#home .ivy-dropdown {
  top:5.5rem;
}
.ivy-dropdown h3 {
  font-family: BentonSansBold,Helvetica,Arial,sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #333;
  margin: 0 0 1rem 1rem;
  line-height: 1.15;
}
.top-questions {
  display: none;
  padding: 1rem 0;
  position: relative;
}
.top-questions a {
  font-size: 1rem;
  color: #006298;
  display: block;
  padding: 0.25rem 1rem;
  width:100%;
  border: none;
  width: 100%;
  text-align: left;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.top-questions a:focus {
  box-shadow: inset 0 0 0 0.125rem #006298;
  text-decoration: none;
}
.top-questions a:hover {
  background-color: #006298;
  color: #fff;
  text-decoration: none;
}
/* buttons */
.bg-gray.question-banner button {
  font-family: BentonSansBold,Helvetica,Arial,sans-serif;
  font-weight: 400;
  background-color:#900;
  color: #fff;
  float: right;
  position: relative;
  top: auto;
  bottom: 2.4rem;
  margin: 0 0 0 8px;
}
#home .bg-gray.question-banner button, #footer-search button {
  font-family: BentonSansBold,Helvetica,Arial,sans-serif;
  font-weight: 400;
  background-color:#fff;
  color: #900;
  float: right;
  position: relative;
  top: auto;
  bottom: 2.4rem;
  margin: 0 0 0 8px;
}
.bg-gray.question-banner button:hover {
  background-color: #fff;
  color: #900;
}
#home .bg-gray.question-banner button:hover, #footer-search button:hover {
  background-color: #900;
  color: #fff;
  border-color: #900;
}
.bg-gray.question-banner button:focus, #footer-search button:focus, #home .bg-gray.question-banner button:focus {
  background-color: #900;
  color: #fff;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.35rem #900;
}
.question-banner p.heading {
  font-size: 1.25rem;
  float: left;
  margin: 0;
  line-height: 2;
}
.footer.question-banner p.heading {
  color: #fff;
}
#home .question-banner p.heading {
  font-size: 1.5rem;
  float: left;
  margin: 0;
  line-height: 2;
  color: #fff;
}
.question-banner.bg-image-cover {
	background-position: 50% 0;
}
.question-banner.bg-image {
	padding: 2.5rem 0 !important;
}
#home .question-banner.bg-image {
	padding: 3rem 0 !important;
}
.footer.question-banner{
  padding: 0 0 2rem!important;
}
.question-banner input::placeholder {
  font-size: 1rem;
}
.question-banner input[type='text'] {
  font-size: 1rem;
}
.question-banner input[type='text']:focus {
  outline: none;
  box-shadow: inset 0 0 0 0.125rem #fff, 0 0 0 0.125rem #006298;
  transition: box-shadow .2s ease;
}


/* 
Autocomplete
------------------------------------------------------ 
*/

.autocomplete-container {
  display: none;
  text-align:left;
  position:relative;
  padding: 1rem 0;
  cursor: default;
  /* min-height: 8.25rem; */
  /* max-height: 8.25rem; */
  border-bottom: 1px solid #eee;
}
.autocomplete-suggestions {
  cursor: default;
  display: block;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.autocomplete-suggestion {
  position: relative;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.autocomplete-suggestion strong {
  font-weight: bold;
}
.autocomplete-selected {
  background: #1f8dd6;
}
.autocomplete-group {
  font-weight:bold;
}


/* 
Media Queries 
-----------------------------------------------
*/

/* Mobile */
@media only screen and (max-width:40rem) {
  body:not(#home) .question-banner .bg-image-cover {
		display: none !important;
	}
  
}

/* Small mobile */
@media only screen and (max-width:28rem) {

	.question-banner p.heading {
	  font-size: 1.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}
	#home .question-banner p.heading {
	  font-size: 1.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}
  .ivy-dropdown {
    top: 5rem;
    width: calc( 100% - 0rem);
  }
  #home .ivy-dropdown {
    top: 5rem;
  }

}

/* Desktop */
@media only screen and (min-width:40rem) {
  #banner-search, #footer-search {
    width: 75%;
    margin:auto;
  }
  #home .question-banner.bg-image {
    padding: 6rem 0 !important;
  }
  body:not(#home) .question-banner .bg-image-cover::after {
		content: "";
		position: absolute;
		background: rgba(0, 0, 0, .25);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0
	}
  .question-banner p.heading {
    font-size: 1.5rem;
    float: left;
    margin: 0;
    line-height: 2;
    color: #fff;
  }
  #home .question-banner p.heading {
    font-size: 1.875rem;
    float: left;
    margin: 0;
    line-height: 2;
    color: #fff;
  }
  .bg-gray.question-banner button {
    font-family: BentonSansBold,Helvetica,Arial,sans-serif;
    font-weight: 400;
    background-color:#fff;
    color: #900;
    float: right;
    position: relative;
    top: auto;
    bottom: 2.4rem;
    margin: 0 0 0 8px;
  }
  .bg-gray.question-banner button:hover {
    background-color: #900;
    color: #fff;
    border-color: #900;
  }
  .bg-gray.question-banner button:focus {
    background-color: #900;
    color: #fff;
    box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.35rem #900;
  }
  .ivy-dropdown {
    top: 5.5rem;
  }
  #home .ivy-dropdown {
    top: 6.25rem;
  }
  .top-questions a {
    font-size: 1.25rem;
  }
  
}


/*  
#home #banner:not(.bg-crimson) .cta .button {
	width: auto;
	background-color: transparent;
	border-color: #fff
}

#home #banner:not(.bg-crimson) .cta .button:focus,
#home #banner:not(.bg-crimson) .cta .button:hover {
	background-color: #fff;
	color: #900
}

#home #banner.bg-crimson .cta .button {
	width: auto
}

#home #banner.bg-crimson .cta .button:focus,
#home #banner.bg-crimson .cta .button:hover {
	background-color: #900;
	border-color: #900;
	color: #fff
}

@media only screen and (min-width:64.0625em) {
	#home #banner {
		background-color: #EDEBEB
	}

	#home .bg-image-cover {
		max-width: 1800px;
		left: 50%;
		-ms-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}
*/