/* Styling for Custom Attributes in the Product Catalog */

 #wrapper, #main {
    background-color: #EEF8FF !important;
}   

/* Design Pagination */
.nav-pagination>li>a, .nav-pagination>li>span {
    border: 1px solid !important;
    border-radius: 12px !important;
    font-weight: normal !important;
    line-height: 2.1em !important;
    transition: all .4s !important;
    border-color: var(--fs-color-primary) !important;
    color: var(--fs-color-primary);
}
.nav-pagination>li>a:active, .nav-pagination>li>span:active,
.nav-pagination>li.active>a, .nav-pagination>li.active>span,
.nav-pagination>li.current>a, .nav-pagination>li.current>span,
.nav-pagination>li.selected>a, .nav-pagination>li.selected>span,
.nav-pagination>li>a:focus, .nav-pagination>li>span:focus {
    color: #ffffff !important;
}


/* #### */

.col.large-3.hide-for-medium {
    background: linear-gradient(to bottom right, #50A8FF, #B2DDFF, #0A69B7);
    border-radius: 6px 18px 36px 9px;
	  padding-top: 17px;
		margin-bottom: 34px;
    position: relative;
    overflow: hidden;
}

.col.large-3.hide-for-medium:hover::before {
    transform: scale(1.05);
}

.col.large-3.hide-for-medium::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.8s ease-in-out;
    transform-origin: top right;

    background: radial-gradient(
            circle at top right,
            rgba(255, 255, 255, 0) 0,
            rgba(255, 255, 255, 0.15) 15%,
            rgba(255, 255, 255, 0) 15%,
            rgba(255, 255, 255, 0.15) 25%,
            rgba(255, 255, 255, 0) 25%,
            rgba(255, 255, 255, 0.15) 35%,
            rgba(255, 255, 255, 0) 35%,
            rgba(255, 255, 255, 0.15) 45%,
            rgba(255, 255, 255, 0) 45%,
            rgba(255, 255, 255, 0.15) 55%,
            rgba(255, 255, 255, 0) 55%
        ),
        radial-gradient(
            circle at top right,
            rgba(255, 255, 255, 0) 55%,
            rgba(255, 255, 255, 0.15) 65%,
            rgba(255, 255, 255, 0) 65%,
            rgba(255, 255, 255, 0.15) 75%,
            rgba(255, 255, 255, 0) 75%,
            rgba(255, 255, 255, 0.15) 85%,
            rgba(255, 255, 255, 0) 85%,
            rgba(255, 255, 255, 0.15) 95%,
            rgba(255, 255, 255, 0) 95%,
            rgba(255, 255, 255, 0.15) 100%,
            rgba(255, 255, 255, 0) 100%
        );
}

div#shop-sidebar .widget {
    /* border: 1px solid; */
    padding: 5px;
    border-radius: 5px;
    border-color: #14282669;
    background-color: #ffffffbb;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    background-color: var(--fs-color-primary);
}

/* Vendor on Catalogue*/
.vendor-info-wrapper {
    font-size: .9em;
}

/* FAQ Section */
/* No Left & Right Padding of FAQ on Shop Catalogue */
.faq-main .col {
    padding: 10px 0px;
}
.ux-block-container .col, .columns {
    padding: 0px !important;
}
/* Fix Padding of FAQ on Shop Catalogue */
.ux-block-container .col-inner {
    background-color: white;
    padding: 20px 20px 0px 20px;
    border-radius: 8px;
    margin: 10px 0px 40px 0px;
}