Сайт Fakel Gym
https://fakelgym.cp.good-production.xyz/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
240 lines
6.1 KiB
240 lines
6.1 KiB
@theme {
|
|
--breakpoint-xs: 480px;
|
|
--breakpoint-sm: 600px;
|
|
--breakpoint-md: 782px;
|
|
--breakpoint-lg: 960px;
|
|
--breakpoint-xl: 1280px;
|
|
--breakpoint-2xl: 1440px;
|
|
|
|
--color-primary: var(--wp--preset--color--primary);
|
|
--color-secondary: var(--wp--preset--color--secondary);
|
|
--color-dark: var(--wp--preset--color--dark);
|
|
--color-light: var(--wp--preset--color--light);
|
|
|
|
--text-xs: var(--wp--preset--font-size--xs, 0.75rem);
|
|
--text-sm: var(--wp--preset--font-size--sm, 0.875rem);
|
|
--text-base: var(--wp--preset--font-size--base, 1rem);
|
|
--text-lg: var(--wp--preset--font-size--lg, 1.125rem);
|
|
--text-xl: var(--wp--preset--font-size--xl, 1.25rem);
|
|
--text-2xl: var(--wp--preset--font-size--2xl, 1.5rem);
|
|
--text-3xl: var(--wp--preset--font-size--3xl, 1.875rem);
|
|
--text-4xl: var(--wp--preset--font-size--4xl, 2.25rem);
|
|
--text-5xl: var(--wp--preset--font-size--5xl, 3rem);
|
|
--text-6xl: var(--wp--preset--font-size--6xl, 3.75rem);
|
|
--text-7xl: var(--wp--preset--font-size--7xl, 4.5rem);
|
|
--text-8xl: var(--wp--preset--font-size--8xl, 6rem);
|
|
--text-9xl: var(--wp--preset--font-size--9xl, 8rem);
|
|
|
|
--font-family-sans: 'Gilroy', ui-sans-serif, system-ui, sans-serif;
|
|
}
|
|
|
|
html, body {
|
|
font-family: var(--font-family-sans);
|
|
color: #222;
|
|
}
|
|
|
|
.red-gradient {
|
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
|
}
|
|
|
|
.dark-gradient {
|
|
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
|
}
|
|
|
|
.grey-gradient {
|
|
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
|
|
}
|
|
|
|
.grey-gradient-hover {
|
|
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
|
|
transition: background 180ms ease-in-out;
|
|
background-size: 101%!important;
|
|
}
|
|
|
|
.grey-gradient-hover:hover {
|
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
|
}
|
|
|
|
.dark .grey-gradient-hover {
|
|
border: 1px solid rgba(248, 248, 248, 0.12);
|
|
backdrop-filter: blur(20px);
|
|
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
|
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
|
transition: background 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
.dark .grey-gradient-hover:hover {
|
|
background:
|
|
linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%),
|
|
linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
|
}
|
|
|
|
.red-gradient-hover {
|
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
|
background-size: 177% 100%;
|
|
background-position: 0% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
.red-gradient-hover:hover {
|
|
background-position: 39.42% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
|
|
.dark-gradient-hover {
|
|
background: linear-gradient(90deg, #2b2c35 0%, #6e7996 53.48%);
|
|
background-size: 177% 100%;
|
|
background-position: 0% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
.dark-gradient-hover:hover {
|
|
background-position: 39.42% 0;
|
|
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
}
|
|
|
|
.radial-gradient {
|
|
background: linear-gradient(180deg, #f2f2f2 69.59%, #ededed 100%);
|
|
}
|
|
|
|
.header-gradient{
|
|
background: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%);
|
|
}
|
|
|
|
.small-shadow{
|
|
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
|
}
|
|
.dark-gradient{
|
|
background: linear-gradient(90deg, #2b2c35 53.4%, #4f5870 100%);
|
|
}
|
|
|
|
|
|
|
|
#fluentform_4,
|
|
#fluentform_5 {
|
|
|
|
}
|
|
|
|
#fluentform_4 .ff-el-form-control,
|
|
#fluentform_5 .ff-el-form-control {
|
|
border: none;
|
|
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
|
background: #fff;
|
|
border-radius: 90px;
|
|
height: 77px;
|
|
padding-left: 32px;
|
|
padding-right: 32px;
|
|
outline: 1px solid transparent;
|
|
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 130%;
|
|
color: #6c6b6b;
|
|
}
|
|
|
|
#fluentform_4 .ff-btn-submit,
|
|
#fluentform_5 .ff-btn-submit {
|
|
height: 75px;
|
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
|
border-radius: 90px;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
line-height: 195%;
|
|
color: #f8f8f8;
|
|
display: grid;
|
|
place-content: center;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
transition: 180ms ease-in;
|
|
}
|
|
|
|
@media (max-width: 1049px) {
|
|
#fluentform_4 .ff-el-form-control,
|
|
#fluentform_5 .ff-el-form-control {
|
|
font-size: 16px;
|
|
height: 69px;
|
|
}
|
|
#fluentform_4 .ff-btn-submit,
|
|
#fluentform_5 .ff-btn-submit {
|
|
font-size: 16px;
|
|
height: 69px;
|
|
}
|
|
}
|
|
|
|
#fluentform_4 .ff-btn-submit:hover,
|
|
#fluentform_5 .ff-btn-submit:hover {
|
|
font-weight: 700;
|
|
transition: 180ms ease-in;
|
|
}
|
|
|
|
#fluentform_4 .ff_submit_btn_wrapper,
|
|
#fluentform_5 .ff_submit_btn_wrapper {
|
|
margin-bottom: 0!important;
|
|
}
|
|
|
|
#fluentform_4 .error.text-danger,
|
|
#fluentform_5 .error.text-danger {
|
|
position: absolute;
|
|
margin-top: 0;
|
|
bottom: -18px;
|
|
left: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
#fluentform_4 .ff-el-group,
|
|
#fluentform_5 .ff-el-group {
|
|
position: relative;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
#fluentform_4_success,
|
|
#fluentform_5_success {
|
|
display: none!important;
|
|
}
|
|
|
|
#fluentform_4 .ff-el-input--label,
|
|
#fluentform_5 .ff-el-input--label {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 32px;
|
|
transform: translateY(-50%);
|
|
pointer-events: none;
|
|
z-index: 2;
|
|
margin: 0;
|
|
transition: 180ms ease-in-out;
|
|
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 130%;
|
|
color: #6c6b6b;
|
|
}
|
|
|
|
#fluentform_4 .ff-el-group.focused .ff-el-input--label,
|
|
#fluentform_4 .ff-el-group.has-value .ff-el-input--label,
|
|
#fluentform_5 .ff-el-group.focused .ff-el-input--label,
|
|
#fluentform_5 .ff-el-group.has-value .ff-el-input--label {
|
|
top: 6px;
|
|
transform: translateY(0);
|
|
transition: 180ms ease-in-out;
|
|
font-size: 14px;
|
|
}
|
|
|
|
#fluentform_4 .ff-el-tc,
|
|
#fluentform_5 .ff-el-tc {
|
|
margin-top: 32px!important;
|
|
font-weight: 500!important;
|
|
font-size: 16px!important;
|
|
line-height: 145%!important;
|
|
color: #6c6b6b!important;
|
|
margin-bottom: 0!important;
|
|
}
|
|
|
|
@media (max-width: 1047px) {
|
|
#fluentform_4 .ff-el-tc,
|
|
#fluentform_5 .ff-el-tc {
|
|
font-size: 12px!important;
|
|
margin-top: 16px!important;
|
|
}
|
|
} |