/*
Theme Name: Tristel Child
Theme URI: https://github.com/Tristel-WordPress/Tristel
Author: Tristel
Author URI: https://tristel.com
Text Domain:  tristel child
Template: tristel-master
Tested up to: 8.3.17
Requires PHP: 8.2
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/
/*@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");*/

/* poppins-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../tristel-master/dist/fonts/poppins-v23-latin-regular.woff2') format('woff2');
}

/* poppins-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../tristel-master/dist/fonts/poppins-v23-latin-500.woff2') format('woff2');
}

/* poppins-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../tristel-master/dist/fonts/poppins-v23-latin-700.woff2') format('woff2');
}


:root {
    --c-black: #111111;
    --c-white: #ffffff;
    --c-off-black: #333333;
    --c-blue-light: #009BD9;
    --c-blue: #385CAD;
    --c-blue-dark: #1C355E;
    --c-grey: #DBDBE2;
    --c-off-white: #e3e3e3;
    --c-pink: #af0061;
    --c-pink-dark: #6f1d46;
    --c-alt-teal: #0bb09f;
    --c-teal: #068478;
    --c-teal-dark: #045E54;
    --c-3T-teal: #00856F;

    --c-purple: #42276c;
    --c-dark-purple: #050E27;
    --c-esg-grey: #C5D2DE;
    --c-silver: #D2CFCB;
    --c-error: #d30000;
    --c-error-active: #9d0000;
    --c-warning: #d7ba49;
    --c-success: #269447;

    --theme: var(--c-teal);

    --box-shadow-1: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    --box-shadow-2: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    --box-shadow-3: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    --box-shadow-4: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    --box-shadow-5: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    --border-radius: 2rem;
    --border-radius-half: 1.5rem;
    --border-radius-full: 3rem;
    --link-transition: all 0.3s ease-in-out;
    --global-transition: all 0.6s ease-in-out;
    --slow-transition: all 0.9s ease-in-out;
    --background-blur: 1.5rem;
    --universal-space: 1.5rem;
    --blur-radius: 10px;

    --font-main: "Poppins", sans-serif;
    --font-headline: "Poppins", sans-serif;
    --font-base-size: 1.6rem;
    --font-base-line-height: 1.6;
    --font-headline-line-height: 1.3;
    --font-base-font-weight: 400;
    --font-sub-font-weight: 700;
    --font-headline-font-weight: 500;

    --button-background-top: var(--c-dark-purple);
    --button-background-bottom: var(--c-purple);

    --button-secondary-background-top: var(--c-teal-dark);
    --button-secondary-background-bottom: var(--c-teal);

    --button-default-background-top: var(--c-dark-purple);
    --button-default-background-bottom: var(--c-purple);

    --button-text-colour: var(--c-white);
    --button-text-colour-hover: var(--c-white);

    --footer-background-top: var(--c-purple);
    --footer-background-bottom: var(--c-dark-purple);

    --card-background-top: var(--c-dark-purple);
    --card-background-bottom: var(--c-purple);

    --background-blur-background: rgba(244, 244, 244, 0.8);

    --bullet-background: var(--c-purple);

    --input-border: var(--c-off-black);

    --sub-heading-colour: var(--c-teal);

}