/*
 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
*/

:root{
    --color-1 : #02050A;
    --color-2 : #808284;
    --color-3 : #FF4522;
    --color-4 : #FFFFFF80;
    --color-5: #2986FF;
}

body{
    font-family: "Urbanist",  Sans-serif;
    font-size: 16px;
    color: #02050A;
}

h1{
    font-size: 100px;
    font-weight: 700;
    letter-spacing: -5px;
    line-height: 1;
}

h2.title-default{
    font-weight: 600;
    line-height: 1.1;
}

h2.mini-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
}

h3{
    font-size: 54px;
    font-weight: 600;
    line-height: 1.3;
}

h4{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
}

/* header  */

header{
    position: absolute;
    top: 0;
    z-index: 10;
}

/* section hero  */
.section-hero{
    position: relative;
}

.section-hero::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.4;
    top: 0;
}

@media (max-width: 768px ){
    h1{
        font-size: 48px !important;
    }

    h3{
        font-size: 32px;
    }
}