/* 
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 */
:root {
	--swiper-theme-color: var(--e-global-color-accent);
	--swiper-pagination-color: var(--e-global-color-accent);
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-pagination-bullet-inactive-opacity: 0.9;
	--swiper-pagination-bullet-size: 15px;
	--swiper-pagination-bullet-width: 15px;
	--swiper-pagination-bullet-height: 15px;
	--food-menu-accordion-transition: all 0.2s ease;
}
a.tk-header-current-location--text {
	color: var(--e-global-color-52cdc83);
    font-family: "Roboto Slab", sans-serif;
    font-size: 20px;
	line-height: 1;
    font-weight: 600;
	text-transform: uppercase;
}

a.tk-header-current-location--text:hover, a.tk-header-current-location--text:focus, a.tk-header-current-location--text:active {
	color: var(--e-global-color-accent)
}

/* Slider Styles */

/* .tk-menu-slider {
	background-color: var(--e-global-color-primary);
	background: url("/wp-content/uploads/2024/05/home_service_bg.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-top: 90px !important;
	padding-bottom: 90px !important;
	text-align: center;
}
.tk-m-menu__img {
	min-height: 175px;
}
.tk-m-menu--heading {
	font-family: var(--e-global-typography-251b5f0-font-family), Sans-serif;
	font-size: 36px;
	line-height: 45px;
	color: white;
}
.tk-m-menu--text {
	font-family: "Montserrat", Sans-serif;
	font-size: 20px;
	line-height: 34px;
	color: white;
	margin-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 200px;
}
.tk-m-menu__button button {
	font-family: var(--e-global-typography-d52fab8-font-family), Sans-serif;
	font-size: var(--e-global-typography-d52fab8-font-size);
	font-weight: var(--e-global-typography-d52fab8-font-weight);
	text-transform: var(--e-global-typography-d52fab8-text-transform);
	font-style: var(--e-global-typography-d52fab8-font-style);
	text-decoration: var(--e-global-typography-d52fab8-text-decoration);
	letter-spacing: var(--e-global-typography-d52fab8-letter-spacing);
	border-radius: 25px 25px 25px 25px;
	padding: 15px 40px 15px 40px;
	color: var(--e-global-color-2cd070e);
	background-color: var(--e-global-color-accent);
	border: none;
}
.tk-m-menu__button button:focus, .tk-m-menu__button button:hover, .tk-m-menu__button button:active {
	outline: unset;
	color: black;
    background-color: white;
}

.tk-menu-slider .swiper-pagination-bullet-active {
	background: var(--e-global-color-accent);
} */

/* Accordion Styles */
.tp-m-menu-accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tp-m-menu-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  cursor: pointer;
  background-color: var(--e-global-color-primary);
}

.tp-m-menu-accordion-item-header-title,
.tp-m-menu--item-heading-name {
  color: white;
  font-family: "Roboto Slab", Sans-serif
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  text-transform: uppercase;
  font-style: normal;
  flex-basis: 95%;
}

.tp-m-menu-accordion-item-header-icon {
  transition: var(--food-menu-accordion-transition);
}

.tp-m-menu-accordion-item.tp-m-menu-open .tp-m-menu-accordion-item-header {
  background-color: unset;
  text-align: center;
  border-top: 3px dotted var(--e-global-color-accent);
  margin-top: 40px;
  padding-top: 40px;
}
.tp-m-menu-accordion-item.tp-m-menu-open
  .tp-m-menu-accordion-item-header-title {
  color: var(--e-global-color-primary);
  flex-basis: 100%;
}
.tp-m-menu-accordion-item.tp-m-menu-open .tp-m-menu-accordion-item-header-icon {
  display: none;
}

.tp-m-menu-accordion-item-description-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: var(--food-menu-accordion-transition);
}

.tp-m-menu-accordion-item.tp-m-menu-open
  .tp-m-menu-accordion-item-description-wrapper {
  grid-template-rows: 1fr;
	  margin-left: 10px;
    margin-right: 10px;
}

.tp-m-menu-accordion-item-description {
  min-height: 0;
  text-align: center;
}
.tp-m-menu-food-items {
  text-align: center;
}
.tp-m-menu--item-name {
  font-family: "BourtonBase", Sans-serif;
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  text-transform: uppercase;
  font-style: normal;
  color: var(--e-global-color-primary);
}
.tp-m-menu--item-name-options {
  font-family: "BourtonBase", Sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
  font-style: normal;
  color: var(--e-global-color-primary);
}

.tp-m-menu-food-items {
  text-align: center;
  margin-top: 30px;
}
.tp-m-menu-food-items.tp-m-menu-with-border {
  border: 3px dotted var(--e-global-color-accent);
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 60px;
  margin-top: -70px;
  margin-bottom: 30px;
}

.tp-m-menu-food-items ul {
  list-style: none;
  margin-top: 30px;
	padding: 0px;
}
.tp-m-menu-food-items ul li {
  text-align: left;
}
.tp-m-menu--item-heading-name {
  color: var(--e-global-color-primary);
  text-align: left;
	font-size: 40px;
}
img.tp-m-menu--item-fire {
  width: auto;
  max-width: 100%;
  height: 27px;
  margin-left: 10px;
}

/* Location Page Shortcode Styles */
a.tk-current-location--text {
	font-family: "Arkhip", Sans-serif;
	font-size: 32px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	color: #fff;
	text-decoration: underline;
}
a.tk-current-location--text:hover, a.tk-current-location--text:focus, a.tk-current-location--text:active{
	color: #EDB47F;
}

/* Event Page Contact Styles */
.event_selection .custom_row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 2%;
}

.event_selection .custom_row .event_label{
	flex-basis: 30%;
}

.event_selection .custom_row .event_icon{
	flex-basis: 5%;
}

.event_selection .custom_row .event_selection{
	flex-basis: 61%;
}

.event_selection .custom_row .event_selection p{
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{
	font-size: 18px;
	padding: 20px 10px;
	font-family: "Arkhip", sans-serif;
	height: 60px;
}


.xdsoft_datetimepicker{
	width: 100%;
	max-width: 500px;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	font-family: "Arkhip", sans-serif;
	width: 100%;
	max-width: 480px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 100%;
	max-width: 480px;
}

.services-section--text {
	min-height: 355px;
}

.wpcf7-form-control:focus + .wpcf7-not-valid-tip, .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { 
	display:none; 
}

.wpcf7-response-output {
	border: none !important;
}


.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #000;
}

@media screen and (max-width:1024px) {
	a.tk-header-current-location--text {
		font-size: 20px;
	}
}

@media screen and (max-width:880px) {
	a.tk-header-current-location--text {
		font-size: 18px;
	}
	a.tk-current-location--text {
		font-size: 27px;
	}
	
	.services-section--text {
		min-height: auto;
	}
}

@media screen and (max-width: 575px){
	a.tk-current-location--text {
		font-size: 24px;
	}
	.tk-m-menu--text {
		min-height: 345px;
	}
	.tp-m-menu-accordion-item-header-title {
		font-size: 28px;
		line-height: 36px;
	}
	.tp-m-menu-food-items.tp-m-menu-with-border {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
	}
	.tp-m-menu-food-items ul {
		margin-top: 20px;
	}
	.tp-m-menu--item-heading-name {
		font-size: 36px;
	}
	.tp-m-menu--item-name {
		font-size: 26px;
		line-height: 36px;
	}
	.event_selection .custom_row .event_label{
		flex-basis: 60%;
	}

	.event_selection .custom_row .event_icon{
		flex-basis: 10%;
	}

	.event_selection .custom_row .event_selection{
		flex-basis: 100%;
	}

	.event_selection .custom_row .event_label p, .event_selection .custom_row .event_icon p{
		margin: 0;
	}

	.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
		width: 100%;
		max-width: 100%;
		left: 0px!important;
	}

}