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



/* --- Global classes ---*/
.hidden {
      display: none;
    }

.backdrop-filter{
    backdrop-filter: blur(11px);
}

html {
  scroll-behavior: smooth;
}

/* --- Header --- */

#brxe-tuyzvp, #brxe-vftinf {
    width: 100%;
    z-index: 1000; 
    transition: transform 0.2s ease-in-out; 
}

#brxe-tuyzvp {
    top: 0;
    transform: translateY(0); 
}

#brxe-tuyzvp.show {
    transform: translateY(0); 
}

#brxe-vftinf {
    transform: translateY(0); 
}

body.fixed-header #brxe-tuyzvp{position: fixed;}

body.fixed-header #brxe-vftinf {
    top: 45px; 
        position: fixed;
}

body.fixed-header {
    margin-top: 150px; 
}


/* --- HOME ---- */

#brxe-mcolkl .brx-submenu-toggle {
        padding-left: 10px;
        display: flex;
        justify-content: space-between;
}


.posts-filter {
display: flex;
max-width: 350px;
}

.posts-filter-select, .bricks-isotope-filters, #post-category-filter{
border-radius: 4px;
border: 0.75px solid #44484D;
padding: 0 0 0 20px !important;
    text-align: left !important;
}

.back-btn {
background: #44484D;
color: #F9F9F9;
font-family: Lato;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 10px;
min-width: 150px;
text-align: center;
 height:40px;
}

.page-id-14861#brxe-rqkmjr input {
 background-color: #FFF;
}

#carousel-home .swiper-slide div {
background-color: rgba(0, 0, 0, 0.30);
background-blend-mode: multiply;
}

/* --- Blog --- */

.categories-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#post-content-container h2 {
    font-size: 16px;
    text-transform: uppercase;
}
#post-content-container h3 {
    font-size: 18px;
}
#post-content-container p img {
    margin-left: 0;
}

#post-content-container p {
    text-align: start !important;
}
#post-content-container p em {
    font-size: 14px;
    color: #7D848B;
}

#blog-posts-grid .bricks-layout-wrapper {
    width: 99% !important;
    justify-self: center;
    row-gap: 30px;
}

#blog-posts-grid .bricks-layout-wrapper .image-wrapper {
    padding: 20px 20px 0px 20px;
}
#blog-posts-grid .content-wrapper h3 {
    height: 65px;
}
#blog-posts-grid .bricks-pagination {
    margin-top: 60px;
}

#blog-posts-grid .bricks-layout-item:first-child {
   
   box-shadow: 1px 3px 8px 1px rgb(0 0 0 / 6%)
   
}

#blog-posts-grid .bricks-layout-item:not(:first-child) {
    border: solid 1px #cbcbcb;
}


/* --- post template --- */

#related-posts-footer .related-posts .repeater-item {
    border: solid 0.75px #CBCBCB;
}

#related-posts-footer .related-posts .repeater-item figure {
    padding: 20px 20px 0 20px;
}

#related-posts-footer .related-posts .repeater-item .post-content h3 {
    height: 50px;
}

/* --- Ask a Question --- */

#gform_fields_7 input {
        height: 40px;
}

#gform_fields_7 label {
  color: #44484D;
}

#gform_submit_button_7 {
    background-color: #FADD04;
    color: #44484D;
    font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    border: none;
    display: flex;
    width: 156px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    text-align: center;
}

/* --- projects --- */

#project-gallery .content-wrapper > div {
    height: 60px;
}

#project-gallery .image-wrapper {
    align-self: center;
    padding-bottom: 20px;
}


/* ---- project gallery template - case study btn --- */

.project-details .project-details-container .project-detail-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    border-bottom: solid 1px #cbcbcb;
}
.project-details .project-details-container .project-detail-item p {
    margin-bottom: 0;
}
.case-study-btn {
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    background-color: #44484d;
    border-style: none;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    text-transform: capitalize;
    min-height: 45px;
}

/* ---- FAQ ---- */
#faq-accordion > li {
    border: solid 1px #cbcbcb;
    margin-bottom: 7.5px;
}


/* --- Industry Sectors --- */

#industry-sectors-tabs > .tab-menu .tab-title.brx-open {
    box-shadow: 0px 4px 16.1px 0px rgba(0, 0, 0, 0.08);
}

/* --- Awards --- */

#awards-timeline {
    overflow-x: scroll;
}

/* --- Cooperative Purchasing  ---- */

#brxe-khzagu ul, #brxe-ggetpr ul {
    margin-block-end: 0;
    margin-block-start: 0;
}

/* --- Modular construction management ---- */

#brxe-uyjlwt ul {
        padding-inline-start: 20px;
}


/* ---- MEDIA QUERIES ---- */

.search .brxe-text.header_txt{width: 100%; }
.search .brxe-text.header_txt .page-title{}
.search .brxe-text.header_txt header{}



@media (min-width: 991px) {
    #brxe-wcpzbo .brx-dropdown-content {
    backdrop-filter: blur(4px);
}
}

@media(min-width: 992px) and (max-width: 1100px){
    #brxe-wcpzbo .brx-nav-nested-items > li > .brx-submenu-toggle > *, #brxe-wcpzbo .brx-nav-nested-items > li > a{font-size: 12px !important;}   
}
@media (min-width: 992px) and (max-width: 1200px) {
    #header-cta{
        display: none;
    }
}

@media (max-width: 767px){
    .brxe-ulevjw .brxe-ygcyfh.brxe-block::before, .brxe-pxrlqg .brxe-ohqtkb.brxe-block::before, .brxe-olxlwk .brxe-gvvojs.brxe-block::before, .brxe-wcvzpu .brxe-fsxftp.brxe-block::before {
        border-radius: 4px;
    }
    :is(.page-id-14855,  .page-id-14859, .page-id-14857, .page-id-14861) .gform_footer.top_label {
    justify-content: center !important;
    }

}