/*color Scheme Start*/
:root {
	/*Earthy Color Palette*/
	--ecp1: #854d27;
	--ecp2: #dd7230;
	--ecp3: #ffffff;
	--ecp4: #f4c95d;
	--ecp5: #e7e393;
	--ecp6: #04030f;
	/*Reliable Color Palette*/
	--rcp1: #362417;
	--rcp2: #92817a;
	--rcp3: #f1dabf;
	--rcp4: #fffbff;
	--rcp5: #04030f;
	/*Elegant Color Palette*/
	--elcp1: #8e9189;
	--elcp1: #494449;
	--elcp1: #857f74;
	--elcp1: #eeefeb;
	--elcp1: #ddeac1;
	/*Main Color*/
	--mcp1: #221f1f;
	--mcp2: #c4a99d;
	--mcp3: #ffffff;
	--mcp4: #ccb5ac;
	--mcp5: #313030;
	--mcp6: #c8bbb3;
	/*WhatsApp Colors*/
	--wac1: #25D366;
}
/*color Scheme End*/


body, html {
	text-transform: uppercase;
	overflow-x: hidden;
}

.top-banner h1 {
	font-size: 1.5rem;
	color: var(--mcp2);
	font-size: 4.5rem;
}

.top-banner h2 {
	font-size: 1.3rem !important;
	/*color: var(--mcp2) !important;*/
	line-height: 27px !important;
	font-size: 1.3rem !important;
	margin-bottom:0px;
}

#staticBackdrop {
	z-index: 1200;
	height: 100%;

	display:flex;
	justify-content:center;
	align-content:start;
}

.modal {
	overflow: hidden;
}

.modal-body {
	overflow: auto;
}

#top-company-logo {
	max-height:200px;
}

#staticBackdrop .modal-content {
	background-color: #FBF8F4;
}

#resv_date_list_container {
	display: none;
}

#staticBackdrop .modal-content .btn_modal_close button {
	color: #C6AB9F;
	font-size: 22px;
}

#company_banner_image {
	display:flex;
	align-items: center;
	justify-content:center;
}

#staticBackdrop .modal-content #resv_date_selection {
	/*display: flex;
	flex-direction: column;
	max-width: 40%;
	justify-content: start;
*/
	display: flex;
	flex-direction: column;
	max-width: 40%;
	justify-content: start;
}

#resv_date_selection_content {
	display: none;
	justify-content: center;
	align-items: center;
	color: #C6AB9F;
	padding: 20px 0;
	border-top: 0.2rem solid #fff;
	border-bottom: 0.2rem solid #fff;
}

.reservationCarousel {
	direction: ltr;
}

#branchImageContainer {
	max-width:60%;
}

.resvDate_list .owl-item,
.guest_list .owl-item,
.time_list .owl-item,
.meal_list .owl-item {
	text-align: center;
}

.resv_list_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background-color: transparent;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	width: 40px;
	height: 40px;
	padding: 0px;
}

#resv_time_list_container {
	display: none;
	width: 40%;
}

#resv_date_list_container {
	display: none;
	width: 40%;
}

.resv_list_btn:active {
	/*background-color: rgb(199, 226, 241);*/
	background-color: var(--mcp6);
}

.resv_list_btn:focus {
	opacity: 0.8;
}

#resv_time_selection {
	width: 95%;
}

.text-footer {
	font-size: 12px;
	line-height: 14px;
}

.text-footer, .text-footer a {
    color: #fff;
	text-decoration: none;
    background-color: transparent;
}

.form-headline {
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}

/*.form-headline, input[type=submit].btn-white {
	font-family: Karla,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}*/

.bottom-text {
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	/*letter-spacing: 2px;*/
	line-height: 16px;
}

.owl-carousel,
.bx-wrapper { direction:ltr; }
.owl-carousel .owl-item { direction:rtl; }

.time_list .owl-item {
	direction:ltr;
}

.custom-logo {
	width: 300px;
}

.wpcf7-form-control {
	padding: 0.2rem 1.5rem;
	max-height: 25px;
	margin-left: 10px;
	background-color: var(--mcp2);
	font-weight: 400;
	color: var(--mcp3);
	/*letter-spacing: 2px;*/
	border-radius: 0;
	cursor: pointer;
	border: 1px solid var(--mcp3);
	text-transform: uppercase;
	font-family: Karla,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.home-text, .text-footer {
	font-family: Karla,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.formColor {
	/*background-color: rgb(222, 205, 177) !important;*/
	background-color: var(--mcp3) !important;
	/*color: #FBF8F4;*/
	/*border-color: #FBF8F4;*/
}

.formColor:focus {
	box-shadow: none;
}

#goBack {
	color: #FBF8F4;
}

#whatsAppComplainLink {
	color: #FBF8F4;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

#whatsAppComplainLink i {
	font-size: 24px;
	padding: 3px 6px;
	border-radius: 2px 0 0 2px;
	border: 1px solid var(--mcp1);
	/* margin-right: 4px; */
	background-color: var(--mcp1);
	margin-right: 0px;
	border-color: var(--mcp1);
	color: var(--mcp2);
}

#whatsAppComplainLink span {
	background-color: var(--mcp1);
	padding: 10px 6px;
	color: var(--mcp2);
}

#customerinfoHeader {
	display: flex;
	align-items: center;
	/*color: rgb(20, 20, 20);*/
	color: var(--mcp3);
	justify-content: space-between;
	/*background-color: rgb(180, 138, 57);*/
	background-color: var(--mcp2);
	font-size: 12px;
	z-index: 20;
	height: 40px;
	padding: 7px;
	direction:ltr;
}

.startBorder {
	border-radius: 8px 8px 0 0;
	/*border-bottom: 2px solid var(--mcp1);*/
}

.midBorder {
	border-radius: 0;
	/*border-bottom: 2px solid var(--mcp1);*/
}

.endBorder {
	border-radius: 0 0 8px 8px;
}

.customerFormBox {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 1rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	height: calc(3.5rem + 2px);
}

.customerFormBoxWoJCS {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	height: calc(3.5rem + 2px);
}

.heightNone {
	height: unset;
}

#fA-reservationNotes {
	background-color: transparent;
	height: unset;
	border: unset;
}

#fA-reservationNotes:focus {
	box-shadow: unset;
}

#reservationNotesInputContainerMain {
	height: unset;
}

.p48 {
	padding: 4px 8px;
}

#customerSumMapDetailLink {
	color: #15708A;
	font-style: italic;
}

#specialOccasionChkBoxContainer .form-check {
	display: inline-block;
	font-size: 15px;
	padding: 4px 4px 4px 8px;
	border-radius: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	/*color: rgb(16, 30, 92);*/
	color: var(--mcp3);
	/*background-color: rgb(180, 138, 57);*/
	background-color: var(--mcp1);
	/*border-color: rgb(180, 138, 57);*/
	border-color: var(--mcp1);
}

#mobileNumberIcons {
    display: flex;
    position: absolute;
    /*padding-top: 18px;
    padding-left: 14px;*/
}

#mobileNumber {
	width: 80px;
}

#mobileNumberIcons img {
    width: 18px;
    display: flex;
    align-items: center;
}

#cust-list-mobileNumber {
	opacity: 0;
	padding: 0px;
}

#specialOccasionChkBoxContainer label {
	padding-left: 10px;
	padding-right: 10px;
}

#specialOccasionChkBoxContainer .specialOccasionClass {
	height: 16px;
	width: 16px;
	background-color: var(--mcp2);
	cursor: pointer;
	float: right !important;
	margin-left: 0.1em !important;
	border-radius: 50%;
	margin-right: 8px;
}


#specialOccasionCheckContainerMain {
	height:unset;
}

.Btn_Styled {
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 3px;
	font-family: inherit;
	height: 42px;
	width: 100%;
	color: rgb(16, 30, 92);
	font-size: 16px;
	/*letter-spacing: 0.3px;*/
	/*background-color: rgb(180, 138, 57);*/
	background-color: var(--mcp2);
	cursor: pointer;
}

.btnBranch {
	/*font-family: Karla,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;*/
	width: 100%;
	height:47px !important;
	border-radius: 0px !important;
	padding: 0.5rem 1rem !important;
	font-size: 1.26rem;
	font-weight: 500;
	/*color: var(--mcp2) !important;*/
	/*background-color: var(--mcp1) !important;*/
	/*border-color: var(--mcp2) !important;*/
	text-transform: uppercase;
	line-height: 1.5;
	cursor: pointer;
	vertical-align: middle;
	/*letter-spacing: 8px;*/
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.branchImage {
	height: 250px;
	width: 100%;
}

.btnBranch:hover {
	/*color: #fff !important;
    background-color: var(--mcp2) !important;
    border-color: transparent !important;*/
}

.main-navigation .nav-primary > li a {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding: 4px 10px;
	font-size: 15px;
	/*letter-spacing: 4.25px;*/
	text-transform: uppercase;
	-webkit-transition: all .75s ease;
	transition: all .75s ease;
	color: var(--mcp2);
	text-decoration: none;
	background-color: transparent;
}

.main-navigation .nav-primary > li a:hover,
.main-navigation .nav-primary > li a:active {
	border-top-color: var(--mcp3);
    border-bottom-color: var(--mcp3);
    color: var(--mcp3);
    text-decoration: none;
}


.site-header {
	/*background: url('/images/reservations/header-bg.jpg') 50% repeat;*/
	background-color: var(--mcp1);
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1100
}

.site-header .nav-primary>li.current_page_item a {
	border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 4px 10px;
    font-size: 15px;
    /*letter-spacing: 4.25px;*/
    text-transform: uppercase;
}

.site-header .nav-primary>li.current_page_item a:active {
	border-top-color: #fff;
    border-bottom-color: #fff;
    color: #fff;
}

.site-footer {
	/*background: url('/images/reservations/footer-bg.jpg') 50% repeat-x;*/
	background-color: var(--mcp1);
}

.main-navigation .sub-menu {
	display: none;
	justify-content: center;
	align-items: center;
}

.top-banner {
	/*background: url('/images/reservations/top-banner.jpg');*/
	background-color:var(--mcp1);	
	padding-top: 2rem;
	padding-bottom: 2rem;
	/*margin: 12px 0 12px 0;*/
}


.top-banner-contact-riyadh {
	background: url('/images/reservations/top-banner-riyadh.jpg') 50% 2px repeat-x
}

.top-banner-contact-jeddah {
	background: url('/images/reservations/top-banner-jeddah.jpg') 50% 2px repeat-x
}

.main-container {
	/*padding-top: 87px !important;*/
}

.btn-outline-gold {
	border-color: var(--mcp2) !important;
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
	font-weight: 400 !important;
	border-radius: 0px !important;
	/*letter-spacing: 8px !important;*/
	text-align: center;
	border: 2px solid var(--mcp2) !important;
	font-size: .9rem !important;
	line-height: 1.5;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.btn-outline-gold:hover {
	background-color: var(--mcp2) !important;
}

.PerferedBtn {
	display: flex;
	justify-content: space-between;
	align-items: start;
	width: 90%;
	cursor: pointer;
}

/*============================*/
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}



@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

/*.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}*/

.top-banner h1 {
	font-size: calc(1.375rem + 1.5vw);
}

.top-banner h2 {
	font-size: calc(1.325rem + 0.9vw);
}

#fI-cust-lName {
	/*border-radius: 0 8px 0 0;*/
	/*border-color: var(--mcp1);*/
	border-left: none;
}

#perferedBtnContainer {
	/*display: flex;
	justify-content: center;
	align-items: center;*/
	color: var(--mcp3);
	padding: 20px 0;
	border-bottom: 0.2rem solid var(--mcp3);
	direction:ltr;
}

/*.branchImage {
	height: 615px;
	width: 100%;
}*/

.btnBrachImageAnchorTag {
	padding: 0px !important;
	border:0px !important;
}


/* ------ Media Queries Start ------ */
@media (max-width: 767.98px) {
	/*.top-banner h1 {
		font-size: calc(1.0rem + 1.2vw) !important;
	}*/
	/*.top-banner h2 {
		font-size: calc(0.8rem + 0.7vw) !important;
	}*/

	.top-banner h2 {
		font-size:1.3rem !important;
	}

	.wpcf7-form-control {
		max-width: 320px;
	}

	#staticBackdrop .modal-content #resv_date_selection {
		max-width: 90%;
	}

	.formColor {
		border-radius: 0 0 0 0;
	}

	#customerInfoMain .col-md {
		padding:0px;
	}

	#fI-cust-lName {
		border-radius: 0 0 0 0;
	}

	#customerInfoSummary .container {
		padding: 0px;
	}

	#fI-cust-fName {
		border-radius: 0 0 0 0;
	}

	#perferedBtnContainer {
		padding-left: 30%;
	}

}

@media (max-width: 991.98px) {
	#staticBackdrop .modal-content #resv_date_selection {
		max-width: 85%;
	}
}

@media (min-width: 768px) {
	#perferedBtnContainer {
		padding-left: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#resv_time_selection {
		width: 80%;
	}

}

@media (max-width: 768px) {
	.branchImage {
		height: 250px !important;
		width: 100%;
	}

	.top-banner {
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	#branchImageContainer {
		max-width: 100% !important;
	}

	#whatsAppComplainLink {
		font-size:0.9rem !important;
	}

	#resv_time_list_container {
		display: none;
		width: 95%;
	}

	#resv_date_list_container {
		display: none;
		width: 95%;
	}

	#resv_time_selection {
		width: 95%;
	}

	#top-company-logo {
		max-height: 150px;
	}
}

@media (max-width: 424.88) {
	.PerferedBtn {
		/*padding-left: 25%;*/
	}
}



/* ------ Media Queries End ------ */