194 lines
4.5 KiB
CSS
194 lines
4.5 KiB
CSS
/* ***** Global ***** */
|
|
:root {
|
|
--lqd-container-width: 1140px;
|
|
--lqd-container-width-sm: 100%;
|
|
--lqd-container-width-md: 100%;
|
|
--bs-gutter-x: 20px;
|
|
--lqd-row-gutter-y: 20px;
|
|
--lqd-row-gutter-x: 20px;
|
|
|
|
--lqd-color-primary: #032A3E;
|
|
--lqd-color-accent: #45485F;
|
|
--lqd-color-purple-500: #7A25FF;
|
|
--lqd-color-darkpurple: #330C60;
|
|
--lqd-color-green-500: #00CB99;
|
|
--lqd-color-darkpink: #671E3F;
|
|
--lqd-badge-color: #f36861;
|
|
--lqd-color-dark: #292929;
|
|
--lqd-color-gradient-start: #007fff;
|
|
--lqd-color-gradient-stop: #ff4d54;
|
|
--lqd-color-purple-100: #F4EDFF;
|
|
--lqd-color-brown-300: #F5DBB8;
|
|
--lqd-color-brown-500: #A25139;
|
|
--lqd-color-blue-100: #F2FDFF;
|
|
--lqd-color-blue-200: #E7F3FF;
|
|
--lqd-color-blue-300: #00BCF1;
|
|
--lqd-color-blue-500: #3481D9;
|
|
--lqd-color-blue-600: #283C62;
|
|
--lqd-color-blue-700: #0152c5;
|
|
--lqd-color-gray-100: #F7F7F8;
|
|
--lqd-color-gray-400: #8e929b;
|
|
--lqd-color-gray-700: #22272F;
|
|
--lqd-color-gray-900: #1C1C1C;
|
|
--lqd-color-green-100: #E1F2E6;
|
|
--lqd-color-slate-100: rgba(116, 159, 239, 0.2);
|
|
--lqd-color-slate-200: rgba(128, 130, 145, 0.77);
|
|
--lqd-color-slate-300: #b4b6c6;
|
|
--lqd-color-slate-400: #4B6E84;
|
|
--lqd-color-slate-600: #225469;
|
|
--lqd-color-orange-100: #F0EBE7;
|
|
--lqd-color-pink-100: #FFD3D3;
|
|
--lqd-color-purple-200: #F0EBFF;
|
|
--lqd-color-purple-400: #a876f1;
|
|
--lqd-color-purple-500: #3700CB;
|
|
--lqd-color-red-200: #FFE6F9;
|
|
--lqd-color-red-500: #A0124F;
|
|
--lqd-color-red-700: #c50101;
|
|
--lqd-color-yellow-100: #EDEBE2;
|
|
--lqd-color-yellow-500: #c59801;
|
|
--lqd-body-text-color: #737588;
|
|
|
|
--lqd-text-font-family: 'Rubik', sans-serif;
|
|
--lqd-text-font-size: 13px;
|
|
--lqd-accent-font-family: var(--lqd-text-font-family);
|
|
--lqd-accent-font-size: 16px;
|
|
--lqd-accent-line-height: 2em;
|
|
|
|
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
|
--lqd-body-font-size: 16px;
|
|
--lqd-body-font-weight: 400;
|
|
--lqd-body-line-height: 22px;
|
|
|
|
--lqd-heading-color: var(--lqd-color-accent);
|
|
--lqd-heading-font-family: var(--lqd-text-font-family);
|
|
--lqd-heading-font-weight: 600;
|
|
--lqd-heading-line-height: 1.2em;
|
|
--lqd-h1-font-size: 65px;
|
|
--lqd-h1-line-height: 57px;
|
|
--lqd-h1-letter-spacing: -1.96px;
|
|
--lqd-h2-font-size: 40px;
|
|
--lqd-h2-line-height: 1.1em;
|
|
--lqd-h2-letter-spacing: -0.5px;
|
|
--lqd-h3-font-size: 36px;
|
|
--lqd-h4-font-size: 32px;
|
|
--lqd-h5-font-size: 20px;
|
|
--lqd-h6-font-size: 17px;
|
|
|
|
--lqd-cc-bc: var(--lqd-color-primary);
|
|
--lqd-cc-bg: var(--lqd-color-primary);
|
|
--lqd-cc-size-outer: 35px;
|
|
--lqd-cc-size-inner: 7px;
|
|
--lqd-cc-bw: 1px;
|
|
--lqd-cc-br: calc(var(--lqd-cc-size-outer) / 2);
|
|
--lqd-cc-active-bc: var(--lqd-color-primary);
|
|
--lqd-cc-active-bg: var(--lqd-color-primary);
|
|
--lqd-cc-active-bw: 1px;
|
|
--lqd-cc-active-circle-color: #fff;
|
|
--lqd-cc-active-circle-txt: #000;
|
|
}
|
|
|
|
/* ***** Button ***** */
|
|
button,
|
|
input[type="button"],
|
|
input[type="submit"],
|
|
.btn {
|
|
font-family: var(--lqd-text-font-family);
|
|
}
|
|
|
|
/* ***** Main Header ***** */
|
|
.main-header .lqd-hide-onstuck {
|
|
background-size: 91px auto;
|
|
}
|
|
|
|
.main-header .lqd-hide-onstuck a:before {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.social-icon:hover {
|
|
opacity: .9;
|
|
color: #fff;
|
|
}
|
|
|
|
.main-header .module-primary-nav a:hover,
|
|
.main-header .module-primary-nav li.is-active,
|
|
.social-icon:hover i {
|
|
color: #000;
|
|
}
|
|
|
|
.main-header.is-stuck .module-logo {
|
|
padding-top: 18px;
|
|
padding-inline-end: 0;
|
|
padding-bottom: 18px;
|
|
padding-inline-start: 0;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.main-header .module-primary-nav .navbar-collapse {
|
|
margin-right: 50px;
|
|
}
|
|
}
|
|
|
|
/* ***** Sticky Bar ***** */
|
|
.main-header .lqd-stickybar-left .btn:before {
|
|
background: #000000;
|
|
}
|
|
|
|
/* ***** Mobile Header ***** */
|
|
@media (max-width: 767px) {
|
|
.main-header .lqd-mobile-sec .navbar-brand img {
|
|
max-width: 171px;
|
|
}
|
|
}
|
|
|
|
/* ***** Main Footer ***** */
|
|
.main-footer .module-bg {
|
|
background-position: 50% 100px;
|
|
}
|
|
|
|
.main-footer .module-icon-bg-1,
|
|
.main-footer .module-icon-bg-5 {
|
|
background-color: rgba(112, 112, 112, 0.2);
|
|
}
|
|
|
|
.main-footer .module-icon-bg-2,
|
|
.main-footer .module-icon-bg-4 {
|
|
background-color: rgba(112, 112, 112, 0.5);
|
|
}
|
|
|
|
.main-footer .module-icon-bg-3 {
|
|
background-color: #707070;
|
|
}
|
|
|
|
@media (max-width: 1199px) {
|
|
.main-footer .module-bg {
|
|
padding: 70px 40px 50px 40px;
|
|
}
|
|
|
|
.main-footer .footer-info {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.footer-content .module-last {
|
|
margin-top: 50px;
|
|
}
|
|
|
|
.footer-menu .module-last {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.footer-info .module-social,
|
|
.footer-info .module-copyright {
|
|
padding: 10px 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.main-footer .module-bg {
|
|
padding: 40px 20px;
|
|
}
|
|
|
|
.footer-menu .module-third,
|
|
.footer-menu .module-last {
|
|
margin-top: 20px;
|
|
}
|
|
} |