/* for styling stuff in the main content of the pages */
.floatright {
	float:right;
	margin: 0 0 20px 20px;
}
.nofloat {
	float:none;
}
.screenshot {
	border: 2px solid var(--lt-border-color);
	float: right;
	margin: 0 0 var(--lt-padding) var(--lt-padding);
	border-radius: var(--lt-border-radius);
}
.screenshot.nofloat {
	float:none;
	text-align: center;
}

.lt_ui {
	font-family: var(--lt-ui);
}
.fs1 {
	font-size: 1rem;
}

.screenshot_box {
	float: right;
	margin: 0 0 20px 20px;
	max-width: 400px;
}
figure {
	display: table;
}
figure .screenshot {
	margin:0 0 var(--lt-padding-half) 0;
	float:none;
}
figcaption {
	display: table-caption;
	caption-side: bottom;
	font-size: var(--lt-fontsize-85);
	padding: 0.5em 1em 0.4em;
	border: 1px solid var(--lt-border-color);
	margin-top: -1px;
	border-top: 1px dashed var(--lt-border-color);
	border-radius: var(--lt-border-radius);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.squiggle {
	margin:0 2px;
}
.emaillink {
	white-space: nowrap;
}
.emaillink > i {
	margin:0 0.1em;
}


/* Image grids */
.image_grid {
	display: flex;
	flex-wrap: wrap;
	margin: 1em 0 0 0;
	font-size: 0.75rem;
}
.image_grid_img {
	flex: 1 1 auto;
	text-align: center;
	border: 1px solid var(--lt-border-color);
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
}

/* used on buzz page */
.lt2_sidebar blockquote {
	font-size: 0.75rem;
	padding: 0 5px;
	margin: 0 0 15px;
}
.lt2_sidebar cite {
	display:block;
}

/* contact page */
.contact_email {
	font-size: 1rem;
	margin-left: 1em;
	font-family: var(--lt-ui);
	font-weight: 400;
}

@media (max-width: 768px) {
	.screenshot {
		float:none;
		text-align:center;
		margin:10px auto;
		width: calc(100vw - 50px);
	}
}

.noborder {
	border:none;
}
.center {
	text-align: center;
}
.block_center {
	margin-left: auto;
	margin-right:auto;
	display:flex;
	width: 100%;
	justify-content: center;
}



div.lcc_schedules
{
margin-bottom: .5em;
}

div.lcc_schedules.nextlevel
{
margin-left: 2em;
}

a.alwaysblue:link, a.alwaysblue:visited, a.alwaysblue:active, a.alwaysblue:hover
{
color: var(--lt-link-color);
}

.alwaysblue a:link, .alwaysblue a:visited, .alwaysblue a:active, .alwaysblue a:hover
{
color: var(--lt-link-color);
}

ul.no,
ol.no {
	list-style-type:none;
}
ul.no > li,
ol.no > li {
	list-style: none;
}

.shelforlist .list ul.checks {
	margin-left: var(--lt-padding);
}
.shelforlist .list ul.checks li:not(.cmx_list) {
	margin-left: 0.5em;
}
ul.checks > li {
	list-style:none;
	list-style-type: none;
}
.sidebar_content ul.checks {
	margin-left: initial;
}
.sidebar_content ul.checks.touchstones {
	margin-left: var(--lt-padding-neg);
}

li > .haveit,
li > span.for_check {
	margin-right: 0.5em;
}


ul.checks > li,
li.haveit,
li.have_0,
li.have_1,
li.have_4,
li.have_5 {
	list-style:none;
	margin-left: var(--lt-padding);
}

li.haveit:before,
li.have_0:before,
li.have_1:before,
li.have_4:before,
li.have_5:before {
	content: '\f058';
	font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "FontAwesome";
	font-weight: 900;
	color: var(--lt-cmxx-0-color);
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: 20px 20px;
	margin-left: var(--lt-padding-neg);
	vertical-align: top;
	margin-top: 0;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}


.sidebar_content li.haveit:before,
.sidebar_content li.have_0:before,
.sidebar_content li.have_1:before,
.sidebar_content li.have_4:before,
.sidebar_content li.have_5:before {
	display:none;
}


/* overrides for checks within card_list (recs) blocks */
.card_list .haveit,
.lt_shelf .shelfdiv .haveit {
	--haveit_check_size: 2rem;
	--haveit_border_size: 4px;
	position: absolute;
	bottom: -7px;

	font-size: var(--haveit_check_size);
	left: calc(calc(50% - calc(var(--haveit_check_size) * 0.5)) - var(--haveit_border_size));
	background: var(--lt-background-color);
	border-radius: 50%;
	border: var(--haveit_border_size) solid var(--lt-background-color);

	font-weight: 600;
}
.card_list .haveit.havestack,
.lt_shelf .shelfdiv .haveit.havestack {
	--haveit_check_size: 1.25rem;
	bottom: -7px;
	left: calc(50% - calc(var(--haveit_check_size) * 1));
}
.card_list .haveit.havestack .fa-stack-2x,
.lt_shelf .shelfdiv .haveit.havestack .fa-stack-2x {
	font-size: 1.6em;
}

.card_list .fa-stack.havestack,
.card_list .fa-stack.havestack.have_5:before,
.card_list .fa-stack.havestack.haveit:before {
	font-size: var(--haveit_check_size);
}
.card_list .fa-stack.havestack .fa-stack-1x {
	margin-top:-0.2em;
}

/*
	 * 0 = grey: have it in some other collection. (empty)
	 * 1 = green: have it in 'Your Library' (check)
	 * 4 = purple: wishlist (heart)
	 * 5 = blue: read but unowned (bookmark, star, other?)
	 *
	 *  In case of conflicts, it prefers purple to blue to green to gray.
	 *  https://www.librarything.com/topic/81814

	 We once used images in the css: background-image: url(https://image.librarything.com/pics/cmxx_4@2x.png);
	 */


/* Some other collection */
.fa-check-circle.have_0:before,
li.fa-check-circle.have_0:before {
	content: '\f111' !important;
	color: var(--lt-cmxx-0-color);
}

.fa-check-circle.have_default:before,
li.fa-check-circle.have_default:before {
	content: '\f058' !important;
	color: var(--lt-cmxx-0-color);
}

.leftcheckbox .have_0,
.leftcheckbox .have_1,
.leftcheckbox .have_4 {
	margin-left: 0.2em;
	font-family: 'FontAwesome';
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

/* in library */
.haveit:before,
.have_1:before,
li.haveit:before,
li.have_1:before {
	font-family: 'FontAwesome';
	content: '\f058' !important;
	color: var(--lt-cmxx-1-color);
	font-weight: 600;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

/* wishlist */
.have_4:before,
li.have_4:before {
	font-family: 'FontAwesome';
	xcontent: '\f4c7 !important';
	font-weight: 600;
	color: var(--lt-cmxx-4-color);
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
body[data-fa_v="6"] .have_4:before,
body[data-fa_v="6"] li.have_4:before {
	font-family: 'FontAwesome';
	content: '\f4c7' !important;
	font-weight: 600;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

/* cataloged but not in lib? */
.have_5:before,
li.have_5:before {
	font-family: 'FontAwesome';
	xcontent: '\f28d' !important;
	color: var(--lt-cmxx-5-color);
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}


body[data-fa_v="6"] .have_5:before,
body[data-fa_v="6"] li.have_5:before {
	font-family: 'FontAwesome';
	content: '\e0f8' !important;
	font-weight: 600;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.fa-stack.havestack,
.fa-stack.havestack.have_5:before,
.fa-stack.havestack.haveit:before {
	content:unset !important;
	font-size: 0.5em;
	xcolor: var(--lt-cmxx-5-color);
	width:2em;
}
.fa-stack.havestack.have_0 {
	color: var(--lt-cmxx-0-color);
}
.fa-stack.havestack.have_5 {
	color: var(--lt-cmxx-5-color);
}
.fa-stack.havestack .fa-stack-1x {
	margin-top: -0.05em;
}
.lt_shelf .shelfdiv .haveit.havestack .fa-stack-1x {
	margin-top: -0.3em;
	font-size: 0.8em;
}
.recommendations .cover_card_list.cover_card_list_viewstyle_list .haveit {
	position: relative;
	left: unset;
	font-size: 1.25em;
	bbottom: unset;
	width: 1.25em;
	height: 1.5em;
	top:0;
}
.recommendations .cover_card_list.cover_card_list_viewstyle_list .fa-stack.havestack .fa-stack-1x {
	margin-top: -0.8em;
	font-size: 0.65em;
	display: flex;
	justify-content: center;
	margin-left: 0.05em;
}
.recommendations .cover_card_list.cover_card_list_viewstyle_list .haveit.havestack .fa-stack-2x {
	font-size: 1em;
}


.white_check,
.white_check:before {
	color: var(--lt-white-color) !important;
}


.leftcheckbox .fa-stack.havestack .fa-stack-1x {
	margin-left: 0.5em;
}



@media (max-width: 767px) {
	.lt_pillbox.floatright {
		float:none;
		clear:both;
		margin-left:0;
		margin-right:0;
	}
}



/* venues / local */
.venuestar {
	color: var(--lt-tint-dark-3);
	font-size: 1.2rem;
}
.venuestar.yellowstar {
	color: var(--lt-haveit-color-old);
}
.venueListing {
	margin-left:var(--lt-padding);
}


/* sidebars */
.lt_organization_icon {
	font-size: 2em;
	color: var(--lt-background-color);
	background: var(--lt-tint-dark-3);
	padding: 0.4em;
	border-radius: 50%;
	float:right;
	background: var(--lt-red-color);
}
.lt_seal_icon {
	float:right;
	padding: 0.4em;
}

#ltckSearchModeMenu_wrapper {
	margin-bottom: var(--lt-padding-quarter);
}