:root {
--accent: #C7A03C;
--gradient: linear-gradient(97.74deg, #CDA849 0%, #E9C25E 50.66%, #C0A04D 99.25%);
--container: 1420px;
--text: #000;
--regular-text: clamp(16px, 5vw, 18px);
--lineheight: 1.4;
--userfont: Onest, sans-serif;
--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}
@font-face {
src: url(//shopihlas.ru/wp-content/themes/cleantemplate/fonts/Onest-Light.woff2) format("woff2");
font-family: "Onest";
font-weight: 300;
font-style: normal;
}
@font-face {
src: url(//shopihlas.ru/wp-content/themes/cleantemplate/fonts/Onest-Regular.woff2) format("woff2");
font-family: "Onest";
font-weight: 400;
font-style: normal;
}
@font-face {
src: url(//shopihlas.ru/wp-content/themes/cleantemplate/fonts/Onest-Medium.woff2) format("woff2");
font-family: "Onest";
font-weight: 500;
font-style: normal;
}
@font-face {
src: url(//shopihlas.ru/wp-content/themes/cleantemplate/fonts/Onest-Bold.woff2) format("woff2");
font-family: "Onest";
font-weight: 700;
font-style: normal;
}
@font-face {
src: url(//shopihlas.ru/wp-content/themes/cleantemplate/fonts/Onest-ExtraBold.woff2) format("woff2");
font-family: "Onest";
font-weight: 800;
font-style: normal;
}
@font-face {
src: url(//shopihlas.ru/wp-content/themes/cleantemplate/fonts/Onest-Black.woff2) format("woff2");
font-family: "Onest";
font-weight: 900;
font-style: normal;
} ::placeholder {
color: #aaaaaa;
}
::selection {
background-color: var(--accent);
color: #fff;
}
input,
textarea {
outline: none;
}
input:focus:required:invalid,
textarea:focus:required:invalid {
border-color: red;
}
input:required:valid,
textarea:required:valid {
border-color: green;
}
body {
font-family: var(--userfont);
font-size: var(--regular-text);
line-height: var(--lineheight);
color: var(--text);
min-width: 320px;
position: relative;
overflow-x: hidden;
} .image {
max-width: 100%;
margin-bottom: var(--bs-gutter-x);
border-radius: 4px;
}
.accent {
color: var(--accent);
font-weight: bold;
}
.container {
width: var(--container);
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}