/*

Theme Name: 	BuddyBoss Child

Theme URI: 		https://www.buddyboss.com/

Description: 	A child theme of BuddyBoss Theme. To ensure easy updates, make your own edits in this theme.

Author: 		BuddyBoss.com

Author URI: 	https://www.buddyboss.com/

License: 		GNU General Public License v3 or later

License URI: 	http://www.gnu.org/licenses/gpl-3.0.html

Template: 		buddyboss-theme

Version: 		1.0.1

*/



/*



-- Stylesheet locations --



Add your own customizations into /css/custom.css in this child theme.



Parent styles are called from /buddyboss-theme/inc/theme/functions.php in the 

parent theme and are located in /buddyboss-theme/assets/css/ in the parent theme.





--- If you are editing CSS via the WordPress admin, do the following ---



1. Install the plugin WP Editor: http://wordpress.org/plugins/wp-editor/

2. Navigate to Appearance > Theme Editor in the WordPress admin.

3. Navigate into the /css/ folder of your child theme to edit custom.css.



*/




/* Custom scrollbar for .custom-scrollbars */
.custom-scrollbars {
    overflow-y: scroll; /* Enable vertical scroll */
    scrollbar-width: thin; /* For Firefox, makes scrollbar thin */
    scrollbar-color: #49B3A5 #f0f0f0; /* Thumb and track color for Firefox */
}

/* Webkit-based browsers (Chrome, Safari, Edge) */
.custom-scrollbars::-webkit-scrollbar {
    width: 6px; /* Thin scrollbar */
}

.custom-scrollbars::-webkit-scrollbar-track {
    background-color: #f0f0f0; /* Track background color */
}

.custom-scrollbars::-webkit-scrollbar-thumb {
    background-color: #49B3A5; /* Thumb color from the image */
    border-radius: 10px; /* Rounded thumb */
}

/* Hide the arrows on WebKit-based browsers */
.custom-scrollbars::-webkit-scrollbar-button {
    display: none; /* This hides the up/down or left/right scrollbar arrows */
}

/* Optional: Darker color on hover for the scrollbar thumb */
.custom-scrollbars::-webkit-scrollbar-thumb:hover {
    background-color: #3c9185; /* Darker version of the color on hover */
}


li.wc_payment_method.payment_method_razorpay img {
    display: none !important;
}