/* index.css */
/* used for LT.com landing page  at index.php/index_lt2.php */

.vcenter {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--lt-padding);
}

#intro_pane {
	display: flex;
	background: var(--lt-tint-light-a);
	z-index: 2;
	padding: var(--lt-padding);
	border-radius: 15px;
	backdrop-filter: blur(10px) brightness(1.2) grayscale(0.2);
	padding-right:0;
	padding-left: calc(var(--lt-padding) + var(--lt-padding-half));

	padding-left:0;

	align-items: center;

	margin-top: 60px;
	margin-bottom: 40px;

	color: var(--lt-brownlogo-color);

}

#intro_pane_img {
	transition: max-width 500ms linear;
}
#intro_pane_txt {
	margin-left: var(--lt-padding);
	transition: all 500ms linear;
	font-size: 1.2em;
	max-width: 29em;
	xline-height: 1.4;
}

body.index #index_bottom {
}
body.index #index_bottom h1 {
	text-align: center;
}
#intro_pane_txt h1 {
	font-size: 2.5em;
}

/*
.lt2 #index_bottom a {
	color: var(--lt-white-color);
	background: var(--lt-red-color);
	padding: 0.2em 0.5em;
	border-radius: var(--lt-border-radius);
}
.lt2 #index_bottom a:hover {
	background: var(--lt-sidebar-tan);;
	color: var(--lt-brownlogo-color);
	text-decoration: none;
}
*/

#intro_pane i.lti.lti-lt {
	font-size: 7.5em;
	margin-top: 0.1em;
	display: inline-block;
	color: var(--lt-red-dark);
	transition: all 500ms linear;
}

form[name="signup"] {
	margin-bottom:0;
}

body.index #lt2_content {
	xbackground: repeat url(../jpg/covergrid1_2000_blurred.jpg);
	background-size: 660px;
	background-position: 0 0;
	xanimation: index_bg_anim 20s linear;
}



#home_misc_section h1 {
	color: var(--lt-red-color);
}
#home_misc_section h1:first-of-type:not(.lt2_breadcrumb) {
	margin-top:0;
}

body.index .card_list {
	--card_list_minwidth: min(100vw, 280px);
}

.homepage_press_quotes .card_list .card .card_infobox {
	justify-content: center;
}

@keyframes index_bg_anim {
	0% {
		xbackground-position: 2000px 2239px;
		background-position: 200px 0;
	}
	100% {
		background-position: 0 0;
	}
}

body.index #lt2_maincontent .lt2_pagecard_section {
	display:block;
}


xbody.index .well.plain {

	xbackground: repeat url('../png/coverbar1_grid_1000w.png');
}

body.index section#index_bottom li {
	margin-bottom: var(--lt-padding-half);
}

body.index section#index_bottom {
	xbackground:unset;
	--grad-width: 80px;
	padding: var(--lt-padding-double) var(--lt-padding);
	xfont-size: 140%;
	font-size: 1.2em;
	xline-height: 2.1;
	position:relative;
	overflow: hidden;
	xborder-top: 5px solid var(--lt-red-color-control-foreground);
	xborder-bottom: 5px solid var(--lt-red-color-control-foreground);
	xbackground: repeat url('../jpg/covergrid1_2000_blurred.jpg');
	xbackground: repeat url('../jpg/coverbar1_grid_%201825h.jpg');
}
.lbg {
	position: absolute;
	left:0;
	top:0;
	z-index: 0;
}


body.index #list2 {
	xmargin-top: 60px;
}

.columns {
	gap: var(--lt-padding-double);
}
.coverbarx {
	--coverbar-scaler: 0.75;
	--coverbar-offset: 3;
	height: calc(130px * var(--coverbar-scaler));
	background: repeat-x url(../png/coverbar1_110h.png);
	background-position: calc(calc(80px * var(--coverbar-scaler)) * var(--coverbar-offset)) calc(10px * var(--coverbar-scaler));
	width: 100vw;
	border: var(--lt-border);
	border-left:none;
	border-right: none;
	border-bottom-color: var(--lt-tint-dark-3);
	background-size: calc(4473px * var(--coverbar-scaler)) calc(110px * var(--coverbar-scaler));
	margin-left: -20px;
	box-shadow: 0 calc(-10px * var(--coverbar-scaler)) calc(15px * var(--coverbar-scaler)) calc(5px * var(--coverbar-scaler)) var(--lt-tint-dark-2) inset
}

.coverbar.coverbar_grid {
	--coverbar-scaler: 0.75;
	--coverbar-offset: 3;
	--coverbar-offset-y: 1;
	--coverbar-rows: 1;
	height: calc(185px * var(--coverbar-scaler) * var(--coverbar-rows));
	background: repeat url('../jpg/coverbar1_grid_%201825h.jpg');
	background-position: calc(calc(28px * var(--coverbar-scaler)) * var(--coverbar-offset)) calc(136.89px * var(--coverbar-offset-y) + 1px);
	width: 100vw;
	border: var(--lt-border);
	border-left:none;
	border-right: none;
	border-bottom-color: var(--lt-tint-dark-3);
	background-size: calc(1630px * var(--coverbar-scaler)) calc(1825px * var(--coverbar-scaler));
	margin-left: -20px;
	box-shadow: 0 calc(-10px * var(--coverbar-scaler)) calc(15px * var(--coverbar-scaler)) calc(5px * var(--coverbar-scaler)) var(--lt-tint-dark-2) inset
}

.coverbar.coverbar_grid1000w {
	--coverbar-scaler: 0.5;
	--coverbar-offset: 3;
	--coverbar-offset-y: 1;
	--coverbar-rows: 1;
	height: calc(185px * var(--coverbar-scaler) * var(--coverbar-rows));
	background: repeat url('../png/coverbar1_grid_1000w.png');
	background-position: calc(calc(28px * var(--coverbar-scaler)) * var(--coverbar-offset)) calc(136.89px * var(--coverbar-offset-y) + 1px);
	width: 100vw;
	border: var(--lt-border);
	border-left:none;
	border-right: none;
	border-bottom-color: var(--lt-tint-dark-3);
	background-size: calc(1630px * var(--coverbar-scaler)) calc(1825px * var(--coverbar-scaler));
	margin-left: -20px;
	box-shadow: 0 calc(-10px * var(--coverbar-scaler)) calc(15px * var(--coverbar-scaler)) calc(5px * var(--coverbar-scaler)) var(--lt-tint-dark-2) inset;

	opacity: 0.1;
	filter: blur(1px);
	z-index: 1;
	xanimation: index_bg_anim 20s linear;
}
.coverbar.coverbar_grid1000w.parallax {
	background-position: 0 -6000px;
}

#list2_content {
	z-index: 9;
	position: relative;


}
.index_columns_intro {
	display:grid;
	grid-template-columns: 1fr auto;
	align-items: flex-start;
	xpadding: var(--lt-padding-double) var(--lt-padding);

	min-height: max(40vh, 550px);
	position: relative;


}
.covergrid_bg {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	z-index: 0;
	background: repeat url('../jpg/covergrid1_2000_blurred.jpg');
}



#members .lt2_columnar .ffarea:nth-of-type(1),
#members .lt2_columnar .ffarea:nth-of-type(2){
	border-top:none;
}
.hero {
	font-size: 170%;
	white-space: nowrap;
}
#hero_sub {
	margin-top: -0.5em;
	xmargin-left: 3.7ch;
	font-size: 92%;
}


.signin_site_logo {
	font-size: 150%;
	vertical-align: middle;
	margin-left: 0;
	margin-right: 0;
}
#intro_pane i.lti.lti-lt {
	font-size: 140%;
	display:none;
}

#joinorsignin {
	display: flex;
	justify-content: center;
	gap: var(--lt-padding);
	align-items: center;
	margin-top: 0;
	xdisplay:none;
	padding-bottom: var(--lt-padding);
}


.signin_container {
	width: 520px;
	align-self: flex-start;
	position: absolute;
	right: 0;
	top: 140px;
}
.lt2_rtl .signin_container {
	right:unset;
	left:0;
}
.signin_container.active {
	top:0;
}
.signin_container > .signup_well {
	border: var(--lt-border);
	border-radius: var(--lt-border-radius);
	box-shadow: 0 0 0 10px var(--lt-background-color);
	background: var(--lt-tint-light-e);
	padding: var(--lt-padding);
	backdrop-filter: blur(2px) contrast(1.2) saturate(1.5);

	z-index: 999;
	position: relative;

	background: var(--lt-sidebar-tan-light);
	border-radius: 5px;

	xborder-color: var(--lt-red-color);
}

.form-group-inline > label {
	flex-basis: 1%;
}

.form_menu_label {
	font-size: 120%;
	margin-top: var(--lt-padding-half);
}
.large_inputs .ui_menu_compose_caret {
	margin-top: 1.1em;
}
.orgformgroup {
	margin-bottom:0;
}

.signin_form_spacer,
#baby {
	padding-left: calc(11ch + var(--lt-padding));
	margin-top: var(--lt-padding-half);
}
.orsigninwith {
	margin-top: var(--lt-padding);
	padding-top: var(--lt-padding);
	border-top: var(--lt-border);
	xpadding-left: 11ch;
	xtext-align: center;
	opacity: 0.9;

	display:flex;
	gap: var(--lt-padding-half);
	color: var(--lt-text-grey-color);
	xjustify-content: center;
}

div.flex > .btn-block+.btn-block {
	margin-top:0;
}
.index_or {
	padding-bottom: var(--lt-padding-half);
	display: none;
	margin-top: var(--lt-padding-half-neg);
}

.form-group-inline label {
	min-width: 100px;
	xmin-width: 5em;
	text-align: right;
}
html[lang]:not([lang="en"]) .form-group-inline label {
	min-width: 150px
}
.form-group-inline + .form-group-inline {
	margin-top: var(--lt-padding-half);
}
.form-group-inline + button {
	margin-top: var(--lt-padding-half);
	margin-left: calc(5em + var(--lt-padding-half) + var(--lt-padding-quarter));
}


.ffarea {
	display: flex;
	margin-bottom: var(--lt-padding-half);
	border-top: var(--lt-border);
	border-top-style: dashed;
	padding-top: var(--lt-padding-half);
}


/* from style.css originally */
.signin .problem
{
	text-align: left;
}

#community_blurb2,
#community_blurb3 {
	display:none;
}


.ffarea .ui_jump_link {
	font-weight:400;
}

.ff_text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--lt-padding-half);
}



#alreadyS,
#newS {
}

body.index .card_list .card img.card_img {
	object-fit: contain;
	outline:none;
}

#intro_pane_img {
	width: max(80%, 130px);
}

.advertisement {
	margin-left: var(--lt-padding-neg);
}

@media (max-width: 1300px) {
	#intro_pane_txt {
		margin-left:0;
	}

}

@media (max-width: 1250px) {
	.advertisement {
		margin-left: calc(var(--lt-padding-neg) + var(--lt-padding-neg));
	}

	#intro_pane_txt {
		margin-left: calc(var(--lt-padding-neg) + var(--lt-padding-half-neg));
	}

}

@media (max-width: 1200px) {

	.index_columns_intro {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	#intro_pane {
		padding-right: 0;
		width: 100vw;
		margin-top: 0;
		font-size: 100%;
		justify-content: center;
	}

	.signin_container > .well {
		width: 100%;
		max-width: unset;
		margin-top: calc(var(--lt-padding) * 2);
	}

	.signin_container {
		align-self: center;
		position: relative;
		top:0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: var(--lt-padding-double);
	}

	#lt2_maincontent .lt2_pagecard_section {
		display:flex;
		flex-direction: column;
	}

	.advertisement {
		position: absolute;
		left: 20px;
		opacity: calc(1% * calc(100vw / 1200));
	}

	#intro_pane_img {
		width: max(80%, 170px);
	}

}

@media (max-width: 920px) {
	.advertisement {
		left: -10px;
	}
}

@media (max-width: 767px) {

	.advertisement {
		left: -20px;
	}
	.index_columns_intro {
		align-items: center;
	}
	#intro_pane {
		margin-top: 0;
		padding-left: var(--lt-padding);

		margin-left: calc(var(--lt-padding-neg) + var(--lt-padding-neg))
	}
	#intro_pane i.lti.lti-lt {
		xfont-size: 5em;
	}
	#hero_sub {
		xmargin-top: -9px;
		xfont-size: 1em;
	}
	#intro_pane_txt {
		font-size: 100%;
		margin-left: var(--lt-padding);
	}
	#intro_pane_txt h1 {
		xfont-size: 2rem;
	}
	.signin_container {
		width: min(100%, 515px);
	}
	.lt2 .btn {
		white-space: initial;
		text-align: center;
		word-break: break-word;
	}

	.well.plain {
		border:none;
		box-shadow: none;
		padding:0;
		padding-bottom: var(--lt-padding);
		margin-bottom: var(--lt-padding);
		border-bottom: var(--lt-border);
		background: transparent;
		border-radius: 0;
	}

	.advertisement {
		opacity: 0.3;
	}
}

@media (max-width: 650px) {

}

@media (max-width: 576px) {
	.advertisement {
		display: none;
	}
	.signin_container {
		width: min(100%, 515px);
	}
	#signin_join_well {
		padding-top: var(--lt-padding-double);
		border:none;

		margin-bottom: var(--lt-padding-double);
	}

	.columns > * {
		margin-bottom: var(--lt-padding-half);
	}

	.columns.extra_top_space {
		margin-top:0;
	}

	#members {
		margin-top: var(--lt-padding-double);
	}
}


@media (max-width: 360px) {
	#intro_pane {
		font-size: 100%;
	}
	#intro_pane h1 {
		font-size: 169%;
	}
	#hero_sub {
		font-size: 82%;
	}

	.form-group-inline label {
		font-size: 90%;
		min-width: 75px;
	}

	.form-control.input-lg,
	input.form-control.input-lg div[pseudo] {
		font-size: 1rem !important;
	}

	select.form-control.input-lg {
		font-size: 1rem !important;
	}

	#list2_content {
		line-height: 1.4;
	}

	#list2_content li {
		margin-bottom: var(--lt-padding);
	}

	#joinorsignin {
		gap: var(--lt-padding-half);
	}

}