/*
Theme Name: Bricks Child
Theme URI: 
Description: Child theme for Bricks with custom CSS and JS
Author: 
Author URI: 
Template: bricks
Version: 1.0.0
Text Domain: bricks-child
Domain Path: /languages
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* 
Add your custom CSS here
*/
:root {
    --color-4: #242942;
    --color-5: #07080D;
    --color-1: #F2F8F7;
    --color-2: #DDEDEB;
    --color-3: #3986AC;
    --h-font-family: 'Poppins', sans-serif;
    --h-font-weight: 600;
    --h-font-style: normal;
    --h1-font-size: 56px;
    --h1-line-height: 1.25;
    --h2-font-size: 40px;
    --h2-line-height: 1.25;
    --h3-font-size: 32px;
    --h3-line-height: 1.35;
    --h4-font-size: 20px;
    --h4-line-height: 1.55;
    --p-font-family: 'Poppins', sans-serif;
    --p-font-weight: 400;
    --p-font-style: normal;
    --p1-font-size: 18px;
    --p1-line-height: 1.55;
    --p2-font-size: 16px;
    --p2-line-height: 1.55;
    --p3-font-size: 14px;
    --p3-line-height: 1.55;
    --btn-primary-font-family: var(--p-font-family);
    --btn-primary-font-size: var(--p2-font-size);
    --btn-primary-height: 40px;
    --btn-primary-padding-left: 16px;
    --btn-primary-padding-right: 16px;
    --btn-primary-text-color: rgba(255, 255, 255, 1);
    --btn-primary-border: 1px solid var(--color-5);
    --btn-primary-brdr-width: 1px;
    --btn-primary-background: var(--color-3);
    --btn-primary-color-effect: var(--color-3);
    --btn-primary-shadow: 4px 4px 12px -4px rgba(0, 0, 0, 0);
    --btn-primary-border-radius: 0px;
    --btn-secondary-font-family: var(--p-font-family);
    --btn-secondary-font-size: var(--p2-font-size);
    --btn-secondary-height: 40px;
    --btn-secondary-padding-left: 16px;
    --btn-secondary-padding-right: 16px;
    --btn-secondary-text-color: rgba(var(--color-5), 1);
    --btn-secondary-border: 1px solid var(--color-5);
    --btn-secondary-brdr-width: 1px;
    --btn-secondary-background: var(--color-1);
    --btn-secondary-color-effect: var(--color-3);
    --btn-secondary-shadow: 4px 4px 12px -4px rgba(0, 0, 0, 0);
    --btn-secondary-border-radius: 0px;
}