/*!

Theme Name: PSG Buffet Catering

Theme URI: 

Author: 

Author URI: 

Description: 

Version: 1.0.0

Tested up to: 5.4

Requires PHP: 5.6

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: 

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned.



tec-sense is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Generic

	- Normalize

	- Box sizing

# Base

	- Typography

	- Elements

	- Links

	- Forms

## Layouts

# Components

	- Navigation

	- Posts and pages

	- Comments

	- Widgets

	- Media

	- Captions

	- Galleries

# plugins

	- Jetpack infinite scroll

# Utilities

	- Accessibility

	- Alignments



--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Generic

--------------------------------------------------------------*/



/* Normalize

--------------------------------------------- */



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */



/* Document

	 ========================================================================== */



/**

 * 1. Correct the line height in all browsers.

 * 2. Prevent adjustments of font size after orientation changes in iOS.

 */



/* Custom CSS */



body.home .tradingview-widget-container {

    height: auto !important;

}

body.home .tradingview-widget-copyright {

    display: none;

}



ul.sub-menu.dropdown_box li a.nav-link{

	color: #545454;

	font-size: 14px;

	text-transform: none;

	font-weight: 600;

	line-height: 130%;

	display: flex;

	border-radius: unset;

	align-items: center;

	padding: 12px 5px 11px 5px;

	justify-content: center;

}

li.active a{

	color: #F21D04 !important;

}









.quantity span {

	width: auto;

	height: auto;

	border: 0;

	border-radius: 50%;

}

.quantity_date_form {

	display: flex;

	width: 100%;

	gap: 10px;

	margin-top: 5px;

	justify-content: space-between;

}

.quantity p.no_of_guest {

	font-family: "Geologica", sans-serif;

	font-style: normal;

	font-weight: 300;

	font-size: 16px;

	line-height: 20px;

	color: #FFFFFF;

	width: 100%;

}

.quantity p small {

	color: #FF0607;

}

.singapore_title small {

	font-family: "Geologica", sans-serif;

	font-style: normal;

	font-weight: 300;

	font-size: 13px;

	line-height: 20px;

	color: #FFFFFF;

}

.quantity p:last-child {

	display: flex;

	width: 100%;

	gap: 8px;

	align-items: center;

}

.singapore_title p {

	font-family: "Geologica", sans-serif;

	font-style: normal;

	font-weight: 400;

	font-size: 15px;

	line-height: 20px;

	color: #FFFFFF;

	padding: 10px 0px;

}

button.quantity-decrease, button.quantity-increase {

	width: 28px;

	height: 28px;

	border: 1px solid #FFF;

	border-radius: 50%;

	text-align: center;

	color: #FFF;

	font-size: 25px;

	line-height: 20px;

	cursor: pointer;

	background: transparent;

	display: flex;

	justify-content: center;

	padding: 0px;

	display: -webkit-box;

}

.quantity input {

	width: 45px;

	text-align: center;

	border: 1px solid #8B8B8B;

	background: transparent;

	font-family: "Geologica", sans-serif;

	font-style: normal;

	font-weight: 300;

	font-size: 16px;

	line-height: 20px;

	color: #FFFFFF;

	padding: 12px 5px;

	outline: none;

}

.singapore_box {
	top: unset !important;
	bottom: 0;
/* 	z-index: 9999; */
	padding: 20px;
}

.singapore_box .wpcf7-form {
	/* overflow-y: scroll;
	overflow-x: unset;
	width: 100%;
	max-height: 600px; */
    max-height: 600px; /* Set max height */
    overflow-y: auto; /* Enable vertical scrolling */
    padding: 10px;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #888 #f0f0f0; /* For Firefox */
}

/* For Firefox */
.singapore_box .wpcf7-form {
    scrollbar-width: thin; /* Thin scrollbar */
    scrollbar-color: #888 #f0f0f0; /* Thumb and track colors */
}

/* For WebKit-based browsers */
.singapore_box .wpcf7-form::-webkit-scrollbar {
    width: 12px; /* Scrollbar width */
}

.singapore_box .wpcf7-form::-webkit-scrollbar-track {
    background: #f0f0f0; /* Track background */
    border-radius: 6px; /* Rounded corners */
}

.singapore_box .wpcf7-form::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #4caf50, #2196f3); /* Gradient thumb */
    border-radius: 6px; /* Rounded corners */
    border: 2px solid #f0f0f0; /* Thumb spacing */
}

.singapore_box .wpcf7-form::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, #3e8e41, #0b7dda); /* Hover effect */
}