/* ==========================================
   Brochure Listing
========================================== */

.stratign-brochures{
    width:100%;
}

.brochure-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:50px 40px;
    align-items:start;
}

.brochure-card{
    position:relative;
    cursor:pointer;
    transition:all .3s ease;
}

.brochure-image{
    overflow:hidden;
    border-radius:4px;
}

.brochure-image img{
    display:block;
    width:100%;
    height:auto;
    transition:transform .3s ease;
}

/* Hide title for now */
.brochure-title{

    margin-top:15px;

    font-size:18px;

    font-weight:600;

    color:#1E2D5A;

    text-align:center;

    line-height:1.4;

    min-height:50px;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding:0 10px;

}

/* Hide tick until selected */
.brochure-check{

    position:absolute;

    top:-12px;

    left:-12px;

    width:34px;

    height:34px;

    border-radius:50%;

    background:#1EBE63;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:18px;

    font-weight:700;

    opacity:0;

    transform:scale(.6);

    transition:.25s ease;

    z-index:5;

}

/* Hover */

.brochure-card:hover{

    transform:translateY(-6px);

}

.brochure-card:hover img{

    transform:scale(1.02);

}

/* Selected */

.brochure-card.selected{

    transform:translateY(-6px);

}

.brochure-card.selected .brochure-image{

    border:3px solid #4E63C5;

}

.brochure-card.selected .brochure-check{

    opacity:1;

    transform:scale(1);

}

/* Tablet */

@media(max-width:991px){

    .brochure-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

/* Mobile */

@media(max-width:767px){

    .brochure-grid{

        grid-template-columns:1fr;

    }

}
/* ==========================================
   Sticky Action Bar
========================================== */

.brochure-action-bar{

    display:none;

    margin-top:60px;

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:12px;

    padding:25px 30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    transition:.3s ease;

}

.brochure-action-bar{

    display:none;

}

.brochure-action-bar.active{

    display:flex;

}

.brochure-selection-info{

    font-size:18px;

    font-weight:600;

    color:#1d2d5a;

}

.brochure-download-btn{

    background:#4E63C5;

    color:#fff;

    border:none;

    padding:14px 28px;

    border-radius:5px;

    cursor:pointer;

    transition:.25s;

}

.brochure-download-btn:hover{

    background:#394ca5;

}
/* Hide the original Popup Anything button */
.wpb_raw_code .paoc-popup-click.paoc-popup-cust-17699 {
    display: none !important;
}

/* Always show our custom button */
.brochure-action-bar .brochure-download-btn.paoc-popup-click.paoc-popup-cust-17699 {
    display: inline-flex !important;
}