125 lines
3.2 KiB
CSS
125 lines
3.2 KiB
CSS
:root {
|
|
--lqd-container-width: 1170px;
|
|
--lqd-container-width-md: 970px;
|
|
--lqd-container-width-sm: 750px;
|
|
--lqd-row-gutter-y: 0;
|
|
--lqd-row-gutter-x: 30px;
|
|
/* */
|
|
--lqd-color-primary: #d3aa85;
|
|
--lqd-color-gradient-start: #d3aa85;
|
|
--lqd-color-gradient-stop: #d3aa85;
|
|
--lqd-color-gray-300: #9d9d9d;
|
|
--lqd-color-gray-400: #777777;
|
|
--lqd-color-gray-800: #161616;
|
|
--lqd-color-gray-900: #141414;
|
|
--lqd-color-orange-300: #c2895c;
|
|
--lqd-color-orange-500: #b77f51;
|
|
/* */
|
|
--lqd-body-font-family: 'Be Vietnam Pro', sans-serif;
|
|
--lqd-body-font-weight: 400;
|
|
--lqd-body-line-height: 27px;
|
|
--lqd-body-font-size: 15px;
|
|
--lqd-body-text-color:#9a9a9a;
|
|
/* */
|
|
--lqd-heading-font-family: var(--lqd-body-font-family);
|
|
--lqd-heading-font-weight: 500;
|
|
--lqd-heading-color: #000000;
|
|
--lqd-h1-font-size: 46px;
|
|
--lqd-h1-line-height: 1.5em;
|
|
--lqd-h2-font-size: 35px;
|
|
--lqd-h2-line-height: 1.5em;
|
|
--lqd-h3-font-size: 30px;
|
|
--lqd-h3-line-height: 1.2em;
|
|
--lqd-h4-font-size: 26px;
|
|
--lqd-h4-line-height: 1.2em;
|
|
--lqd-h5-font-size: 22px;
|
|
--lqd-h5-line-height: 1.2em;
|
|
--lqd-h5-color: #d3aa85;
|
|
--lqd-h6-font-size: 18px;
|
|
--lqd-h6-font-weight: 700;
|
|
--lqd-h6-line-height: 1.2em;
|
|
--lqd-h6-color: #d3aa85;
|
|
/* */
|
|
--lqd-cc-bg: rgba(255, 255, 255, 0);
|
|
--lqd-cc-bc: #fffafa;
|
|
--lqd-cc-active-bw: 1px;
|
|
--lqd-cc-active-bg: #1f1f1f;
|
|
--lqd-cc-active-bc: #1f1f1f;
|
|
--lqd-cc-active-circle-color: #0f0f0f;
|
|
--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-arrow-color: #fff;
|
|
}
|
|
|
|
.lqd-cc-wrap {
|
|
color: var(--lqd-cc-bc);
|
|
}
|
|
|
|
|
|
/* ***** Main Header ***** */
|
|
.main-header .nav-item-children:before {
|
|
background: #242424;
|
|
}
|
|
.main-header .nav-item-children > li > a {
|
|
color: rgba(255, 255, 255, 0.66);
|
|
}
|
|
.main-header .nav-item-children > li > a:hover {
|
|
color: #ffffff;
|
|
}
|
|
.main-header .module-trigger .bars {
|
|
width: 62px;
|
|
height: 62px;
|
|
}
|
|
.main-header .module-trigger .bars:before {
|
|
background-color: rgba(255, 255, 255, 0);
|
|
}
|
|
.main-header .module-trigger:hover .bars:before {
|
|
background-color: #fff;
|
|
}
|
|
.main-header .module-trigger .bar:before,
|
|
.main-header .module-trigger .bar:after {
|
|
background: #fff;
|
|
}
|
|
.main-header .module-trigger:hover .bar:before,
|
|
.main-header .module-trigger:hover .bar:after {
|
|
background: #000;
|
|
}
|
|
|
|
.main-header .lqd-mobile-sec .nav-trigger {
|
|
color: #fff;
|
|
}
|
|
|
|
.main-header .lqd-mobile-sec .main-nav {
|
|
--lqd-menu-items-top-padding: 15px;
|
|
--lqd-menu-items-bottom-padding: 15px;
|
|
--lqd-menu-items-left-padding: 25px;
|
|
--lqd-menu-items-right-padding: 25px;
|
|
flex: 1 auto;
|
|
}
|
|
|
|
.is-stuck .lqd-head-sec-wrap {
|
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0.73) 2.5%, rgba(0, 0, 0, 0.65) 19%, rgba(0, 0, 0, 0.54) 34%, rgba(0, 0, 0, 0.38) 48.5%, rgba(0, 0, 0, 0.19) 65.5%, rgba(0, 0, 0, 0.13) 73%, rgba(0, 0, 0, 0.07) 81%, rgba(0, 0, 0, 0.04) 86.5%, rgba(0, 0, 0, 0.02) 88.5%, rgba(17, 17, 17, 0.01) 96.5%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%);
|
|
}
|
|
|
|
.is-stuck .module-logo {
|
|
padding: 30px 0;
|
|
}
|
|
|
|
/* ***** Main Footer ***** */
|
|
.main-footer .btn-xlg {
|
|
--btn-pt: 1.5em;
|
|
--btn-ps: 6.5em;
|
|
--btn-pb: 1.5em;
|
|
--btn-pe: 6.5em;
|
|
}
|
|
@media (max-width: 767px){
|
|
.main-footer .footer-content {
|
|
padding-top: 100px;
|
|
padding-bottom: 70px;
|
|
}
|
|
.main-footer h2 {
|
|
font-size: 28px;
|
|
}
|
|
} |