
/***********************************/
/*** BL Facts / Quick Search Box ***/
/***********************************/

#antiquario #quick-search-box {
	border: 0;
	background: none;
	box-shadow: none;
	width: 80%;
	margin: 3rem auto 0;
	text-align: center;
}

.bl-facts {
	margin: 0 calc(2 * var(--default-margin));
}

.bl-facts svg {
	margin: .3rem .4rem -.4rem 0;
	transform: scale(0.8);
	width: 1.8rem;
}

.bl-facts li {
	margin: .4rem 0;
}

@media screen and (max-width: 768px) {
	.bl-facts {
		margin: 0 var(--default-margin);
	}
}

#quick-search-box form {
	margin: var(--default-margin);
}

#quick-search-box fieldset {
	border: 0;
	display: flex;
	gap: .5rem;
}

#quick-search-box legend,
#quick-search-box label {
	display: none;
}

#quick-search-box input[type="text"] {
	flex: 1;
}

#quick-search-box input[type="submit"] {
	white-space: nowrap;
}

#quick-search-box-mobile {
	display: none;
}

#quick-search-box-mobile li {
	text-align: left;
}

@media screen and (max-width: 768px) {
	#quick-search-box-mobile {
		display: block;
	}
}

/************************/
/*** Useful Links Box ***/
/************************/

#useful-links-box .home-box-body {
	display: flex;
	gap: 1ex;
}

#useful-links-box ul {
	flex: 1 1 max-content;
}

/***********************/
/*** Collections Box ***/
/***********************/

/* @todo: remove margin/padding reset */
#collections-box h3 {
	margin: 0 0 var(--default-margin) 0;
}

#collections-box .home-box-body {
	display: flex;
	gap: 1em;
}

#collections-box .home-box-body ul {
	flex: 1;
}

@media screen and (max-width: 768px) {
	#collections-box .home-box-body {
		flex-direction: column;
		gap: 1rem;
	}
}

/*******************/
/*** Popular Box ***/
/*******************/

#popular-box .home-box-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

#popular-box li,
#popular-box h3 {
	display: inline;
	font-weight: var(--default-normal);
	font-size: .87rem;
	line-height: 140%;
}

/*********************/
/*** Statistic Box ***/
/*********************/

#statistic-box .home-box-body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/****************/
/*** Usershop ***/
/****************/

.vda-info {
	position: relative;
	left: 2px;
	top: -4px;
}
