.login-logout-button {display:inline-block;padding:6px 20px;background-color:#3a8935;color:#fff;max-height:44px;font-size:18px;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease-in-out;}
.custom-login-logout a, .create-account a {
display: inline-flex; align-items: center; justify-content: center; padding: 2px 10px; background-color: #3a8935;
color: #ffffff !important;
max-height: 42px;
font-size: 18px;
text-decoration: none;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.login-logout-button a {
display: inline-flex; align-items: center; justify-content: center; padding: 2px 10px; background-color: #3a8935;
color: #fff !important;
max-height: 42px;
font-size: 18px;
text-decoration: none;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}
.login-logout-button:hover {background-color:#333333;}
select {background-color: #fff;color: #555555;border: 2px solid #fff;border-radius:0px;padding: 0px 12px;}
.woocommerce-MyAccount-navigation {display:none;}
.bottom-container {position: relative;height: 200px;border: 0px solid #ccc;}
.bottom-container img {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.logout-button {display:flex;align-items:center;justify-content:flex-start;background-color:black;color:black;border:none;padding:10px 20px;font-size:20px;line-height:1.5;cursor:pointer;border-radius:20px;}
.logout-button i {margin-right:10px;margin-top:2px;}
.bricks-products-widgets {font-size:1.8rem;}
.orderby {border:1px solid #000;}
.products li {
max-height: 600px;
border: 0px solid #ccc; box-shadow: 0 2px 5px rgba(0,0,0,0.3);
padding: 10px;
box-sizing: border-box;
display: flex; flex-direction: column; }
.products li img {
width: 100%;
height: auto;
padding: 10px 0;
display: block;
}
.products li h5 {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
color: black;
height: auto;
padding: 0.5rem 1rem;
font-size: 1.85rem;
border-bottom: 1px solid #555555;
margin-bottom: 2rem; } .products li .woocommerce-Price-amount {
font-size: 24px;
font-weight: 800;
color:#000000;
margin: 0 0 10px 0;
line-height: 1; float:right;
}
.products li .add_to_cart_button {
background-color: #3a8935;
color: #ffffff;
padding: 10px 20px; border: none;
margin: 0 0 10px 0;
line-height: 1; white-space: nowrap; max-height: none; float:right;
}
@media (max-width: 768px) {
.products .product-info {
flex-direction: column;
align-items: flex-start;
}
}    .add_to_cart_button {background-color:#0000fe;color:#fff;font-size:1.8rem;}
.divider {margin: 10px 0;border-top: 1px solid #eee;}
.custom-text-field label, .custom-image-upload label {color:#000;font-size:1.8rem;font-weight:600;}
.custom-text-field{margin-top:0.5rem;} form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea,
form select {
border: 1px solid #aaa; border-radius: 4px; padding: 10px; font-size: 16px; color: #000000; background-color: #fff; } form input[type="text"]:hover,
form input[type="email"]:hover,
form input[type="password"]:hover,
form textarea:hover,
form select:hover {
border-color: #aaa; color: 000000;
} form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="password"]:focus,
form textarea:focus,
form select:focus {
border-color: #aaa; outline: none; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); color: #000000;
} form select {
border: 2px solid #555; border-radius: 4px; padding: 8px; font-size: 16px; color: #333; background-color: #fff; border-color: #555; color: #000000;
appearance: none; } form select:hover {
border-color: #555; color: #000000;
} form select:focus {
border-color: #555; outline: none; box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); color: #000000;
} .dashboard-featured ul.products {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0;
} .dashboard-featured ul.products li.product {
flex: 1 1 calc(25% - 15px); min-width: 250px; margin-bottom: 20px;
margin-right: 15px; background-color: #fff;
border: 1px solid #e1e1e1;
border-radius: 8px;
overflow: hidden;
transition: transform 0.3s ease;
text-align: center;
} @media (max-width: 1200px) {
.dashboard-featured ul.products li.product {
flex: 1 1 calc(33.33% - 15px); }
}
@media (max-width: 768px) {
.dashboard-featured ul.products li.product {
flex: 1 1 calc(50% - 10px); }
}
@media (max-width: 480px) {
.dashboard-featured ul.products li.product {
flex: 1 1 100%; }
} .dashboard-featured .woocommerce-loop-product__title {
font-size: 20px; margin: 8px 0; font-weight: 700; color: #000000; } .dashboard-featured .price {
font-size: 22px; color: #000000; margin-right: 15px;
margin-bottom: 15px; text-align: center; font-weight: bold; } .dashboard-featured ul.products li.product .add_to_cart_button {
background-color: #28a745; color: #ffffff; padding: 10px 20px; border-radius: 5px; display: inline-block; text-align: center; margin: 0 auto; font-weight: bold; transition: background-color 0.3s ease; } .dashboard-featured ul.products li.product .add_to_cart_button:hover {
background-color: #218838; }
.dashboard-featured h2 {margin-bottom: 20px;}
.badge {
display: inline-block;
padding: 10px 15px;
background-color: #ff5733!important; color: white; font-size: 14px; font-weight: bold; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); text-transform: uppercase; letter-spacing: 1px; transition: transform 0.2s ease; }
.badge:hover {
transform: scale(1.1); }
.onsale {background-color:green!important;color:white!important;padding:5px 20px!important;}
.badge:visited {
background-color: #ff5733!important;
}
.badge:visited:hover {
background-color: #c0392b;
}
.wc-block-components-checkout-place-order-button {background-color: navy;color:white;padding:12px 30px;}
.woocommerce-form-coupon-toggle .woocommerce-info {margin-top:30px;border:1px solid navy;background-color:blue;color:white;font-size:20px;} .woocommerce-billing-fields input[type="text"], .woocommerce-billing-fields input[type="email"], .woocommerce-billing-fields input[type="tel"], .woocommerce-billing-fields textarea, .woocommerce-billing-fields select {border: 1px solid #999; border-radius: 5px; padding: 5px 10px; font-size: 16px; color: #000; width: 100%; box-sizing: border-box;}
.woocommerce-shipping-fields input[type="checkbox"] {transform: scale(1.5); margin:10px; width:20px; height:20px;}
.shipping_address {margin-top:30px;} .woocommerce-billing-fields input[type="text"]:focus, .woocommerce-billing-fields input[type="email"]:focus, .woocommerce-billing-fields input[type="tel"]:focus, .woocommerce-billing-fields textarea:focus, .woocommerce-billing-fields select:focus {border-color: #007cba; box-shadow: 0 0 5px rgba(0, 123, 188, 0.5);}
.woocommerce-checkout-payment {background-color:#e0f4ff;}
.order-total {font-size:20px;}
.cart-subtotal, .woocommerce-shipping-totals, .order-total {margin:0;padding: 5px 10px;line-height:1;}
#brxe-dwhpxi {border: 3px solid #0b7dda; border-radius:20px; background-color:#e5f3ff; padding:20px;}
#order_review {border:none!important;}
#order_review .woocommerce-checkout-review-order-table {margin-top:20px;border:none;}
#order_review thead .product-name {background-color:navy;color:white;}
#order_review thead .product-total {background-color:navy;color:white;}
.wc_payment_methods .payment_box {background-color:white;}
.wc_payment_methods .payment_box {background-color:white !important;color:black;}
.payment_box input[type="checkbox"].input-radio, input[type="checkbox"].input-checkbox {vertical-align: middle; margin-top: 0;}
.payment_box label {display: inline-block; margin-left: 5px; line-height: 1.5;}
.payment_method_paystack input[type="checkbox"] {width: auto; vertical-align: middle; margin: 0; margin-top:5px;}
.payment_method_paystack label {display: inline-block; margin-left: 15px; line-height: 1.5; vertical-align: top;}
#payment {box-shadow: 0 4px 15px #ccc, 0 1px 10px #ccc; border:1px solid #0b7dda; border-radius: 20px; transition: box-shadow 0.3s ease;} #payment:hover {box-shadow: 0 6px 20px #ccc, 0 2px 15px #ccc;}
#brx-content .brxe-post-content {font-size:20px;margin-bottom:20px;}
#brx-content .brxe-post-author {font-size:16px;width:45%;display:none;}
#brx-content article.brxe-container {width:100%;margin:5rem 8rem 8rem;}
#brxe-swtoua .cart {margin-top: 30px;}
.cart tbody tr:nth-child(odd) {background-color: #b1f5fa; color: #000;}
#brxe-taogoj .cart_totals {padding-right:20px;}
#brxe-taogoj .cart_totals .shop_table {border:none;}
.cart_totals .order-total th {margin-top: 10px; border-bottom: 3px solid #0b7dda;}
#brxe-taogoj .cart_totals .shop_table td {margin-top: 10px; border-bottom: 3px solid #0b7dda;}
.cart_totals .wc-proceed-to-checkout {margin: 15px -5px 8px 10px; float:right;}
button, #button, .button  {margin-top:10px;background:green !important;color:white !important;}