/* #search-form {
	background-color: rgba(255,255,255,0.3);
}

#search-form #search-keywords {
    height: 39px;
    color: #333;
    background: transparent;
    border: none;
    padding: 6px 0.7em;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    margin: 0;
    line-height: normal;
	width: 100%;
}

#search-form #search-keywords::placeholder {
	color: rgba(0,0,0,0.5);
}

#search-form button {
	display: none;
} */

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 99999 !important; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: #FFF;
}

/* Modal Content/Box */
.modal-content {
background-color: #FFF;
margin: 0; /* 15% from the top and centered */
padding: 45px 20px 20px 20px;
border: 0;
width: 100%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

/* Highlighted search keywords */
.highlight {
background-color: yellow;
}

#search-results {
	padding: 50px 0 0 0;
	
}

.search-result {
	margin-bottom: 50px;
	border-bottom: 1px solid #CCC;
	padding: 15px;
}

.search-result h3 {
	margin-bottom: 15px;
}

.search-result img {
	max-width: 200px;
	max-height: 200px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}