/*-------------------------------------------------------------------------*/
/* Armory
/*-------------------------------------------------------------------------*/
/* Search row
/*----------------------------------------------------------*/
/* Markup comes from `modules/armory/search.tpl` in this theme - see the
   comment at the top of it for why the module's own row does not lay out
   here. One grid cell per control, and the cell owns the width so the
   selectbox widget `js/app.js` injects inherits it. */
.armory-search {
	display: grid;
	row-gap: 0.75rem;
	column-gap: 0.75rem;
	align-items: end;
	grid-template-columns: minmax(0, 1fr);
}

.armory-search .armory-search-cell {
	min-width: 0;
}

.armory-search .armory-search-cell label {
	margin: 0 0 0.35rem 0;
	display: block;
	font-size: 1rem !important;
	text-transform: uppercase;
	font-family: var(--font-family-secondary);
}

/* The field, the native select and the widget that replaces it all fill
   their cell. `.sbHolder` is `width: 100%` already, this is for the select
   itself, which the module used to size with a grid class. */
.armory-search .armory-search-cell input[type='text'],
.armory-search .armory-search-cell select,
.armory-search .armory-search-cell .sbHolder {
	width: 100%;
	margin: 0;
}

.armory-search .armory-search-cell.is-submit .nice_button {
	width: 100%;
	height: 48px; /* the height `global/form.css` gives the fields beside it */
	padding: 0 1.032rem;
	line-height: 48px;
}

/* Search row: Responsive
/*----------------------------------------------------------*/
@media screen and (min-width: 576px) { /* Tablet - realm and type pair up */
	.armory-search {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.armory-search .armory-search-cell.is-search,
	.armory-search .armory-search-cell.is-submit {
		grid-column: 1 / -1;
	}
}

@media screen and (min-width: 992px) { /* Desktop - the whole row fits */
	.armory-search {
		grid-template-columns: minmax(0, 1fr) 13rem 11rem minmax(8rem, auto);
	}

	.armory-search .armory-search-cell.is-search,
	.armory-search .armory-search-cell.is-submit {
		grid-column: auto;
	}
}

/* Results
/*----------------------------------------------------------*/
#search_box {
	width: 80%;
	margin: 0 auto !important;
	padding: 0;
	transition: 100ms width ease-in-out;
	-o-transition: 100ms width ease-in-out;
	-ms-transition: 100ms width ease-in-out;
	-moz-transition: 100ms width ease-in-out;
	-webkit-transition: 100ms width ease-in-out;
}

#search_box form {}

#search_box form table {}

#search_box form table tbody {}

#search_box form table tbody tr {}

#search_box form table tbody tr td {}

#search_box form table tbody tr td input[type='text'] {}

#search_box form table tbody tr td input[type='submit'] {}

#search_box #search_results {
	margin: 1rem 0 0 0;
}

#search_box #search_results #search_sections {
	margin: 0 0 1rem 0;
	padding: 0;
}

#search_box #search_results #search_sections .search_link {}

#search_box #search_results #search_sections #search_realms {}

#search_box #search_results #search_sections #search_realms .search_realm {}

#search_box #search_results .search_tab {}

#search_box #search_results .search_tab center {}

/* Armory: Characters
/*----------------------------------------------------------*/
#search_box #search_results #search_tab_1 {
	margin: 0 0 -1% 0;
}

#search_box #search_results #search_tab_1 .search_result_character {
	width: 100%;
	height: auto;
	margin: 0 1% 1% 1%;
	padding: 1rem;
	background-color: rgba(0, 0, 0, 0.2);
}

#search_box #search_results #search_tab_1 .search_result_character a {}

#search_box #search_results #search_tab_1 .search_result_character a img {
	margin: 0 1rem 0 0;
	border: 2px solid #3a3e39;
	overflow: hidden;
	box-shadow: 0 0 10px 5px rgb(19, 16, 15, 0.45), 0 0 20px 5px rgba(96, 86, 75, 0.54);
	-moz-box-shadow: 0 0 10px 5px rgb(19, 16, 15, 0.45), 0 0 20px 5px rgba(96, 86, 75, 0.54);
	-webkit-box-shadow: 0 0 10px 5px rgb(19, 16, 15, 0.45), 0 0 20px 5px rgba(96, 86, 75, 0.54);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#search_box #search_results #search_tab_1 .search_result_character .name {
	margin: 0;
	font-size: 0.975rem;
}

#search_box #search_results #search_tab_1 .search_result_character span {
	height: auto;
	margin: 0;
	overflow: visible;
	font-size: 0.875rem;
}

#search_box #search_results #search_tab_1 .search_result_character b {}

#search_box #search_results #search_tab_1 .search_result_character span br {
	display: none;
}

/* Armory: Responsive
/*----------------------------------------------------------*/
@media screen and (min-width: 768px) { /* Desktop */
	/* Armory: Characters
	/*----------------------------------------------------------*/
	#search_box #search_results #search_tab_1 .search_result_character {
		width: 48%;
	}
}