:root {
	--plyr-color-main: white;
	font-size: calc(0.0125 * var(--t1b-screen-size));
}

body {
	text-shadow: none;
}

.hd-sticky {
	position: sticky;
	top: 0;
}

@font-face {
	font-family: 'Inter';
	/*src: url("/home/kaleesia/develop/work/eclipse-workspace/t1b-website/fonts/PlayfairDisplay-VariableFont_wght.ttf");*/
	src: url("../fonts/static/Inter_24pt-ExtraLight.ttf") format('truetype');
}

@font-face {
	font-family: 'Inter-sm';
	/*src: url("/home/kaleesia/develop/work/eclipse-workspace/t1b-website/fonts/PlayfairDisplay-VariableFont_wght.ttf");*/
	src: url("../fonts/static/Inter_24pt-ExtraLight.ttf") format('truetype');
}

.bg-color-start {
	background-color: rgb(23, 23, 23) !important;
}

.text-color-t1b {
	color: rgb(222, 221, 218) !important;
}

.home-header-bg {
	background: rgba(0, 0, 0, .3);
}

.bg-color-home {
	background-color: rgb(0, 0, 0) !important;
}

.t1b-bg-light-grey {
	background-color: rgb(230, 230, 230) !important;

}

.t1b-bg-grey {
	background-color: rgb(187, 187, 187) !important;
}

.t1-spacing {
	letter-spacing: .3rem;

}

#hd1 {
	font-family: 'Inter';
}

#hd3 {
	font-family: 'Inter-sm';
}

/*
@property --plyr-color-main {
  syntax: "<color>";
  inherits: true;
  initial-value: white;
}

@property --plyr-control-icon-size {
  syntax: "<number>";
  inherits: true;
  initial-value: 18;
}
*/


.plyr {
	--plyr-color-main: darkgray;
	/* --plyr-control-icon-size: 2em;*/
}

.plyr .plyr__control[data-plyr="play"] svg {
	/* padding-left: 0.25em;*/
}

.logo1 {
	max-height: 4rem;
}

.alt {
	margin-left: calc(-0.05 * var(--t1b-screen-size));
}


a {
	text-decoration: none;
}

.blog-post-header {
	font-family: "Playfair Display";
}

.hd-infront {
	z-index: 100;
}

.t1b-btn-home {
	font-size: 1.3rem;
	font-weight: 900;
	border-radius: 50px 10px;
	padding: .4rem .8rem;
	width: max-content;
	height: max-content;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 6px 24px 0px rgb(225, 240, 255);
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #e1f0ff;
	position: relative;
	letter-spacing: 0.3em;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	color: #e1f0ff;

}

.t1b-btn-pdt {
	font-size: 1.0rem;
	font-weight: 900;
	border-radius: 50px 10px;
	padding: .4rem .8rem;
	width: max-content;
	height: max-content;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 6px 24px 0px rgb(225, 240, 255);
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #e1f0ff;
	position: relative;
	letter-spacing: 0.3em;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	color: #e1f0ff;

}

.t1b-btn-dark {
	font-size: 1.0rem;
	font-weight: 900;
	border-radius: 50px 10px;
	padding: .4rem .8rem;
	width: max-content;
	height: max-content;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 6px 24px 0px #0d6efd;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #0d6efd;
	position: relative;
	letter-spacing: 0.3em;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	color: rgb(232, 232, 232);

}

.t1b-btn-light {
	font-size: 1.3rem;
	font-weight: 900;
	border-radius: 50px 10px;
	padding: .4rem .8rem;
	width: max-content;
	height: max-content;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 6px 15px 0px rgb(46, 194, 126);
	overflow: hidden;
	cursor: pointer;
	border: none;
	position: relative;
	letter-spacing: 0.3em;
	background-color: transparent;
	transition: all 0.5s ease-in-out;
	color: rgb(0, 0, 0);

}

.t1b-btn-all {
	white-space: nowrap;
	width: max-content;
}

.t1b-btn-txt {
	z-index: 1;
	font-weight: 900;
	letter-spacing: .3em;
	color: #e1f0ff;
}

.t1b-btn-txt-b {
	z-index: 1;
	font-weight: 900;
	letter-spacing: .3em;
	color: rgb(33, 33, 33);
}

.t1b-btn-txt-w {
	z-index: 1;
	font-weight: 900;
	letter-spacing: .3em;
	color: rgb(255, 255, 255);
}

.type1::after {
	content: "";
	position: absolute;
	left: 0;
	/*top: 0;*/
	transition: all 0.5s ease-in-out;
	/*background: linear-gradient(30deg, #0c81e4, #01377d);*/
	background: #0d6efd;
	/*background: radial-gradient(circle, #0d6efd 75%, rgba(0, 78, 212, 1) 100%);*/
	border-radius: 30px;
	visibility: hidden;
	height: 10px;
	width: 10px;
	z-index: -1;
}

.t1b-btn-home:hover {
	box-shadow: 1px 1px 200px #0d6efd
		/*#0c81e4-blue*/
	;
	color: #fff;
	border: 2px solid #0d6efd;
}

.t1b-btn-pdt:hover {
	box-shadow: 1px 1px 200px #0d6efd
		/*#0c81e4-blue*/
	;
	color: #fff;
	border: 2px solid #0d6efd;
}

.t1b-btn-dark:hover {
	box-shadow: 1px 1px 200px #0d6efd
		/*#0c81e4-blue*/
	;
	color: #fff;
	border: 2px solid #0d6efd;
}

.t1b-btn-light:hover {
	box-shadow: 1px 1px 200px rgb(46, 194, 126)
		/*#0c81e4-blue*/
	;
	color: #fff;
	border: none
		/*.2px solid rgb(246, 245, 244)*/
	;
}

.type1:hover::after {
	visibility: visible;
	transform: scale(100) translateX(2px);
}


.t1b-btn-x:hover {
	border-color: rgb(0, 0, 0);
}

.t1b-btn-x {
	border-color: rgb(148, 148, 148);
}

.t1b-name {
	font-size: 2.0rem;
}

.t1b-plyr {
	width: 100%;
}

.cart-img {}

.vid-sec {
	display: flex;
	/*width: 60%;*/
	/*height: 45%;*/
	justify-content: end;
	flex: 0 1 70%;
	margin-top: 20px;
	margin-bottom: 20px;

}

.card-sec {
	/*width: 40%;*/
	flex: 1 1 20%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.justify-content-space-evenly {
	justify-content: space-evenly;
}

.justify-content-space-between {
	justify-content: space-between;
}

.justify-content-space-around {
	justify-content: space-around;
}

.f-direc-c {
	flex-direction: column;
}

.pd-l {
	padding-left: 10%;
}

.main-sec {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*flex-direction: row-reverse;
	flex-wrap: wrap;*/
}

.shop-sec {
	/*max-width: 150px;*/
	max-height: 100px;
}

/*.card-body {
	flex: 1 1 20%;
}*/

.al-f {
	align-items: flex-start;

}

.card-1 {
	display: flex;
	flex-wrap: nowrap;
	column-gap: 0;
}

.b-example-divider {
	width: 100%;
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .19), inset 0 .125em .5em rgba(0, 0, 0, .19);
}



.footer-border {
	border: solid
		/*rgb(72, 161, 35)*/
		rgb(46, 194, 126);
	border-width: .8px 0 0 0;
}

.box {
	margin-left: 70px;
	margin-right: 70px;
}

.alt-tm :nth-child(2) {
	font-size: 3rem;
}



.cart {
	width: min-content;
}

#item1 {
	background-color: grey;
	/*display: flex;
	flex-wrap: wrap;*/
}

#item2 {
	display: flex;
	flex-wrap: wrap;
}

#item3 {
	display: flex;
	flex-wrap: wrap;
}


.t1b-foot-page {
	min-height: 100vh;
}

.tiered-gradient-shadow {
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.img-screenshot {
	max-width: 100%;
}



.alt-tm {
	column-gap: 0;
}

.nwp {
	white-space: nowrap;
}



.kit-container {
	display: grid;
	grid-auto-flow: row dense;
	width: 100%;
	/*height: 100%;*/

	grid-template: repeat(11, auto) / 160px 4fr 1fr;
	grid-row-gap: 20px;
	grid-column-gap: 10px;

}


.kit-desc {
	display: grid;
	/*grid-auto-flow: column;*/
	width: 100%;
	height: 100%;
	grid-template-areas:
		"area1 area2";
	grid-template-rows: auto auto;
	/*grid-template-columns: 1fr 1fr;*/
	grid-row-gap: 20px;
	grid-column-gap: 20px;

}

.kit-master{
	display: grid;
	grid-auto-flow: row dense;
	width: 100%;
	/*height: 100%;*/

	grid-template: repeat(3, auto) / 1fr;
	grid-row-gap: 0px;
	grid-column-gap: 0px;
}

.master-1{
	grid-area: 1/1/1/span 2;
}

.master-2{
	grid-area: 2/1/2/span 2;
}

.kit-desc-1 {
	grid-area: area1;
}

.kit-desc-2 {
	grid-area: area2;
	margin-right: 5rem;
}

.kit-title {
	grid-area: 1/1/1/span 4;
}

.kit-img {
	grid-area: 2/1/2/1;
	width: min-content;
}

.kit-det {
	margin-left: 8%;
	text-align: start;
	grid-area: 2/2/2/2;
}

.kit-price {
	grid-area: 2/3/2/3;
}

.kit-title2 {
	grid-area: 4/1/4/span 4;
}

.kit-img2 {
	grid-area: 5/1/5/1;
	width: min-content;
}

.kit-det2 {
	margin-left: 8%;
	text-align: start;
	grid-area: 5/2/5/2;
}

.kit-price2 {
	grid-area: 5/3/5/3;
}

.kit-title3 {
	grid-area: 7/1/7/span 4;
}

.kit-img3 {
	grid-area: 8/1/8/1;
	width: min-content;
}

.kit-det3 {
	margin-left: 8%;
	text-align: start;
	grid-area: 8/2/8/2;
}

.kit-price3 {
	grid-area: 8/3/8/3;
}

.kit-row-gap {
	margin-top: 80px;
}

.kit-col-gap {
	margin-left: 60px;
	margin-right: 60px;
}

.main-m-r {
	padding-right: 40px;
}

.hd-solid {
	background: rgba(0, 0, 0, 1);

}

.kitf-hide{
	display: none;
}

.kitf-box{
	border: 2px solid #e1f0ff;
	border-radius: 50px 10px;
    margin-top: 1rem;
	padding-bottom: 1rem;
}

@media screen and (max-width: 992px) {

	.hd-sticky {
		position: relative;
		top: 0;
	}

	.t1b-btn-all {
		white-space: normal !important;
		width: fit-content !important;
	}

	.vid-sec {
		display: flex;
		/*width: 60%;*/
		/*height: 45%;*/
		justify-content: end;
		flex: 0 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 992px) {
	:root {
		font-size: calc(0.025 * var(--t1b-screen-size));
	}

	.card-sec {
		/*width: 40%;*/
		flex: 1 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		align-items: center;
	}

	.main-sec {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.shop-sec {
		max-width: 150px;
		max-height: 100px;
	}


	.pd-l {
		padding-left: 4%;
	}

	.card-body {
		flex: 1 1 100%;
	}

	.al-f {
		align-items: center;

	}

	.card-1 {
		flex-wrap: nowrap;
	}

	.box {
		max-width: 540px;
	}

	main :nth-child(3) #item1 {
		order: 1;
	}

	main :nth-child(3) #item2 {
		order: 3;
	}

	main :nth-child(3) #item2 {
		order: 2;
	}

	.kit-specs {
		flex-direction: column;
	}

	.kit-col-gap {
		margin-left: 5px;
		margin-right: 5px;
	}

	.cart-img {
		display: none;
	}

	.t1b-btn-home {
		font-size: .9rem;
		padding: .4rem .8rem;
		letter-spacing: 0.3rem;
	}

	.t1b-btn-pdt {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		letter-spacing: 0.2rem;
	}


	.t1b-btn-dark {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		width: max-content;
		height: 3rem;
		letter-spacing: 0.2rem;

	}


	.t1b-btn-light {
		font-size: .9rem;
		/*padding: .4rem .8rem;*/
		letter-spacing: 0.2rem;
	}

	.main-m-r {
		padding-right: 0px;
	}

}

@media screen and (max-width: 768px) {
	:root {
		font-size: calc(0.035 * var(--t1b-screen-size));
	}

	.master-1{
		grid-area: 3/1/3/span 2;
		margin-top: 1.5rem;
	}

	.kit-container {
		grid-template: repeat(9, auto) / 160px 1fr;
	}

	.kit-det {
		grid-area: 3/1/3/span 3;
	}

	.kit-det2 {
		grid-area: 6/1/6/span 3;
	}

	.kit-det3 {
		grid-area: 9/1/9/span 3;
	}

	.post-gap {
		display: none;
	}

	.card-sec {
		/*width: 40%;*/
		flex: 1 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		align-items: center;
	}

	.main-sec {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.shop-sec {
		max-width: 150px;
		max-height: 100px;
	}


	.pd-l {
		padding-left: 4%;
	}

	.card-body {
		flex: 1 1 100%;
	}

	.al-f {
		align-items: center;

	}

	.card-1 {
		flex-wrap: nowrap;
	}

	.box {
		max-width: 540px;
	}

	main :nth-child(3) #item1 {
		order: 1;
	}

	main :nth-child(3) #item2 {
		order: 3;
	}

	main :nth-child(3) #item2 {
		order: 2;
	}

	.kit-specs {
		flex-direction: column;
	}

	.kit-col-gap {
		margin-left: 5px;
		margin-right: 5px;
	}

	.cart-img {
		display: none;
	}

	.t1b-btn-home {
		font-size: .9rem;
		padding: .4rem .8rem;
		letter-spacing: 0.3rem;
	}

	.t1b-btn-pdt {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		letter-spacing: 0.2rem;
	}


	.t1b-btn-dark {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		width: max-content;
		height: 3rem;
		letter-spacing: 0.2rem;

	}


	.t1b-btn-light {
		font-size: .9rem;
		/*padding: .4rem .8rem;*/
		letter-spacing: 0.2rem;
	}

	.main-m-r {
		padding-right: 0px;
	}

}

@media screen and (max-width: 576px) {
	:root {
		font-size: calc(0.05 * var(--t1b-screen-size));
	}

	.master-1{
		grid-area: 3/1/3/span 2;
		margin-top: 1.5rem;
	}
	
	.kit-container {
		grid-template: repeat(9, auto) / 160px 1fr;
	}

	.kit-det {
		grid-area: 3/1/3/span 3;
		margin-left: 5%;
	}

	.kit-det2 {
		grid-area: 6/1/6/span 3;
		margin-left: 5%;
	}

	.kit-det3 {
		grid-area: 9/1/9/span 3;
		margin-left: 5%;
	}

	.post-gap {
		display: none;
	}

	.card-sec {
		/*width: 40%;*/
		flex: 1 1 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		align-items: center;
	}

	.main-sec {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.shop-sec {
		max-width: 150px;
		max-height: 100px;
	}


	.pd-l {
		padding-left: 4%;
	}

	.card-body {
		flex: 1 1 100%;
	}

	.al-f {
		align-items: center;

	}

	.card-1 {
		flex-wrap: nowrap;
	}

	.box {
		max-width: 540px;
	}

	main :nth-child(3) #item1 {
		order: 1;
	}

	main :nth-child(3) #item2 {
		order: 3;
	}

	main :nth-child(3) #item2 {
		order: 2;
	}

	.kit-specs {
		flex-direction: column;
	}

	.kit-col-gap {
		margin-left: 5px;
		margin-right: 5px;
	}

	.cart-img {
		display: none;
	}

	.t1b-btn-home {
		font-size: .9rem;
		/*		padding: .4rem .8rem;*/
		letter-spacing: 0.3em;
	}

	.t1b-btn-pdt {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		letter-spacing: 0.2rem;
		height: 3rem;
	}


	.t1b-btn-dark {
		font-size: .8rem;
		/*padding: .1rem .2rem;*/
		width: max-content;
		height: 3rem;
		letter-spacing: 0.2rem;

	}


	.t1b-btn-light {
		font-size: .9rem;
		/*padding: .4rem .8rem;*/
		letter-spacing: 0.2rem;
	}

	.main-m-r {
		padding-right: 0px;
	}

}