@font-face {
	font-family: "Get Schwifty";
	src: url('../fonts/Get-Schwifty-Regular.ttf');
}

#search-results{
	width: 1000px;
	max-width: 95%;
	margin: 0 auto;
}
.search-item{
    display: inline-block;
	font-weight: bold;
	color: black;
	transition: .2s;
	margin: .5em;
	border-radius: .5em;
}
.search-item:hover{
	opacity: 0.8;
}
.search-item-card{
    display: inline-block;
    width: fit-content;
    max-width: 300px;
    padding: 1em;
    border-radius: 0.5em;
    background: #fffc;
    box-shadow: #999 0em .5em 1em;
    box-sizing: border-box;
}
.search-item-img{
	max-width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
	border-radius: .25em;
    box-shadow: #999 0 .25em .5em -.25em;
}
.search-item-name{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.search-item-name {
    margin: .5em auto;
}
.search-item-date{
	color: #666;
	font-size: 85%;
	font-weight: normal;
}

/*PAGINATION*/
.pagination {
	display: inline-block;
	margin: 3em auto 1em auto;
}
.pagination div {
	display: inline-block;
}
.pagination a,
.pagination span {
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	font-family: 'Get Schwifty', 'Rock Salt', cursive;
	color: black;
	float: left;
	user-select: none;
	transition: .2s;
}
.pagination a span{
	vertical-align: middle;
}
.pagination a.active {
	background-image: url("../medias/portal-small.png");
	background-size: cover;
	color: white;
}
.pagination a:hover:not(.active) {background-color: rgba(221, 221, 221, .5);}

/*SEARCH*/
.search-container{
    position: absolute;
    top: 0;
    right: 0;
	margin: .5em;
}
.search-container input[type=text] {
	padding: 6px;
	font-size: 17px;
	border: none;
}
.search-container button {
	padding: 6px 10px;
	background: #ddd;
	font-size: 17px;
	border: none;
	cursor: pointer;
}
.search-container button:hover {
	background: #ccc;
}