/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
h2 {font-size: 40px;}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1500px;
}
.header {z-index:9999;}
#top-bar {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}
#top-bar .flex-col {
    flex: auto;
}
.header-main .flex-row .flex-right {flex-basis: 375px;}
.header-nav .header-search-form {
    width: 100%;
    margin-top: -65px;
}
.header-nav .html.custom.html_top_right_text {
    width: 100%;
    margin-top: -75px;
}
.aws-container .aws-search-form .aws-form-btn {background-color: #86BA51;}
.header-nav .header-search-form .search-field {
    height: 45px;
    font-size: 16px;
}
.header-nav .header-search-form .submit-button {
    height: 45px;
}
.header-nav .header-vertical-menu__opener {
    width: 50px;margin-right: 15px;background-color: transparent;
}
.header-vertical-menu__icon .icon-menu:before {content: url('img/uk.png')}
.header-vertical-menu__title {
    display: none;
}
.icon-angle-down:before {
    color: #000;
}
.nav-right .header-search-form {
    width: 100%;
    margin-top: 15px;
}
.header.has-sticky .stuck .header-search-form {display: none;}
.header-main .nav.nav-left {
    margin-top: 115px;
}
.header.has-sticky .header-main .nav.nav-left {
    margin-top: 0;
}

.header-main .nav.nav-left > li > a {
    font-size: 15px;
    padding: 0 10px;
    color: #000000;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 1px solid #F0F0F0;
    box-shadow: none;
    background-color: #F8F8F8;margin-top: 1px;
}
.header-main .nav.nav-vertical.nav-left {margin-top: 0;}
.header-main .nav.nav-vertical.nav-left > li > a {
    padding: 15px 10px;
    background-color: #000000;
    color: #FFF;font-size: 14px;

}
.header-main .nav.nav-vertical.nav-left > li.active > a,
.header-main .nav.nav-vertical.nav-left > li > a:hover {background-color: #ED483E;}
.nav-vertical.nav-line>li>a:before {right: 0;width: 0;}

.woocommerce-form-coupon-toggle, .woocommerce-form-coupon-toggle a {
    color: #ED483E;
    font-weight: 700;
    font-size: 18px;
}


.pwb-single-product-brands {
    margin-bottom: 30px;
}
.price-rules-table-wrapper .price-rule-active td {
    background-color: #86BA51 !important;
}
.box .product-title {
    font-weight: 700;
    font-size: 16px;
}
.product-title a {
    color: #ED483E;
}
.product-footer .tab-panels h3 {text-align: center;color: #86BA51;font-family: Georgia,serif;font-size: 20px;}

.box-image,
.has-equal-box-heights .box-image {
    border: 1px solid #D3D3D3;text-align: center;
}
.box-image img {
    margin: 0 auto;
    height: 250px;
    width: auto;
}
.badge-container {margin: 0;}
.badge.badge-circle {
    width: 180px;
    margin: 0;
    height: 50px;
}
.badge.badge-circle .badge-inner.secondary.on-sale {
    background-image: url(img/offer-wrapper.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    line-height: 22px;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 0;
}
.widget_product_categories>ul>li.cat-item-17 {display: none;}

.woocommerce-review__published-date,
.woocommerce-review__dash {
    display: none;
}
.comment-text .description {
    background-color: #84b85126;
    padding: 10px;
}

.footer-wrapper {
    color: #FFF;
    background-color: #191919;
    padding-top: 50px;
}
.footer-wrapper a {color:#FFF;}
.footer-wrapper .ux-menu-link a:hover,
.footer-wrapper .ux-menu-link--active a {color: #F8981E;}
.footer-wrapper .section-title {
    font-family: "Nunito", sans-serif;
    color: #FFF;
}
.wc_payment_methods label {
    font-size: 20px;
    color: #87BB51;
}
.wc_payment_methods .payment_box label {
    font-size: .9em;
    color: #222;
}
.off-canvas .mobile-sidebar .sidebar-menu {
    padding: 50px 0 !important;
}
ul.mobile-nav li a {
    font-size: 0;
}

.blink_me {animation: blinker 1.5s linear infinite;}
.popmake .popmake-close {
    margin-right: -10px;
    margin-top: -10px;
}

.pum-theme-2886.pum-active {display:block !important;}
.payment_method_barclay img {
    width: 150px;
	display: none;
}
.mostpopularhome .box-image img {
    margin: 0 auto;
    height: 190px;
    width: auto;
}
.bannercustomtext {
    position: absolute;
    top: 16%;
    left: 33px;
    color: #fff !important;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.bannercustomtext.bannercustomtext2 {
   
    color: #000 !important;
   
}
.bannercustomtext.bannercustomtext3 {
    left: 33px;
    color: #fff !important;
    right: auto;
}

.bannercustomtext a {
    color: #fff !important;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #d60601;
    padding: 2px 10px;
}

.custom-review-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.review-box {
    width: calc(33.33% - 20px); /* 3 boxes per row with gap space considered */
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: border-box;
}

.review-content {
    font-size: 14px;
    line-height: 1.6;
}

.quote {
    font-size: 30px;
    color: #ccc;
}

.stars {
    color: gold;
    font-size: 18px;
}

.product-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    color: #0073aa;
    margin-top: 10px;
}

.product-link img {
    width: 50px;
    margin-right: 10px;
    border-radius: 4px;
}

.review-footer {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.reviewer-info {
    font-size: 12px;
    color: #666;
}

/* Pagination */
.review-pagination {
    margin-top: 20px;
    text-align: center;
}

.pagination-link {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 5px;
    background: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #005580; /* Border for pagination buttons */
}

.pagination-link.active {
    background: #005580;
    font-weight: bold;
}

.pagination-link:hover {
    background: #005580;
	    color: #fff;
}

.allreviewbutton {
    margin-top: 40px;
    margin-right: 0 !important;
}



@keyframes blinker {
	50% {opacity: 0;}
}

@media only screen and (max-width: 1400px) {
	.header-main .nav.nav-left > li > a {font-size: 14px;padding: 0 0px;}
}