.error .ppc-output{
	display: none;
}

.error .lookup-results .ginput_full{
	display: none;
}


.lookup-results{
	
	background-color: $color-grey;
	margin: 1em 0;

	h3{
		margin-top: 0;
	}

	.mp-photo{
	  width: 100px;
	  height: 120px;
	  // background-color: blue;

	  img{
	  	max-width: 100%;
	  	max-height: 100%;	
	  }
	}

	.error-message{
	  padding: 1em;
	  margin-bottom: 1em;
	  background-color: $color-red-light;
	  border: 1px solid $color-red-dark;
	}

	.error-message:empty{
		display: none;
	}

	.message:empty{
		// display: none;
	}

	.mp-container{
	  display: flex;
	  margin-bottom: 1em;

	  flex-direction: column;

	  @include media(momma){
	  	flex-direction: row;
	  }
	}

	.message {
		margin-bottom: 1em;
	}

	.start-again{
		margin-bottom: 0;
	}

	.mp-details{
	  background-color: white;
	  display: flex;
	  flex-direction: column;
	  padding: 1em;
	  max-width: 100%;
	  font-size: 0.75em;
	  justify-content: space-between;

	  @include media(momma){
	  	font-size: 1em;
	  	margin-left: 1em;
	  	flex-direction: column;
	  	width: 100%
	  }
	}

	.detail-item{
	  display: flex;
	  flex-direction: row;
	}

	.label{
	  flex-basis: 5em;
	}

	.mp-email{
	  // margin-top: 1em;
	}

	.mp-website{
		flex-grow: 2;
	}

	input{
		max-width: 20em;
		margin-bottom: 1em;
	}
}

.loading .lookup-results:before {
	content: "";
	position: absolute;
	left: 0;
	width: 1em;
	height: 1em;
	background-color: adjust-lightness( $color-grey, -25% );
	animation: loading-bar 1s linear infinite;
	animation-delay: 0.25s;
	margin-top: -1em;
}
.lookup-results {
	overflow: hidden;
	transition: 0.25s;
	position: relative;
	max-height: 0em;
	padding: 0 1em;
}
.loading .lookup-results {
	padding-top: 1em;
	background-color: $color-grey;
}
.loaded .lookup-results {
	padding: 1em;
	max-height: 100em;
}
@keyframes loading-bar {
  0% {
    left:0%;
    width:1em;
  }
  50%{
    left: 25%;
    width: 50%;
  }
  100%{
    left:100%;
    width:1em;
  }

}

.ppc-row td{
	vertical-align: middle;

	input[type="checkbox"]{ 
		margin: 0;
		text-align: center;
	}
}