/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* FONTS */
        @font-face {
            font-family: 'PP Neue Machina';
            src: url('https://longchamps.ca/wp-content/themes/bricks-child/fonts/PPNeueMachina-Regular.otf') format('opentype');
            font-weight: 400;
            font-style: normal;
        }

        @font-face {
            font-family: 'PP Neue Machina';
            src: url('https://longchamps.ca/wp-content/themes/bricks-child/fonts/PPNeueMachina-Light.otf') format('opentype');
            font-weight: 300;
            font-style: normal;
        }

        @font-face {
            font-family: 'PP Neue Machina';
            src: url('https://longchamps.ca/wp-content/themes/bricks-child/fonts/PPNeueMachina-Ultrabold.otf') format('opentype');
            font-weight: 800;
            font-style: normal;
        }

        @font-face {
            font-family: 'PP Talisman';
            src: url('https://longchamps.ca/wp-content/themes/bricks-child/fonts/PPTalisman-Compact-Regular-BF660e204089dff.otf') format('opentype');
            font-weight: 400;
            font-style: normal;
        }

        @font-face {
            font-family: 'PP Talisman';
            src: url('https://longchamps.ca/wp-content/themes/bricks-child/fonts/PPTalisman-Bold-BF660e20406de4e.otf') format('opentype');
            font-weight: 700;
            font-style: normal;
        }

        /* VARIABLES */
        :root {
            --dark-green-hero: #173F35;
            --dark-green-section: #183029;
            --sage-green: #DEE7CD;
            --accent-orange: #DC4405;
            --text-light: #DEE7CD;
            --text-dark: #173F35;
            --input-bg: #B8C4A9;
            --card-brown: #A7996D;
            --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* RESET & BASE */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        ::selection {
            background-color: var(--accent-orange);
            color: var(--text-light);
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'PP Neue Machina', sans-serif;
            background-color: var(--sage-green);
            color: var(--text-dark);
            line-height: 1.5;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        a {
            transition: var(--transition);
            color: inherit;
            text-decoration: none;
        }

        a:hover,
        a:active,
        a.active {
            color: var(--accent-orange);
        }

        /* GLOBAL TYPOGRAPHY */
        h1 {
            font-family: 'PP Talisman';
            font-weight: 700;
            font-size: 44px;
            line-height: 1.1;
            color: var(--text-light);
        }

        h2 {
            font-family: 'PP Talisman';
            font-weight: 700;
            font-size: 32px;
            line-height: 1.1;
            color: var(--text-dark);
            margin-bottom: 20px;
        }

        p {
            font-family: 'PP Neue Machina';
            font-weight: 400;
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 25px;
        }

        @media screen and (min-width: 1024px) {
            h1 {
                font-size: 85px;
            }

            h2 {
                font-size: 48px;
            }

            p {
                font-size: 18px;
                line-height: 26px;
            }
        }