TokslawMain/public/assets/css/demo/dark-app.css

/* ***** Global ***** */
:root {
	--lqd-container-width-md: 970px;
	--lqd-container-width-sm: 750px;
	
	--lqd-color-primary: #5e55ff;
	--lqd-body-text-color: rgba(255, 255, 255, .47);
	--lqd-color-link: #5b7bfb;
	--lqd-color-link-hover: #181b31;
	--lqd-color-gradient-start: #f42958;
	--lqd-color-gradient-stop: #e4442a;
	--lqd-color-dark: #171717;
	--lqd-color-slate-900: #262626;
	--lqd-color-gray-500: #818181;
	--lqd-color-gray-700: #cbcbcb;
	--lqd-color-gray-800: #1c1c1e;
	--lqd-color-gray-900: #141414;
	--lqd-color-footer: #1a1a1a;

	--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
	--lqd-body-font-size: 15px;
	--lqd-body-line-height: 1.7em;

	--lqd-heading-font-family: "Space Grotesk", sans-serif;
	--lqd-heading-font-weight: 500;
	--lqd-heading-line-height: 1.2em;
	--lqd-heading-color: #fff;
	--lqd-h1-font-size: 52px;
	--lqd-h2-font-size: 40px;
	--lqd-h3-font-size: 32px;
	--lqd-h4-font-size: 25px;
	--lqd-h5-font-size: 21px;
	--lqd-h6-font-size: 18px;
}

/* ***** Button ***** */
.btn-xs {
	--btn-ps: 1.5em;
	--btn-pt: 0.6em;
	--btn-pe: 1.5em;
	--btn-pb: 0.6em;
}

.btn-md {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2em;
	--btn-ps: 2.15em;
	--btn-pt: 1.15em;
	--btn-pe: 2.15em;
	--btn-pb: 1.15em;
}

.btn-border-lg:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

/* ***** Main Header ***** */
.main-header .btn-solid:hover {
	border-color: transparent;
	background-color: var(--lqd-color-primary);
	color: #fff;
	transform: translate3d(0, -2px, 0);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
}

/* ***** Banner ***** */
@media (max-width: 991px) {
	.banner {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.banner .ld-fancy-heading h1 {
		font-size: 7vw;
		padding-right: 1vw;
		padding-left: 1vw;
	}

	.banner .module-img {
		padding-top: 120px;
	}
}

@media (max-width: 767px) {
	.banner {
		padding-top: 70px;
		padding-bottom: 30px;
	}

	.banner .ld-fancy-heading h1 {
		font-size: 13vw;
	}
}

/* ***** Navigation Sections ***** */
.navigation-sections ul>li>a:hover,
.navigation-sections li.is-active>a {
	color: #ffffff;
	background: #000;
}

/* ***** Features ***** */
.features .container {
	--lqd-row-gutter-x: 4px;
}

.features .row {
	margin-inline-start: -2px;
	margin-inline-end: -2px;
	--lqd-row-gutter-x: 4px;
}

@media (max-width: 991px) {
	.features .module-icon-box-1 {
		padding: 15px 15px 5px 15px;
	}

	.features .module-icon-box-2 {
		padding: 25px 15px 5px 15px;
	}
}

@media (max-width: 767px) {
	.features .ld-fancy-heading h2 {
		font-size: 40px;
	}
}

/* ***** Float Text ***** */
@media (max-width: 991px) {
	.float-text .ld-fancy-heading h2 {
		font-size: 48px;
	}
}

@media (max-width: 767px) {
	.float-text .ld-fancy-heading h2 {
		font-size: 10vw;
	}
}

/* ***** Float Text 1 ***** */
.float-text-1 {
	padding-top: 5vh;
	padding-bottom: 10vh;
}

/* ***** Float Text 2 ***** */
.float-text-2 {
	padding-top: 10vh;
	padding-bottom: 10vh;
}

/* ***** Float Text 3 ***** */
.float-text-3 {
	padding-top: 10vh;
	padding-bottom: 20vh;
}

/* ***** Connect ***** */
.connect {
	margin-right: 10vw;
	margin-left: 10vw;
}

.connect .lqd-tabs-nav li a.active {
	color: #ffffff;
}

@media (max-width: 1199px) {
	.connect {
		margin-right: 2vw;
		margin-left: 2vw;
	}
}

@media (max-width: 991px) {
	.connect {
		margin-right: 1vw;
		margin-left: 1vw;
	}

	.lqd-tabs-style-3 .lqd-tabs-nav li {
		margin-inline-start: 15px;
		margin-inline-end: 15px;
	}

}

@media (max-width: 767px) {
	.connect {
		padding-top: 45px;
	}

	.connect .ld-fancy-heading h2 {
		font-size: 12vw;
	}

	.lqd-tabs-style-3 .lqd-tabs-nav li {
		margin-inline-start: 0;
		margin-inline-end: 0;
		margin-bottom: 1.5em;
	}
}

/* ***** Pricing ***** */
.pricing .lqd-tabs-nav li a.active {
	background: rgb(23, 23, 23);
}

@media (max-width: 991px) {

	.pricing .lqd-pt-head,
	.pricing .lqd-pt-body {
		padding-right: 3rem;
		padding-left: 3rem;
	}
}

@media (max-width: 767px) {
	.pricing .ld-fancy-heading h2 {
		font-size: 40px;
	}
}

/* ***** Download ***** */
@media (max-width: 991px) {
	.download .module-first {
		margin-bottom: 35px;
	}
}

@media (max-width: 767px) {
	.download .ld-fancy-heading h2 {
		font-size: 12vw;
	}
}

/* ***** Footer ***** */
/* ***** Clients ***** */
.clients .carousel-items {
	margin-inline-start: -1.5%;
	margin-inline-end: -1.5%;
}

.clients .flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}

.clients .carousel-item {
	width: 16.6667%;
	padding-inline-start: 1.5%;
	padding-inline-end: 1.5%;
}

@media (max-width: 991px) {
	.clients .carousel-item {
		width: 20%;
	}
}

@media (max-width: 767px) {
	.clients .carousel-item {
		width: 33.333%;
	}

	.main-footer .ld-sf--button-inside [type=submit] {
		position: relative;
	}
}