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

body {
    padding: 40px;
}

.brxe-text a {
   border-bottom: 4px solid #9D1F6E;
   color: #9D1F6E;
   padding-bottom: 4px;
}

.brxe-text h1 {
    color: #9D1F6E;
    font-family: "Mondia";
    font-size: 3.8rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.brxe-text h2, .brxe-text h3, .brxe-text h4, .brxe-text h5 {
    font-family: "Mondia";
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

.brxe-text h6 {
   background: linear-gradient(-90deg, #9E2172 75%, #E3DA39 99%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-family: "Mondia";
   font-size: 8rem;
   font-weight: 800;
   margin-top: 20px;
}

/* ---
CUSTOM HERO
-- */

#hero-custom {
   display: flex;
   flex-direction: row;
   row-gap: 100px;
}

#hero-custom h1 {
   color: rgba(255, 255, 255, 1.0);
   font-family: Mondia, sans-serif;
   font-size: 5.5rem;
   font-weight: 800;
   line-height: 1.2;
   margin: 0 0 10px 0;
}

#hero-custom p {
   color: rgba(255, 255, 255, 1.0);
   font-family: "Roboto Serif";
   font-size: 2rem;
   margin: 20px 0 0 0;
}



/* ---
BULLET MODULES
-- */

.bullet-num {
    align-items: center;
    border: 4px solid var(--bricks-color-ileocm);
    border-radius: 50%;
    background-image: linear-gradient(#e9ec21, #dbbd5f);
    color: var(--bricks-color-jgvdeq);
    display: flex;
    font-family: "Mondia";
    font-size: 3.4rem;
    font-weight: 800;
    height: 6rem !important;
    justify-content: center;
    position: absolute;
    width: 6rem !important;
    z-index: 1;
}

/* ---
PRICING MODULES
-- */

.price-name {
    filter: brightness(0.95);
}

.price-name h3 {
   filter: brightness(0.5);
}

.price-points {
   filter: brightness(1.45);
}

.price-points i {
   align-items: center;
   display: flex;
}

.price-points i:before {
   filter: brightness(0.65);
}

.price {
   filter: brightness(0.8);
}

/* ---
FOOTER
-- */

#footer-legalese a {
    border-bottom: 4px solid #E8EA1E;
    display: inline-block;
}

#footer-legalese p a {
    color: #E8EA1E;
}