/**
 * Theme Name:     Bricks Child
 * Author:         Bricks
 * Template:       bricks 
 * Text Domain:    bricks-child
 * Description:    Visual website builder for WordPress.
 */
/* Enable text selection inside slider */


/* Responsive Queries */






@media (min-width: 2001px) and (max-width: 3500px) {
        
    .sticky-sidebar {
    width: 17.5vw;
        
} 
}
@media (min-width: 1800px) and (max-width: 2000px) {
        
    .sticky-sidebar {
    width: 19.5vw;
        
} 
}
@media (min-width: 1700px) and (max-width: 1799px) {

.sticky-sidebar {
    width: 20.9vw;
}
}

@media (min-width: 1600px) and (max-width: 1699px) {
.sticky-sidebar {
     width: 22.6vw;
} 
}

@media (min-width: 1451px) and (max-width: 1599px) {
.sticky-sidebar {
     width: 22.9vw;
}
.ocean-border::before {
    width: 431px !important;
    top: 15px !important;
    left: -498px !important;
}
.ocean-border::after {
    top: 15px;
    left: -505px;
}  
}

/* MID SCREEN */
@media (min-width: 1370px) and (max-width: 1450px) {
    #brxe-vbpdsc .bricks-nav-menu {
        gap: clamp(20px, 1vw, 50px); /* Adjust gap for this screen size range */
    }
.sticky-sidebar {
    width: 22.9vw;
}
}

@media (min-width: 991px) and (max-width: 3600px) {
    /* Vertical line for the main-box (box2) under it */
.main-box, .team-box5,.team-box7 ,.team-box9,.team-box10 ,.team-box12 ,.team-box13 ,.team-box15 ,.team-box17, .team-box21  {
  position: relative;
}
.main-box::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-25%);
        width: 0.25rem;
        height: 132px;
        background: #012d6c;
        pointer-events: none;
    }
.team-box7::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-25%);
        width: 0.25rem;
        height: 100%;
        background: #012d6c;
        pointer-events: none;
    }
.team-box15::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-25%);
        width: 0.25rem;
        height: 100%;
        background: #012d6c;
        pointer-events: none;
    }
.team-box5::after, .team-box10::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%; 
  width: 100%; 
  height: 0.3rem; 
  background: #012d6c;
  pointer-events: none;
}
.team-box5::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-25%);
        width: 0.25rem;
        height: 50px;
        background: #012d6c;
        pointer-events: none;
    } 
.team-box7::before, .team-box12::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%; 
  width: 100%; 
  height: 0.3rem; 
  background: #012d6c;
  pointer-events: none;
}
.team-box9::before,.team-box13::after, .team-box17::after{
        content: "";
        position: absolute;
        top: 50%;
        right: -16px;
        width: 16px;
        height: 0.3rem;
        background: #012d6c;
        pointer-events: none;
 }
 .team-box18::after {
        content: "";
        position: absolute;
        top: 50%;
        left: -16px;
        width: 16px;
        height: 0.3rem;
        background: #012d6c;
        pointer-events: none;
 }
.team-box9::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -18px;
        transform: translateX(-25%);
        width: 0.25rem;
        height: 423px;
        background: #012d6c;
        pointer-events: none;
    }
}
@media (max-width: 1120px) {

.accreditation-cont{
        grid-template-columns: 1fr !important ;
    }
.sticky-sidebar {
        position: relative !important;
    width:100%
    }
.mega-nav .brxe-block {
        flex-wrap: unset !important;
    }   
.logo-div {
    width: 100% !important;
}
.mobile-nav{
        width:37px;
    }   
.mega-container {
    flex-direction: column !important;
}
.mega-container .brxe-block {
    min-height: 100% !important;
}   
.hidden {
    display: none;
}
.brxw-header-02__nav-menu.brxe-nav-menu .bricks-mobile-menu-toggle {
    color: #f8732e !important;
}
.auditor-posts .bricks-layout-item .bricks-layout-inner {
    display: grid;
    grid-template-columns: 50% 50%;
}
 .sticky-sidebar{
   width:100% !important;
   margin-top:30px;
}
}
/* DESKTOP */
@media (min-width: 769px) {
    .feature-post img.image.css-filter {
        height: 100%;
        overflow: hidden;
        border-radius: 12px;
    }
 .content-sidebar-grid {
    grid-template-columns: 75% 25%; 
} 
}

/* MOBILE */
@media (max-width: 769px) {
    #brxe-qpkopc {
        height: 100% !important;
        grid-template-columns: 1fr !important;
    }
.post-content-section {
     grid-template-columns: 1fr !important;
 
}
    .list-post .image-wrapper {
        height: 100%;
    }

    .list-post .bricks-layout-item {
        display: grid !important;
    }

    .quote-box img {
        opacity: 0;
    }
.sticky-sidebar {
    position: relative !important;
    top: 0px !important;
}
.auditor-posts .bricks-layout-item .bricks-layout-inner {
    display: block;
    grid-template-columns: 100% 100%;
    border-radius:0 0 10px 10px;
}   
.auditor-posts .bricks-layout-wrapper .image {
    min-height: 175px;
    border-radius: 10px 10px 0px 0px;
}
.auditor-posts  .bricks-layout-wrapper {
    --gutter: 30px;
    grid-template-columns: repeat(1, 1fr) !important;
}
.partner-posts .bricks-layout-wrapper {
    grid-template-columns: repeat(1, 1fr) !important;
}
.partner-posts li {
    padding: 10px 10px;
}
.partner-posts .image-wrapper {
    margin-left: 0px;
}   
}