/* download brochure */
.BrochureListing {
    .BrochureListingBtm {
        padding-bottom: 20px;

        .commonCard {

            .brochureBtn {
                padding: 0;

                &::after {
                    content: normal;
                }

                &:hover {
                    width: 100%;
                }

                a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: relative;
                    padding: 14px 0px;

                    &::after {
                        content: '';
                        position: absolute;
                        right: 6px;
                        top: 50%;
                        transform: translateY(-50%);
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        background-image: url(../images/common/file.png);
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-color: #FFF;
                        transition: all 0.5s;
                        background-color: #C79F64;
                        background-size: 20px;
                    }
                }
            }

            &:hover {
                .brochureBtn {
                    a {
                        padding: 14px 20px;

                        &::after {
                            background-color: #fff;
                            background-image: url(../images/common/file-black.png);
                        }
                    }
                }
            }
        }
    }

    .pagination {
        ul.page-numbers{
            background-color: transparent !important;
            border: none !important;
        }
        li {
            display: flex;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            color: #000000;
            border: 1px solid rgba(0, 0, 0, .25);
            font-weight: 700;
            transition: .2s;
        }

        .page-numbers {
            gap: 10px;

            &:hover {
                background-color: #C79F64;
            }
        }
    }
}

/* product catalogs */
.page-template-product-catalogs {
    .BrochureListing {
        .BrochureListingBtm {
            .commonCard {
                .commonCardImg {
                    background-color: #ecbf8f;
                    border-radius: 20px;
                }
            }
        }
    }
}

/* Responsive */
@media (max-width: 1600px) {
    .BrochureListing {
        .BrochureListingBtm {
            .commonCard {
                height: 350px;

                .commonCardImg {
                    height: 300px;
                }

                .brochureBtn {
                    a {
                        font-size: 15px;
                    }
                }
            }
        }
    }
}

@media (max-width: 1024px) {
    .BrochureListing {
        .BrochureListingBtm {
            .commonCard {
                height: 360px;
                position: relative;

                .commonCardImg {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: top;
                    }
                }

                .brochureBtn {
                    position: absolute;
                    bottom: 15px;
                    width: calc(100% - 20px) !important;
                    left: 50%;
                    transform: translateX(-50%);
                    background-color: #C79F64;

                    a {
                        color: #fff;
                        padding: 12px 10px;

                        &::after {
                            background-color: #fff;
                            background-image: url(../images/common/file-black.png);
                        }
                    }
                }

                &:hover {
                    .brochureBtn {
                        a {
                            padding: 12px 10px;
                        }
                    }
                }
            }
        }
    }
}