/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* @media screen and (max-width: 1080px) { */
#pop-up .elementor-widget-wrap.elementor-element-populated {
	overflow-y: scroll;
}

/* was creating 2 scroll bars
#pop-up {
	max-height: 90vh;
	overflow-y: scroll;
}*/

/* should be the proper spot to put the scroll bar and auto ahould remove it for elements that are too small like the about on desktop */
#pop-up .elementor-widget-wrap.elementor-element-populated {
	overflow-y: auto;
	max-height: 90vh;
}
/* } */

.wpcf7-response-output {
	color: #fff5dc;
}

.wpcf7-not-valid-tip {
	margin-top: 10px;
}

.icon-btn {
	max-width: 275px;
	max-height: 284px;
}

/* html {
	scroll-behavior: smooth;
} */

/* width */
::-webkit-scrollbar {
	width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #181818;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #fff5dc;
	border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #d3c298;
}

.elementor-background-overlay {
	/* pointer-events: none; */
}

#pop-up {
	transition: all 0.2s ease-in-out;
	pointer-events: none;
	pointer-events: auto;
}

.icon-btn img {
	transition: all 0.2s;
}

.icon-btn:hover {
	cursor: pointer;
}

/* .icon-btn {
	max-height: 287px;
} */

.icon-btn:hover img {
	/* transform: scale(0.9); */
	transform: scale(0.9) translateY(-5px);
}

.elementor-widget-container {
	transition: all 0.2s !important;
}

.icon-btn:hover .elementor-widget-container:first-child {
	padding: 20px 0px 15px 0px !important;
}

.icon-btn:hover .elementor-button-wrapper a {
	transform: translateY(-5px);
}

.wpcf7-form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.wpcf7-form input,
.wpcf7-form textarea {
	background: #181818;
	border: 1px solid #fff5dc;
	border-radius: 0;
	width: 100%;
	color: #fff5dc;
}

.wpcf7-form label,
.wpcf7-form p {
	width: 100%;
}

.wpcf7-form label {
	font-family: 'Poppins', sans-serif;
	margin-bottom: 1rem;
	color: #fff5dc;
	font-weight: 300;
}

.wpcf7-submit {
	background: #fff5dc;
	color: #181818;
	border-radius: 0;
	border: 1px solid #fff5dc;
	padding: 0.5rem 1rem;
	font-family: 'Poppins', sans-serif;
	transition: all 0.2s;
	width: 50% !important;
}

.wpcf7-submit:hover {
	background: #fff5dc;
	color: #181818;
}

#pop-up .elementor-widget-wrap.elementor-element-populated {
	/* overflow-y: scroll; */
	margin-top: 20px;
	align-content: flex-start;
	align-items: flex-start;
}

.elementor-button-text {
	font-weight: 400;
}

/* .icon-btn > div > div {
	overflow: hidden;
} */

.icon-btn {
	overflow: hidden;
}

.desktop-nav .elementor-item-active {
	color: #fff5dc !important;
}

.elementor-grid-item a:hover svg path {
	fill: #ed2525;
}

.elementor-20
	.elementor-element.elementor-element-b21df91
	.elementor-nav-menu--main
	.elementor-item.elementor-item-active:hover {
	color: #ed2525;
}

.elementor-widget-nav-menu
	.elementor-nav-menu--main
	.elementor-item.elementor-item-active {
	color: #fff5dc;
	fill: #fff5dc;
}

.icon-btn:hover .icon-btn-text {
	transition: background-color 0.2s;
	background-color: #ed2525;
}

.icon-btn:hover .elementor-button-icon * {
	fill: #181818;
}

.icon-btn:hover .icon-btn-text .elementor-button-text {
	color: #181818;
}

.icon-btn:hover * {
	border-color: #ed2525 !important;
}

#menu-btn-wrap > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 10px;
}

@media screen and (max-width: 1300px) {
	.icon-btn {
		max-width: 380px;
	}
}

@media screen and (max-width: 1080px) {
	.icon-btn.menu-btn {
		width: 45%;
	}
}

@media screen and (max-width: 768px) {
	#close-btn {
		font-size: 22px;
	}

	#nav-pop-up .elementor-container.elementor-column-gap-wider {
		height: 100%;
	}

	#nav-pop-up a {
		font-size: 25px !important;
	}

	#nav-pop-up .elementor-background-overlay {
		background-size: 100% auto;
	}

	#dots {
		display: none;
	}

	#days p {
		text-align: right;
		padding-right: 1rem;
	}

	#open-times p {
		text-align: left;
		padding-left: 1rem;
	}

	.icon-btn {
		max-height: 277px;
	}

	.icon-btn:hover .elementor-widget-container:first-child {
		/* padding: initial !important; */
	}

	.elementor-button-content-wrapper * {
		font-size: 14px;
	}

	/* .menu-item .elementor-item.elementor-item-anchor {
		font-size: 25px !important;
	} */
}

@media screen and (min-width: 1921px) {
	#About-Us .swiper-slide {
		height: 1200px;
	}

	#slider-text {
		top: -800px !important;
	}

	#bottom-spacer {
		height: 900px;
	}
}