/*
 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{
    /* TEXT SIZE SCALE
     * https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=320&minRatio=1.125&maxFontSize=22&maxWidth=1440&maxRatio=1.2&steps=xxxs%2C+xxs%2C+xs%2Cs%2Cm%2Cl%2Cxl&baseStep=m&prefix=text&useContainerWidth=true&includeFallbacks=false&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1440
     * https://www.youtube.com/watch?v=tA2C-J7arNA
     */
    --text-xxxs: clamp(0.62rem, 0.06vi + 0.61rem, 0.66rem);
    --text-xxs: clamp(0.7rem, 0.13vi + 0.68rem, 0.8rem);
    --text-xs: clamp(0.79rem, 0.24vi + 0.74rem, 0.95rem);
    --text-s: clamp(0.89rem, 0.37vi + 0.82rem, 1.15rem);
    --text-m: clamp(1rem, 0.54vi + 0.89rem, 1.38rem);
    --text-l: clamp(1.13rem, 0.75vi + 0.98rem, 1.65rem);
    --text-xl: clamp(1.27rem, 1.02vi + 1.06rem, 1.98rem);
    /* HEADIN SIZE SCALE
     * https://www.fluid-type-scale.com/calculate?minFontSize=20&minWidth=320&minRatio=1.25&maxFontSize=22&maxWidth=1440&maxRatio=1.333&steps=6%2C5%2C4%2C3%2C2%2C1%2Ctitle&baseStep=4&prefix=h&useContainerWidth=undefined&includeFallbacks=undefined&useRems=true&remValue=16&decimals=2&previewFont=Inter&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=1440
     * https://www.youtube.com/watch?v=tA2C-J7arNA
     */
    --h6: clamp(0.8rem, -0.04vi + 0.81rem, 0.77rem);
    --h5: clamp(1rem, 0.05vi + 0.99rem, 1.03rem);
    --h4: clamp(1.25rem, 0.18vi + 1.21rem, 1.38rem);
    --h3: clamp(1.56rem, 0.39vi + 1.49rem, 1.83rem);
    --h2: clamp(1.95rem, 0.7vi + 1.81rem, 2.44rem);
    --h1: clamp(2.44rem, 1.16vi + 2.21rem, 3.26rem);
    --h-title: clamp(3.05rem, 1.84vi + 2.68rem, 4.34rem);
}

/* ART Table of Contents */
/* #arttoc .ez-toc-title-container .ez-toc-title {
    color: rgb(171, 170, 177) !important;
    font-size: var(--text-xs) !important;
    font-weight:bold !important;
} */
.arttoc ul {
    list-style-type: none;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
.arttoc ul li {
    background-color: transparent !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.arttoc ul li.active {
    background-color: #ec741b !important;
}
.arttoc ul li a {
    color: rgb(171, 170, 177) !important;
    font-size: var(--text-xxs) !important;
    display: block !important;
    line-height: var(--text-s) !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.arttoc ul li a:hover {
    color: #ec741b !important;
}
.arttoc ul li.active a {
    color: #ffffff !important;
}
* {
    scroll-behavior: smooth !important;
    scroll-padding-top: 130px !important; /* this pixel should match fixed header height */
}
.wp-block-list.condensed li {
    margin-top: 5px !important;
}
.generated-text h2 {
    color:#ec741b !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    font-size: var(--h2) !important;
}

.generated-text h3 {
    color:#ec741b !important;
    margin-top: 20px !important;
    font-weight: 700 !important;
    font-size: var(--h3) !important;
}
.heading-h1 p {
    font-size: var(--h1);
}
.heading-h2 p {
    font-size: var(--h2);
}
.heading-h3 p {
    font-size: var(--h3);
}
.heading-h4 p {
    font-size: var(--h4);
}
.heading-h5 p {
    font-size: var(--h5);
}
.heading-h6 p {
    font-size: var(--h6);
}

.website-card-parameter-wrapper,
.seeSpeed {
    display: none !important;
}