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

.brx-body{
    min-height: 100%;
}

#brx-header.sticky{
    z-index:1001 !important;
}

body.bricks-is-frontend :focus-visible {
    outline: none !important;
}

#brx-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.brxe-download-list{
    --line-offset: calc(var(--gap) / 2);
    overflow: hidden;
}

.brxe-download-list .file{
    position: relative;
}

.brxe-download-list .file-name{
    margin-top:2rem;
}

.brxe-download-list .img-wrapper{
    overflow: hidden;
}
  
.brxe-download-list .file::after {
    content: '';
    position: absolute;
    background-color: var(--line-color);
    z-index: 1;
    inline-size: 100vw;
    block-size: var(--line-thickness);
    inset-inline-start: 0;
    inset-block-start: calc(var(--line-offset) * -1);
}

.brxe-download-list img{
    transition: scale 0.4s;
}

.brxe-download-list .file:hover img{
    scale:1.05
}

.brxe-download-list .std-button svg{
    display: inline;
    height: 1.1em;
    width: auto;
    vertical-align: middle;
    margin-left: 1.5rem;
}

.brxe-timeline{
    --left-width: 12rem;
}

.brxe-timeline .tl-item{
    display:grid;
    grid-template-columns: var(--left-width) 1fr;  
}

.brxe-timeline a{
    text-decoration:underline
}

.brxe-timeline .tl-date-wrapper{
    position:sticky;
    top:var(--left-width);
    transform: translateY(-1.2rem)
}

.brxe-timeline .tl-date-wrapper:after {
    content: '';
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: calc(var(--left-width) / 2.5);
    border-top: 2px solid #000;
}

.brxe-timeline .tl-column-right{
    border-left: 2px solid #000;
    padding-bottom: calc(var(--left-width) / 2);
    padding-left: calc(var(--left-width) / 2);
}
.brxe-timeline .tl-column-right p{
    transform: translateY(-0.8rem)
}
  

.border-icon{
    width: 100%;
    display: grid;
    grid-template-columns: auto 3rem auto;
    align-items: center;

    color: var(--blue);
}

.border-icon .part{ 
    height: 1px;
    background:currentColor;
}


.border-icon svg{
    height: 1.1em;
}

.product-list a:hover .border-icon{
    color: var(--dark-pink);
}

.tech-spec table{
    border-spacing: 0;
    border-collapse: collapse;
}

.tech-spec table td, .tech-spec table th{
    border: 1px solid #e0dcdb;
    padding:0.5rem 0.9rem;

}

.tech-spec table tr:hover td{
    background:#f1eded;
}