/**
	1. main div (holds main searchbox and results)
	2. search box
	3. results
	4. autocompletes
*/
/*
	search box
*/
.als-form input[type="submit"],
.screen-reader-text{	
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;	
}

.als-form input[type="search"],
.als-form input[type="text"]{	/* some themes give me goosbumbs */
	padding: 0.375em;
	width: 100%;	
	max-width: 100%;
	-webkit-appearance: textfield;
}

/*
	Main div
*/

.als-search-content{
		max-width: 100% !important;
		max-width: 100%;
		padding: 2em;
		float:none !important;
		margin: auto !important;
	}
	
@media screen and (min-width: 800px) {
	.als-search-content{
		max-width: 720px !important;
	}
}
/*
	Results
*/
#als_sponsored {
	background: rgba(255, 255, 11, 0.13);
	margin-bottom: 1em;
	padding: 10px;
	border-radius: 10px;
}

.als_sponsored_handle{
	text-align: center;
}

.alssnippet {
	width: 75%;
	position: relative;
	display: inline-block;
}

.alsfull {
	width: 100%;
}

.als-snippet{
	clear:both;
	border-bottom: 1px solid rgba(51, 51, 51, 0.15);
	padding-bottom: 4px;
}
.als-snippet .sponsored_result{
	border-bottom:0;
}

.als-mainform{
	padding-bottom: 20px;
	/*border-bottom: 1px solid rgba(218, 223, 226, 0.75);*/
	width: 100%;
	margin: auto !important;
}
.als-mainform form{
	margin-top: 10px;
}


.als_before_results{
	color: #a7a4a4;
	font-weight: 100;
}

.als-loading{
	position: relative;
	width: 100%;
	min-height: 320px;
}

.als-loader{
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 1;
		width: 150px;
		height: 150px;
		margin: -75px 0 0 -75px;
		border: 16px solid #f3f3f3;
		border-radius: 50%;
		border-top: 16px solid #3498db;
		width: 120px;
		height: 120px;
		-webkit-animation: alsspin 2s linear infinite;
		animation: alsspin 2s linear infinite;
	  }
	  
	  @-webkit-keyframes alsspin {
		0% { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); }
	  }
	  
	  @keyframes alsspin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	  }
	  

.alsthumbnail {
	width: 20%;
	position: relative;

}


.als-post-thumbnail  img{
	float: left!important;
	width: 100px!important;
	height: 100px!important;
	margin: 1em;
}

.als-header  h2{
	font-size: 1.5em;
	padding-top: 1rem;
	margin: 0;

}




.search .site:before{
	background-color: transparent; /*Twentyfourteen sidebar fix*/
}

.search .wp-post-image{
	margin-right: 1em !important;
}

.entry-meta{
font-style: italic;
font-size: small;
color: #808080;
}


/* Center the loader */
#als-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: alsspin 2s linear infinite;
  }
  
  @-webkit-keyframes alsspin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes alsspin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }


  /* typeahead */
  .tt-menu{
	margin-top: 4px;
    padding: 4px 0px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px;
  }

  .tt-suggestion{
	padding: 3px 20px;
    line-height: 24px;
  }

  .tt-suggestion.tt-cursor, .tt-suggestion:hover{
	color: #fff;
    background-color: #0097cf;
  }

  .tt-suggestion p{
	  margin: 0;
  }