﻿/* RESET START */
#external {
	all: initial;
}

	#external * {
		all: unset;
	}

	#external .products .box .product .inner .contents h2:before {
		content: none;
	}
/* RESET END */


#external {
	font-family: Imprima;
	display:block;
}
	/**/
	#external .clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

#external .side {
	width:100%;
}

/* SEARCH */
#external .side .search {
	background-color: #d4dae0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

	#external .side .search .search-field {
		padding: 26px;
		width: 100%;
		display: block;
		box-sizing: border-box;
		font-size: 1.1em;
	}

		#external .side .search .search-field input {
			display: block;
			background-color: #FFF;
			color: #444;
			padding: 4px 10px;
			box-sizing: border-box;
			width: 100%;
		}


			/* PLACEHOLDER */
			#external .side .search .search-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
				color: #8d8d8d;
			}

			#external .side .search .search-field input::-moz-placeholder { /* Firefox 19+ */
				color: #8d8d8d;
			}

		#external .side .search .search-field inpute:-ms-input-placeholder { /* IE 10+ */
			color: #8d8d8d;
		}

		#external .side .search .search-field input:-moz-placeholder { /* Firefox 18- */
			color: #8d8d8d;
		}
		/**/

		#external .side .search .search-field input.loading {
			background-image: url(../imgs/wpinterface/spin.gif);
			background-repeat: no-repeat;
			background-position: calc(100% - 6px) center;
			background-size: 16px 16px;
		}

	#external .side .search .message {
		display: block;
		padding: 0 13px 13px 13px;
		color: #FFF;
		font-style: italic;
		/**/
		width:100%;
	}

	#external .side .search .error {
		padding: 0 26px;
		color: #FFF;
		font-style: italic;
	}

	#external .side .search .search-results {
		display: block;
		padding: 0 1px;
		overflow: auto;
		margin-bottom: 1px;
		height: calc(100% - 80px); /* 80 = (search-field.height + 1) */
		/**/
		max-height:calc(80vh);
		display:flex;
		flex-wrap:wrap;
	}

		#external .side .search .search-results .product {
			display: flex;
			background-color: #FFF;
			border-top: solid 1px #e5e5e5;
			-webkit-transition: background-color 250ms ease;
			transition: background-color 250ms ease;
			/**/
			width:100%;
		}

			#external .side .search .search-results .product:first-child {
				border: 0;
			}

			#external .side .search .search-results .product.link {
				cursor: pointer;
				-webkit-text-fill-color: #55595c;
			}

				#external .side .search .search-results .product.link:hover {
					background-color: #F0F0F0;
				}

			#external .side .search .search-results .product > div {
				padding: 4px 13px;
			}

				#external .side .search .search-results .product > div:nth-child(1) /* image */ {
					background-color: #FFF;
					width: 146px;
					display: inline-block;
					box-sizing: border-box;
					text-align: center;
				}

				#external .side .search .search-results .product > div > div {
					display: block;
				}

				#external .side .search .search-results .product > div .name {
					font-weight: 600;
				}

				#external .side .search .search-results .product > div .product-category {
					font-style: italic;
					display: inline;
				}


			#external .side .search .search-results .product[data-idcategory="3508"] > div .product-category {
				background-color: #b2e7f9;
			}

@media all and (min-width:768px) {
	#external .side .search .search-results .product {
		width: 50%;
	}
}