/*	awards database & table, recommendations table
---------------------------------------------------------------	*/


/*	structure
---------------------------------------------------------------

recommendations page
	recommendations submission form

awards database page overrides
awards database preloader
awards database key

database table controls header
	search
	all other buttons
	save button
	save open list

database header & footer pagination

the table
	general table styling
		awards database column widths
		recommendations column widths
		deal with fixed column slightly overlapping

	table header
	columns sorting
		remove padding for scrolly
	sorting
	yadcf dropdowns

	table body
	specific styling
		for series work titles
	publication details layout
	links styling
	search highlight
	selected rows & cells

responsive
	control column icon
	child row

media queries
	min-width: 507px
		database key
		recommendations controls
	min-width: 678px
		site title
	min-width: 1024
		table select padding
	max-width: 1024px
		site width
	max-width: 768px
		menu toggle
	max-width: 480px
		table select padding
	max-width: 360px

printing


*/


/*	recommendations page
--------------------------------------------------------------- */

.page-template-page-recommendations .site-main {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/*	---------	recommendations submission form */

.recommendations-form,
.recommendations-closed {
	margin: 0 auto 3rem;
	max-width: 900px;
}

.recommendations-closed {
	margin-bottom: 1.5rem;
}

/*	---------	recommendations closed */

.recommendations-closed + .recommendations-form {
	display: none;
}


/*	awards database page
---------------------------------------------------------------	*/

.page-id-2142 .site {
	max-width: 100%;
	padding: 0;
}

.page-id-2142 .header-title.site-branding {
	padding-bottom: 2.5rem;
}

.page-id-2142 .page-header .page-title {
	display: none;
}

body[ class*='awards-database' ] .site-main {
	width: 100%;
	max-width: 1350px;
	margin: 0 auto 0;
}

.page-id-2142 .site-main .page-content {
	width: 100%;
	margin: 0;
	padding: 0;
}


/*	awards database preloader
---------------------------------------------------------------	*/

.database.loading,
.database-key.loading,
.award-intro.loading {
	visibility: hidden;
}

.database.loading .awards-database {
	height: 100px !important;
	overflow: hidden;
}

.database,
.database-key,
.award-intro {
	visibility: visible;
}

.database-preloader  {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	background: rgba( 255, 255, 255, 0.5 );
 }

.database-preloader .loading {
	margin: 0;
	width: 5rem;
	height: 5rem;
	position: absolute;
	left: calc( 50vw - 2.5rem );
	top: calc( 50vh - 5rem );
	-webkit-animation-name: datatables_loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: datatables_loading;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: datatables_loading;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-o-animation-name: datatables_loading;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	animation-name: datatables_loading;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;	
}
 
.database-preloader .loading:before {
	font-family: 'Genericons';
	content: '\f420';
	font-weight: 400;
	font-size: 5rem;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #004080;
	position: relative;
	vertical-align: bottom;
}

@-webkit-keyframes datatables_loading {
	from {
		-webkit-transform:rotate( 0deg );
	}
	to {
		-webkit-transform:rotate( 360deg );
	}
}

@-moz-keyframes datatables_loading {
	from {
		-moz-transform:rotate( 0deg );
	}
	to {
		-moz-transform:rotate( 360deg );
	}
}

@-o-keyframes datatables_loading {
	from {
		-o-transform:rotate( 360deg );
	}
	to {
		-o-transform:rotate( 360deg );
	}
}

@-ms-keyframes datatables_loading {
	from {
		-ms-transform:rotate( 0deg );
	}
	to {
		-ms-transform:rotate( 360deg );
	}
}

@keyframes datatables_loading {
	from {
		transform:rotate( 0deg );
	}
	to {
		transform:rotate( 360deg );
	}
}


/*	awards database intro
---------------------------------------------------------------	*/

.award-intro {
	max-width: 900px;
}

/*	awards database key
---------------------------------------------------------------	*/

.database-key {
	max-width: 1200px;
	margin: 0 auto;
	background: gainsboro;
	color: teal;
	padding: 0.5rem 1rem;
}

.database-key h2 {
	word-spacing: 0.2rem;
	color: teal;
	padding-left: 0;
	border-bottom-color: teal;
}

.database-key h3 {
	color: steelblue;
	word-spacing: 0.2rem;
	font-size: 0.825rem;
	margin-top: 1rem;
}

.database-key ul {
	margin: 0.5rem 0 1.5rem 0rem;
}

.database-key li {
	font-size: 0.825rem;
	list-style: none;
	line-height: 1;
	margin-bottom: 0.25rem;
}

.database-key li:before {
	font-family: 'Genericons';
	content: '\f449';
	color: #cf4234;
	font-size: 9px;
	vertical-align: top;
	padding-right: 9px;
	top: 2px;
	position: relative;
}


/*	database table controls header
---------------------------------------------------------------	*/

.database .header,
.recommendations .recommendations {
	margin-bottom: 0rem;
}

.database-menu-toggle {
	display: none;
}

.controls:before,
.controls:after,
.dataTables_length:before,
.controls-additional:before,
.controls-additional:after,
.pagination:before,
.pagination:after {
	clear: both;
	display: table;
	content: '';
}

.controls,
.controls-additional {
	margin-bottom: 0.5rem;
	margin-bottom: 1rem;
}


/*	---------	search */

.dataTables_filter {
	float: left;
}

.dataTables_filter label {
	font-family: 'Museo Slab';
	font-weight: 700;
	font-size: 0.825rem;
	text-transform: uppercase;
	color: #004080;

}

.dataTables_filter input[ type='search' ] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	font-size: 1rem;
	border: 2px solid #004080;
	background: transparent;
	font-size: 0.875rem;
	padding: 3px 2px 6px 2px;
	font-weight: 500;
	color: #004080;
	line-height: 1.5;
	height: 30px;
	margin-left: 3px;
	padding: 3px 2px 3px 2px;
	height: 30px;
}

.dataTables_filter input[ type='search' ]:focus,
.dataTables_filter input[ type='search' ]:focus {
	outline: none;
	border: 2px solid teal;
	color: teal;
}


/*	---------	all other buttons */

.dataTables_length,
.DTTT_container,
.dt-buttons,
.controls-additional .lists-toggle,
.controls-additional .reset {
	float: right;
}

.DTTT_container,
.dt-buttons,
.dataTables_length,
.reset,
.lists-toggle {
	display: inline-block;
}

.recommendations .header {
	margin-top: 1rem;
}

.recommendations .dataTables_filter,
.recommendations .controls,
.recommendations .reset-table {
	float: none;
	display: block;
}

.recommendations .dataTables_filter input {
	width: 80%;
	display: inline;
	float: right;
}

.recommendations .controls {
	text-align: right;
	float: none;
}

.recommendations .reset-table {
	display: inline;
	margin-top: 0.5rem;
}

.dataTables_length {
	margin-right: 5px;
	margin-top: 2px;
}

.dataTables_length label {
	font-family: 'Museo Slab';
	font-weight: 700;
	font-size: 0.825rem;
	text-transform: uppercase;
	padding: 8px 18px 7px 17px;
	color: #004080;
}

.toggle,
.reset-table {
	position: relative;
	margin-left: 3px;
	padding: 4px 5px 2px;
	height: 30px;
	background-color: transparent;
	border: 2px solid #004080;
	color: #004080;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
}

.reset-table {
	margin-right: 0;
}

.toggle.active {
	border: 2px solid teal;
	color: #fff;
	background: teal;
}

.toggle:hover,
.toggle:focus,
.reset-table:hover,
.reset-table:focus {
	background-color: #cf4234;
	border-color: #cf4234;
	color: #fff;
}


/*	---------	save button */

.DTTT_container,
.dt-buttons {
	position: relative;
	margin-top: 2px;
}

.DTTT_button,
.dt-button {
	font-family: 'Museo Slab';
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	padding: 6px 1rem 6px;
	border: 2px solid #004080 !important;
	line-height: 1;
	color: #004080;
	cursor: pointer;
	background: transparent;
	margin-left: 3px;
	margin-right: 0 !important;
	box-shadow: none;
}

.DTTT_button:hover,
.DTTT_button:active,
.dt-button:hover,
.dt-button:active,
.dt-button:focus {
	background-color: #cf4234 !important;
	border-color: #cf4234 !important;
	padding: 6px 1rem 6px !important;
	color: #fff;
	text-decoration: none;
	box-shadow: none !important;
}

.DTTT_button:before,
.dt-button:before,
.DTTT_button:after,
.dt-button:after {
	content: '' !important;
}

.dt-button:focus {
	outline: none;
}

.DTTT_button embed { 
	outline: none;
}

.DTTT_disabled {
	color: gainsboro;
}


/*	---------	save open list */

.DTTT_collection_background,
.dt-button-background {
	z-index: 1100;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.DTTT_collection {
	list-style: none;
	width: 210px;
	padding: 0;
	margin: 0;
	background: #275699;
	overflow: hidden;
	z-index: 2002;
}

.DTTT_collection,
div.dt-button-collection {
	left: auto !important;
	right: 1.5rem !important; /* conditional on padding/margins/responsive */
}

div.dt-button-collection {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0.125rem;
	width: 210px;
	background: #275699;
	overflow: hidden;
	z-index: 2002;
}

.DTTT_collection a,
.dt-button-collection a {
	font-weight: 500;
	background: #44505b;
	border-bottom: 1px solid #fff;
	font-family: 'Museo Sans';
	font-style: normal;
	font-size: 0.825rem;
	line-height: 1.5em;
	color: #fff;
	padding: 0.5rem 1rem 0.5rem 0.5rem;
	margin: 0;
	cursor: pointer;
	white-space: nowrap;
	display: block;
	border: none !important;
}

.DTTT_collection a,
.dt-button-collection a {
	margin-right: 0;
	border: none;
	border-bottom: 1px solid #fff !important;
	text-transform: none;
}

.DTTT_collection a:hover,
.dt-button-collection a:hover {
	background: steelblue;
	border-bottom-color: #fff !important;
	padding: 0.5rem 1rem 0.5rem 0.5rem !important;
	cursor: pointer;
}


div.dt-button-info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	margin-top: -100px;
	margin-left: -200px;
	padding: 1rem 0.5rem;
	background-color: whitesmoke;

	border: 2px solid #203b53;
	text-align: center;
	z-index: 21;
}

.dt-button-info h2 {

	font-weight: 500;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
	word-spacing: 0.2rem;
}

.dt-button-info span i {
	color: #cf4234;
	font-style: normal;
	font-family: 'Museo Slab';
	font-weight: 400;
}


/*	database footer info
---------------------------------------------------------------	*/

.footer {
	background: #203b53;
	color: #fff;
	padding: 6px 0.5rem 0 0.5rem;
}

.dataTables_info {
	font-size: 0.825rem;
	display: inline-block;
	vertical-align: top;
}


/*	the table 
---------------------------------------------------------------	*/


/*	---------	general table styling */

table.recommendations-list,
table.awards-database {
	border-bottom: 0;
	margin-bottom: 0;
}

.database .awards-database,
.dataTables_scrollHead,
.dataTables_scrollHeadInner,
.dataTables_scrollBody {
	width: 100% !important;
}

/*	---------	awards database column widths */

table.awards-database .award-year {
	width: 8% !important;
}

table.awards-database .year-type {
	width: 9% !important;
}

table.awards-database .author {
	width: 14% !important;
}

table.awards-database .title {
	width: 32% !important;
}

table.awards-database .publishing-info {
	width: 32% !important;
}

table.awards-database .control {
	width: 5% !important;
	min-width: 30px;
}

/*	---------	recommendations column widths */

table.recommendations-list .sub-date {
	width: 0 !important;
}

table.recommendations-list .control,
table.recommendations-list .parent .control {
	width: 27px !important;
}

table.awards-database thead tr th,
table.awards-database tfoot tr th,
table.awards-database tbody td {
	padding: 0.5rem 0rem; /* with scrolly padding l r must be 0 */
}

.dataTables_scrollBody table {
	margin: 0;
	margin-top: -1.4rem;
}

table.recommendations-list tbody td {
	padding: 0.5rem 3px;
}

/*	deal with fixed column slightly overlapping */

.award-winner-list span,
.award-honor-list span,
.award-long-list span {
	padding-left: 2px;
}

table.awards-database tbody td,
table.recommendations-list tbody td {
	font-size: 0.825rem;
}


/*	---------	table header */

table.awards-database thead th,
table.recommendations-list thead th {
	cursor: pointer;
	background: #203b53;
	font-family: 'Museo Slab';
	font-size: 12px;
	color: #fff;
	line-height: 0;
	text-transform: uppercase;
}

table.awards-database thead th.publisher {
	cursor: default;
	width: auto !important;
	display: table-cell !important;
}


/*	---------	columns sorting */

table.awards-database tr .sorting,
table.awards-database tr .sorting_asc,
table.awards-database tr .sorting_desc,
table.awards-database tr .sorting_disabled {
	background: #203b53;
	/* needed to give room for column sorting with dropdown select columns */
	padding: 0.25rem 0rem; /* with scrolly padding l r must be 0 */
}

table.recommendations-list tr .sorting,
table.recommendations-list tr .sorting_asc,
table.recommendations-list tr .sorting_desc,
table.recommendations-list tr .sorting_disabled {
	padding: 0.75rem 3px;
}

table.recommendations-list tr .sorting:focus,
table.recommendations-list tr .sorting_asc:focus,
table.recommendations-list tr .sorting_desc:focus,
table.awards-database tr .sorting:focus,
table.awards-database tr .sorting_asc:focus,
table.awards-database tr .sorting_desc:focus {
	background: teal;
}

.dataTables_scroll .dataTables_scrollHead tr th,
table.awards-database tr th,
table.awards-database tr th,
table.recommendations-list tr th,
table.recommendations-list tr th {
	border-top: 0.5rem solid #203b53;
	border-bottom: 0.5rem solid #203b53;
}

.dataTables_scroll .dataTables_scrollHead tr th.sorting_desc,
table.awards-database tr th.sorting_desc,
table.awards-database tr th.sorting_desc,
table.recommendations-list tr th.sorting_desc,
table.recommendations-list tr th.sorting_desc {
	border-top: 0.5rem solid #203b53;
	border-bottom: 0.5rem solid #cf4234;
}

.dataTables_scroll .dataTables_scrollHead tr th.sorting_asc,
table.awards-database tr th.sorting_asc,
table.awards-database tr th.sorting_asc,
table.recommendations-list tr th.sorting_asc,
table.recommendations-list tr th.sorting_asc {
	border-top: 0.5rem solid #cf4234;
	border-bottom: 0.5rem solid #203b53;
}

table.awards-database tr .sorting_disabled,
table.recommendations-list tr .sorting_disabled {
	cursor: default;
}

.dataTables_scroll .dataTables_scrollBody tr th {
	border: none;
}


/*	---------	table body	*/

table.awards-database tbody tr,
table.recommendations-list tbody tr {
	background: whitesmoke;
	color: #203b53;
}

table.awards-database tbody td,
table.recommendations-list tbody td {
	border-bottom: 1px solid #cf4234;
	border-top: none;
}

table.awards-database tbody tr:last-of-type td,
table.recommendations-list tbody tr:last-of-type td {
	border-bottom: none;
}


/*	---------	specific styling */

tbody .title,
.collection-title {
	font-style: italic;
}


/*	---------	for series work titles */

table.awards-database td ul,
table.recommendations-list td ul {
	margin-bottom: 0;
	margin-right: 0;
}

table.awards-database td ul li,
table.recommendations-list td ul li {
	margin-bottom: 0;
}


/*	---------	publication details layout */

table.awards-database .award-list {
	background: whitesmoke;
}

tbody a {
	text-decoration: none;
	border-bottom: 1px solid #cf4234;
	color: #004080;
	padding: 2px 2px 1px 2px;
}

tbody .award-type a {
	font-weight: 500;
	font-family: 'Museo Slab';
	color: #004080;
	text-decoration: none;
	border-bottom: 1px solid #004080;
}

tbody a:focus {
	text-decoration: none;
	border: none;
	outline: 1px solid #004080;
}

tbody a:hover {
	text-decoration: none;
	border-bottom-color: #cf4234;
	color: #fff;
	background: #cf4234;
	outline: none;
}

tbody a:active {
	text-decoration: none;
	border-bottom-color: teal;
	background: teal;
}

tbody .award-year {
	font-weight: 700;
	font-family: 'Museo Slab';
}

.work-info-heading {
	font-weight: 500;
	font-family: 'Museo Slab' !important;
}

tbody .author span[ itemprop='author' ]:first-of-type:after,
tbody .editor span[ itemprop='editor' ]:first-of-type:after {
	content: '';
	display: table;
	clear: both;
	overflow: hidden;
}

.publishing-info .editor span[ itemprop='editor' ],
.publishing-info .work-type,
.publishing-info .publisher,
.publishing-info .year-published,
.publishing-info .collection,
.publishing-info .collection-title,
.publishing-info .collection .editor,
.publishing-info .isfdb,
.publishing-info .bookseller,
.recommendations .work-link {
	display: block;
}

.publishing-info .editor span[ itemprop='editor' ],
.editor > span[ itemprop='editor' ]:nth-last-child( 2 ) {
	display: inline;
}

.publishing-info .publisher span {
	display: inline;
}


/*	---------	links styling */

table.awards-database a:after,
table.recommendations-list a:after {
	font-family: 'Genericons';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	vertical-align: top;
	top: 0;
	left: 0;
	display: inline-block;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
}

table.awards-database tbody .author a:after,
table.awards-database .editor a:after,
table.awards-database .publishing-info a:after,
table.recommendations-list .comments span a[ itemprop='sameAs' ]:after,
table.recommendations-list .child [ itemprop='reviewBody' ] a:after,
table.recommendations-list .child a[ itemprop='sameAs' ]:after {
	content: '\f442';
}

.database tbody .author a:hover:after,
.database .editor a:hover:after,
.database .publishing-info a:hover:after {
	text-decoration: none;
}

table.recommendations-list td a {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*	---------	search highlight */

.highlight {
	font-weight: 700;
	padding: 2px 0;
	color: #c50b21;
	color: teal;
	border-bottom: 2px solid teal;
}


/*	---------	selected rows & cells */

.selected,
.selected td {
	background-color: white !important;
}

.selected,
.selected td,
.selected td * {
/* 	color: teal; */
	border-color: teal !important;
}

/* 
.selected td a,
.selected td a * {
	color: teal;
	border-bottom-color: teal;
}

.selected td a:hover,
.selected td a:hover * {
	background: #cf4234;
	color: #fff;
	border-bottom-color: #cf4234;
}

.selected td a:active,
.selected td a:active * {
	background: teal;
	color: #fff;
	border-bottom-color: teal;
}
*/

.selected .highlight {
	color: #cf4234;
	border-color: #cf4234;
}


/*	---------	recommendations sub-date hide (datatables.js weirdness) */

table.recommendations-list .child div {
	width: 100% !important;
}

table.recommendations-list .child .sub-date {
	display: none;
}


/*	---------	no records found */

.dataTables_empty {
	font-family: 'Museo Slab';
	text-indent: 1rem;
	font-weight: 500;
	color: #cf4234;
}


/*	responsive
---------------------------------------------------------------	*/

/*	---------	control column icon */

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
	position: relative;
	cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
	font-family: 'Genericons';
	font-weight: 400;
	content: '\f510';
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	top: 50%;
	left: 50%;
	padding: 1px;
	margin-top: -0.8rem;
	margin-left: -0.8rem;
	display: block;
	position: absolute;
	text-align: center;
	box-sizing: content-box;
	background-color: #004080;
	border-radius: 1rem;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
	content: '\f50e';
	background-color: teal;
	margin-left: -13px;
}

table.dataTable.dtr-column > tbody > tr > td.control:focus:before,
table.dataTable.dtr-column > tbody > tr > th.control:focus:before {
	background: #bc3c2f;
}


/*	---------	child row */

table.dataTable tr.child td.child {
	padding: 0.25rem 1.5rem;
}

table.dataTable .selected + tr.child {
	background: white !important;
/* 	color: teal; */
}
/* 

table.dataTable .selected + tr.child a {
	color: teal;
	border-bottom-color: teal;
}

table.dataTable .selected + tr.child a:hover {
	color: #fff;
	border-bottom-color: #cf4234;
}

table.dataTable .selected + tr.child a:active {
	border-bottom-color: teal;
}
 */

table.dataTable tr.child h3 {
	font-size: 0.75rem;
	margin-top: 0.5rem;
}

table.dataTable tr.child h3:nth-of-type( 1 ) {
	margin-top: 0;
}


/*	media queries
---------------------------------------------------------------	*/

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/*	---------	min-width: 507px */

@media ( min-width: 507px ) {

	.database-key h2,
	.database-key h3 {
		padding-left: 1rem;
	}

	.database-key ul {
		margin: 0.5rem 0 1.5rem 2rem;
	}

	.recommendations .dataTables_filter,
	.recommendations .controls,
	.recommendations .reset-table {
		display: inline-block;
	}

	.recommendations .dataTables_filter {
		width: 66%;
	}

	.recommendations .dataTables_filter input {
		width: 80%;
		float: none;
	}

	.recommendations .controls {
		float: right;
	}

	.recommendations .reset-table {
		display: inline-block;
		margin-top: 0;
	}

}


/*	---------	min-width: 678px */

@media ( min-width: 678px ) {

	.page-id-2142 .header-title.site-branding {
		padding-bottom: 4.5rem;
	}

	.page-id-2142 .site-main {
		margin-top: 0rem;
	}

}


/*	---------	min-width: 1024px */

@media ( min-width: 1024px ) {

	table.awards-database tr th.award-year select {
		max-width: calc( 100% - 0.9rem );
	}

	table.awards-database tr th.year-type select,
	table.awards-database tr th.author select {
		max-width: calc( 100% - 1.5rem );
	}

	@-moz-document url-prefix() {

		table.awards-database tr th.award-year select {
			max-width: 100%;
		}
	
		table.awards-database tr th.year-type select,
		table.awards-database tr th.author select {
			max-width: calc( 100% - 3.5rem );
		}	

	}


}


/*	---------	max-width: 1024px */

@media ( max-width: 1024px ) {

	.page-id-2142 .site-main {
		padding: 1.5rem 1rem 0;
	}

}


/*	---------	max-width: 768px */

@media ( max-width: 768px ) {

	.page-id-2142 .site-main {
		padding: 0 0.25rem 0;
	}

	
	/*	---------	menu toggle */

	.database-menu-toggle:before {
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-family: 'Genericons';
		font-weight: 400;
		font-size: 1.5rem;
		text-decoration: inherit;
		vertical-align: text-bottom;
		color: #fff;
		content: '\f505';
		padding: 6px 9px 3px 6px;
		line-height: 1;
	}

	@-moz-document url-prefix() {

		.database-menu-toggle:before {
			padding: 4px 9px 3px;

		}
	}

	.database-menu-toggle {
		background-color: #203b53;
		border-radius: 0;
		cursor: pointer;
		height: 36px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		text-align: center;
		width: 36px;
		border: none;
		float: right;
		margin-bottom: 0.5rem;
		display: block;
	}

	.database-menu-toggle:after {
		clear: both;
		content: '\f428';
		font-family: 'Genericons';
		font-weight: 400;
		visibility: hidden; 
		display: block; 
		height: 0;
	}

	.database-menu-toggle:active,
	.database-menu-toggle:focus,
	.database-menu-toggle:hover {
		background-color: #cf4234;
	}

	.database-menu-toggle:focus {
		outline: none;
	}

	.database .header .controls,
	.database .header .controls-additional {
		display: none;
	}

	.database .header.toggled-on .controls,
	.database .header.toggled-on .controls-additional {
		display: block;
		width: 250px;
		margin: 0 auto;
		text-align: center;
	}
	
	.database .header.toggled-on .dataTables_length,
	.database .header.toggled-on .DTTT_container,
	.database .header.toggled-on .dt-buttons,
	.database .header.toggled-on .controls-additional
	.database .header.toggled-on .lists-toggle,
	.database .header.toggled-on .controls-additional .reset {
		float: none;
	}

	.database .header.toggled-on .controls,
	.database .header.toggled-on .controls .dataTables_filter,
	.database .header.toggled-on .controls-additional .reset,
	.database .header.toggled-on .lists-toggle .toggle {
		margin-bottom: 0.5rem;
	}

	.database .header.toggled-on .controls .DTTT_container,
	.database .header.toggled-on .controls .dt-buttons {
		margin-bottom: 0.25rem;
	}
	
	.database .header.toggled-on .controls-additional {
		margin-bottom: 0.5rem;
	}

}

/*	---------	max-width: 480px */

@media ( max-width: 480px ) {
	
	.database tr .sorting,
	.database tr .sorting_asc,
	.database tr .sorting_desc,
	.database tr .sorting_disabled,
	.recommendations tr .sorting {
		/* needed to give room for column sorting with dropdown select columns */
		padding: 1rem 0.5rem;
	}

}


/*	---------	max-width: 360px */

@media ( max-width: 360px ) {
	
	.yadcf-filter-wrapper .yadcf-filter {
		max-width: 90px !important;
	}
	
}


/*	printing
---------------------------------------------------------------	*/

.DTTT_print_info {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: auto;
	margin-left: -200px;
	margin-top: -75px;
	text-align: center;
	color: #275699;
	padding: 10px 30px;
	background: #fff;
	opacity: 0.95;
	border: 2px solid #275699;
}

.DTTT_print_info h6 {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.5rem;
	margin: 1em;
}

.DTTT_print_info p {
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 1.5rem
}