/*------------------------------------------ Fonts */

.thin
                                                            { font-family: "Human Sans Thin", sans-serif; }
.thin.italic
                                                            { font-family: "Human Sans Thin Italic", sans-serif; }
.extra-light
                                                            { font-family: "Human Sans Extra Light", sans-serif; }
.extra-light.italic
                                                            { font-family: "Human Sans Extra Light Italic", sans-serif; }
.light,
.work-form-wrapper textarea,
.work-form-wrapper input
                                                            { font-family: "Human Sans Light", sans-serif; }
.light.italic
                                                            { font-family: "Human Sans Light Italic", sans-serif; }
.regular,
body
                                                            { font-family: "Human Sans Regular", sans-serif; font-weight: normal; }
.italic
                                                            { font-family: "Human Sans Regular Italic", sans-serif; font-weight: normal; }
.medium,
.work-form-wrapper input[type="submit"],
.work-form-wrapper .repeater-wrapper .wpcf7-repeater-actions .wpcf7-repeater-add,
.work-form-wrapper .repeater-wrapper .wpcf7-repeater-actions .wpcf7-repeater-remove
                                                            { font-family: "Human Sans Medium", sans-serif; }
.medium.italic
                                                            { font-family: "Human Sans Medium Italic", sans-serif; }
.bold,
b
                                                            { font-family: "Human Sans Bold", sans-serif; }
.bold.italic
                                                            { font-family: "Human Sans Bold Italic", sans-serif; }
.black
                                                            { font-family: "Human Sans Black", sans-serif; }
.black.italic
                                                            { font-family: "Human Sans Black Italic", sans-serif; }
.nocturno
                                                            { font-family: "Nocturno Regular", serif; }
.nocturno-medium
                                                            { font-family: "Nocturno Medium", serif; }
.mono
                                                            { font-family: "SpaceMono Regular", sans-serif; }




/*------------------------------------------ Colors */

.base-c,
.blog-wrapper .pagination .links a,
.work-form-wrapper input[type="submit"],
.work-form-wrapper .repeater-wrapper .wpcf7-repeater-actions .wpcf7-repeater-add,
.work-form-wrapper .repeater-wrapper .wpcf7-repeater-actions .wpcf7-repeater-remove,
.wpcf7 form .wpcf7-response-output,
.press-page .press-login form input[type="submit"]
                                                            { color: rgb(var(--color-value-1)); }
.base-init-c
                                                            { color: #DCD7CB; }
.base-end-c
                                                            { color: #d85850; }
.content-c,
body,
.rc-mf .rc-mf-mobile .item a,
.rc-mf .rc-mf-laptop .item a,
.work-form-wrapper textarea,
.work-form-wrapper input,
::placeholder
                                                            { color: rgb(var(--color-value-2)); }
.content-init-c
                                                            { color: #37363A; }
.content-end-c
                                                            { color: #19182d; }
.highlight-c,
.editor-content a,
.wpcf7-not-valid-tip
                                                            { color: rgb(var(--color-value-3)); }
.highlight-init-c
                                                            { color: #D85850; }
.highlight-end-c
                                                            { color: #61564f; }

.base-bg,
.time-menu .controls .range input::-webkit-slider-runnable-track
                                                            { background-color: rgb(var(--color-value-1)); }
.content-bg,
.blog-wrapper .pagination .links a,
.work-form-wrapper .repeater-wrapper .wpcf7-repeater-actions .wpcf7-repeater-add,
.press-page .press-login form input[type="submit"]
                                                            { background-color: rgb(var(--color-value-2)); }
.highlight-bg,
.time-menu .controls .range input::-webkit-slider-thumb,
.work-form-wrapper input[type="submit"],
.work-form-wrapper .repeater-wrapper .wpcf7-repeater-actions .wpcf7-repeater-remove,
.wpcf7 form .wpcf7-response-output
                                                            { background-color: rgb(var(--color-value-3)); }

.base-f
                                                            { fill: rgb(var(--color-value-1)); }
.content-f
                                                            { fill: rgb(var(--color-value-2)); }
.highlight-f
                                                            { fill: rgb(var(--color-value-3)); }

.base-s path
                                                            { stroke: rgb(var(--color-value-1)) !important; vector-effect: non-scaling-stroke; stroke-width: 1px !important; }
.content-s path
                                                            { stroke: rgb(var(--color-value-2)) !important; vector-effect: non-scaling-stroke; stroke-width: 1px !important; }
.highlight-s path,
.line-animation path
                                                            { stroke: rgb(var(--color-value-3)) !important; vector-effect: non-scaling-stroke; stroke-width: 1px !important; }

.base-bc,
.time-menu .controls .range input::-webkit-slider-thumb
                                                            { border-color: rgb(var(--color-value-1)); }
.content-bc,
.work-form-wrapper textarea,
.work-form-wrapper input
                                                            { border-color: rgb(var(--color-value-2)); }
.highlight-bc,
.work-form-wrapper input[type="submit"]
                                                            { border-color: rgb(var(--color-value-3)); }


/* Custom Gradients */

.time-menu .content > .background                           { background: linear-gradient(0deg, rgba(var(--color-value-2),0.9) 0%, rgba(var(--color-value-2),0.8) 50%, rgba(var(--color-value-2),0) 100%); }