/*------------------------------------------ Defining variables */

:root                                                                       { 
                                                                              --font-family: "Inter", sans-serif;
                                                                              --white: white;
                                                                              --light: #F5F5F5;
                                                                              --dark: #000000;
                                                                              --red: #DE865C;
                                                                              --yellow: #FFCA64;
                                                                              --blue: #4586BF;
                                                                              --lemon: #F6E0A9;
                                                                              --gray: #444444;
                                                                            }

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

.light,
footer .link-columns .column .item .link
                                                            { font-variation-settings: 'wght' 300, 'slnt' 0; }
.light.italic
                                                            { font-variation-settings: 'wght' 350, 'slnt' -10; }
.regular,
body
                                                            { font-family: var(--font-family); font-variation-settings: 'wght' 400, 'slnt' 1; } /* Slant (1 - 10) Weight (400 - 700) */
.italic
                                                            { font-variation-settings: 'wght' 500, 'slnt' -10; }
.medium
                                                            { font-variation-settings: 'wght' 600, 'slnt' 0; }
.medium.italic
                                                            { font-variation-settings: 'wght' 600, 'slnt' -10; }
.bold,
.editor-content h4,
.editor-content h5,
.editor-content h6,
.editor-content b,
.editor-content strong
                                                            { font-variation-settings: 'wght' 700, 'slnt' 0; }
.title-style,
.editor-content h1,
.editor-content h2,
.editor-content h3
                                                            { font-family: "Bree Bold", sans-serif; font-weight: normal; }
.bold.italic
                                                            { font-variation-settings: 'wght' 700, 'slnt' -10; }




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

.white-c
                                                            { color: var(--white); }
.light-c,
.newsletter .card-wrapper .form .send
                                                            { color: var(--light); }
.dark-c,
body
                                                            { color: var(--dark); }
.red-c
                                                            { color: var(--red); }
.pink-c
                                                            { color: var(--pink); }
.gray-c
                                                            { color: var(--gray); }
.yellow-c
                                                            { color: var(--yellow); }
.lime-c
                                                            { color: var(--lemon); }
.blue-c
                                                            { color: var(--blue); }


.white-bg
                                                            { background-color: var(--white); }
.light-bg,
.newsletter .card-wrapper .form .email-field
                                                            { background-color: var(--light); }
.dark-bg,
.location .address-wrapper .item .link:before,
.newsletter .card-wrapper .form .send
                                                            { background-color: var(--dark); }
.red-bg
                                                            { background-color: var(--red); }
.pink-bg
                                                            { background-color: var(--pink); }
.gray-bg
                                                            { background-color: var(--gray); }
.yellow-bg
                                                            { background-color: var(--yellow); }
.lime-bg
                                                            { background-color: var(--lemon); }
.blue-bg
                                                            { background-color: var(--blue); }


.white-f
                                                            { fill: var(--white); }
.light-f
                                                            { fill: var(--light); }
.dark-f
                                                            { fill: var(--dark); }
.red-f
                                                            { fill: var(--red); }
.pink-f
                                                            { fill: var(--pink); }
.gray-f
                                                            { fill: var(--gray); }
.yellow-f
                                                            { fill: var(--yellow); }
.lime-f
                                                            { fill: var(--lemon); }
.blue-f
                                                            { fill: var(--blue); }


.white-bc
                                                            { border-color: var(--white); }
.light-bc
                                                            { border-color: var(--light); }
.dark-bc
                                                            { border-color: var(--dark); }
.red-bc
                                                            { border-color: var(--red); }
.pink-bc
                                                            { border-color: var(--pink); }
.gray-bc
                                                            { border-color: var(--gray); }
.yellow-bc
                                                            { border-color: var(--yellow); }
.blue-bc
                                                            { border-color: var(--blue); }