/**
 * Theme Name: Foodly
 * Theme URI: https://forthproitsolution.com/
 * Author: Sunil Kumar Sharma
 * Author URI: https://forthproitsolution.com/
 * Description: Restaurant Managment System
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: Sidebar, Custom Header , blog
 * Text Domain: foodly
*/

/* .wprms--product-info input[type="number"] {
    
} */

.wprms--product-info input[type="checkbox"] {
	display: inline-block !important;
}

/* .extras-detail-options .extras-detail-att label:before,
.extras-detail-options .extras-detail-att:after {
    display: none !important;
} */

.wpros__ecom-form-wrapper input[type="number"] {
	width: 60px;
}

/**
 * Written By Hariom
 */

.spl__site-footer {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 20px 0 10px;
	background: #282c35;
	color: #fff;
	text-align: center;
}

#wpsp__payment-information button,
#wpsp__address-details button,
#wpsp__restaurant-details button,
#wpsp--personal-information button {
	float: right;
	border-radius: 5px;
	height: 40px;
	padding: 5px 20px;
}

.wpros__inner-wrapper.registerpagge .wpros__info,
#wpsp__restaurant-details .form-text,
#wpsp--personal-information .form-text {
	color: #9d9d9d;
}

#wpsp__restaurant-details select {
	height: 40px;
	color: #000;
	margin-bottom: 15px;
}

#wpsp__address-details textarea,
#wpsp__restaurant-details textarea {
	height: 100px;
	color: #000;
	margin-bottom: 15px;
}

#wpsp__restaurant-details input,
#wpsp--personal-information input {
	background: #fff;
	color: #000;
	font-size: 14px;
}

#wpsp__address-details .error,
#wpsp__restaurant-details .error,
#wpsp--personal-information .error {
	color: #ff2f2f;
}

#wpsp__address-details label.error,
#wpsp__restaurant-details label.error,
#wpsp--personal-information label.error {
	color: #ff2f2f;
	margin-top: -12px;
	display: block;
}

.wpros__inner-wrapper.registerpagge .error {
	color: #ff2f2f;
}

.wpros__inner-wrapper.registerpagge label.error {
	color: #ff2f2f;
	margin-top: 0px;
	font-size: 12px;
	display: block;
}

.wpros__inner-wrapper.loginpagge p.error {
	color: #ff2f2f !important;
	margin-bottom: 10px !important;
}

#wpsp__restaurant-details .inline-head {
	color: #fff;
	line-height: 40px;
	display: block;
}

.wpsp--registration .wpros__inner-wrapper {
	max-width: 70%;
}

.wpros__inner-wrapper.loginpagge {
	max-width: 50%;
}

.wpros__inner-wrapper.registerpagge {
	max-width: 50%;
}

.wpros__inner-wrapper.registerpagge .wpros__link-wrapper {
	clear: both;
	padding-top: 20px;
	text-align: center;
}

.form-checkbox input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.form-checkbox label {
	position: relative;
	cursor: pointer;
}

.form-checkbox label:before {
	content: "";
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #ee7100;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
		inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
}

.form-checkbox input:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 9px;
	width: 6px;
	height: 14px;
	border: solid #ee7100;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.wpros__deliverytabs-wrapper .wpros_lsactiveforn {
	border-radius: 0px 0px 10px 10px;
}

.wpros__deliverytabs-wrapper .wpros_lsactiveforn .btn-check-avalibility {
	height: 40px;
}

.successmsg h4 {
	color: #21db27 !important;
	border-bottom: 0 !important;
}

.successmsg p {
	color: #fff;
	margin-bottom: 20px;
}

.successmsg p a {
	color: #21db27;
}

.inner__head-banner {
	position: relative;
	padding: 80px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.inner__head-banner:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
}

.inner__head-banner .page-title {
	color: #fff;
	text-align: center;
	font: Normal 50px/60px "Lexend", sans-serif;
	letter-spacing: 1px;
	text-transform: capitalize;
	position: relative;
	margin: 0 auto 10px;
}
.wpros__page-wrapper {
	min-height: 80vh;
}
.wpros__page-wrapper.profilepage {
	background: none;
}

.profilepage .wpros__list-wrapper {
	background: #fff;
	border-radius: 10px 10px;
	box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	padding-left: 0px;
}

.profilepage .wpros__form-wrapper {
	background: #fff;
	border-radius: 10px 10px;
	box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	padding-top: 30px;
	padding-bottom: 20px;
}

.wpros__inner-wrapper.registerpagge input,
.wpros__inner-wrapper.loginpagge input,
.profilepage .wpros__form-wrapper input {
	font-size: 14px;
	color: #000;
}

.wpros__inner-wrapper.registerpagge input[type="submit"],
.wpros__inner-wrapper.loginpagge input[type="submit"],
.profilepage .wpros__form-wrapper input[type="submit"] {
	float: right;
	border: 0;
	padding: 4px 20px;
	height: 40px;
	color: #fff;
	border-radius: 5px;
	background: #ee7100;
}

.profilepage .wpros__form-wrapper h2.wpros__heading {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.profilepage .wpros__list-wrapper li a {
	color: #000;
}

.profilepage .wpros__list-wrapper li a strong {
	color: #000;
}

.profilepage .wpros__list-wrapper li {
	border-left: 4px solid #fff;
	padding: 10px 10px 10px 20px;
}

.profilepage .wpros__list-wrapper li a {
	display: block;
}

.profilepage .wpros__list-wrapper li:hover {
	border-left: 4px solid #ee7100;
}

.profilepage .wpros__list-wrapper .wpros__user-profile {
	border: 0;
	text-align: center;
	padding-top: 20px;
}

.profilepage .wpros__list-wrapper .wpros__user-profile:hover {
	border: 0px;
}

.profilepage .wpros__list-wrapper .wpros__user-profile img {
	border: 4px solid #ee7100;
	margin: 0px auto;
}

.profilepage .wpros__list-wrapper .wpros__user-orders {
	border-bottom: 1px solid #ccc;
}
.profilepage .wpros__list-wrapper .wpros__user-address {
	border-bottom: 1px solid #ccc;
}

.checkout-page .checkout-page-left ul li input.form-control {
	font-size: 14px !important;
}



.modal-dialog .modal-body .extras-detail-main label {
	width: 100%;
}

.modal-dialog .modal-body .extras-detail-main .wpros__product_price label {
	width: auto;
}

.modal-dialog
	.modal-body
	.extras-detail-main
	.extras-detail-options
	.vp__element {
	padding-left: 0;
}

.modal-dialog
	.modal-body
	.extras-detail-main
	.extras-detail-options
	input[type="number"] {
	width: 100%;
	border-radius: 5px;
	color: #000;
}

/* .modal-dialog .modal-body {
    padding-top: 0 !important;
} */

.modal-dialog
	.modal-body
	.extras-detail-main
	.extras-detail-selected
	button[type="submit"] {
	float: right;
	padding-right: 20px;
	padding-left: 20px;
}

.modal-dialog .modal-body .extras-detail-main .extras-detail-selected {
	padding-bottom: 20px;
}

.modal-dialog
	.modal-body
	.extras-detail-main
	label
	input.wprms--productquantity {
	width: 100%;
	border-radius: 5px;
	color: #000;
}

.modal-dialog .modal-body h3.popup__heading {
	background: #ee7100;
	color: #fff;
	padding: 10px 26px;
	margin: 0px -25px 10px -25px;
}

.cover-hero-sec {
	padding: 120px 0px !important;
}

/**30-11-21**/

.profilepage .wpros__user-orders.rightii {
	background: #fff;
	border-radius: 10px 10px;
	box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	padding: 30px 20px 20px 20px;
}

.profilepage .wpros__user-orders.rightii h2.wpros__heading {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.wpros__notice-sucess {
	background: #05c159;
	color: #fff;
}

.wpros__notice-error {
	background: #c10505;
	color: #fff;
}

.file-upload-wrapper {
	position: relative;
	width: 100%;
	height: 40px;
}

.file-upload-wrapper:after {
	content: attr(data-text);
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	padding: 10px 15px;
	display: block;
	width: calc(100% - 40px);
	pointer-events: none;
	z-index: 20;
	height: 40px;
	line-height: 22px;
	color: #000;
	border-radius: 5px 10px 10px 5px;
	font-weight: 300;
}

.file-upload-wrapper:before {
	content: "Upload";
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	height: 40px;
	background: #ee7100;
	color: #fff;
	font-weight: 700;
	z-index: 25;
	font-size: 16px;
	line-height: 40px;
	padding: 0 15px;
	text-transform: uppercase;
	pointer-events: none;
	border-radius: 0 5px 5px 0;
}

.file-upload-wrapper input {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	height: 40px;
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
	width: 100%;
}

@media screen and (max-width: 1370px) {
	.logged-in .transparent-header #site-navigation.main-navigation ul {
		margin-top: 0px;
	}
}

@media screen and (max-width: 767px) {
	.wpsp--registration .wpros__inner-wrapper {
		max-width: 100%;
	}

	.wpros__inner-wrapper.loginpagge {
		max-width: 100%;
	}

	.wpros__inner-wrapper.registerpagge {
		max-width: 100%;
	}

	.profilepage .col-md-4,
	.profilepage .col-md-8 {
		width: 100%;
	}

	.contact-area span {
		margin-bottom: 10px;
	}

	.page-section .filter-toggle {
		margin-bottom: 0;
		margin-top: 20px;
	}

	.page-section .filter-wrapper .categories-menu {
		padding: 0;
	}
}

@media screen and (max-width: 767px) {
	.wrapper #header.sticky-header.pinned {
		position: fixed !important;
		top: 0 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.wrapper #header.sticky-header.pinned .main-location ul > li > a {
		padding: 10px 0 0 0;
	}
	.wrapper #header .site-menus {
		padding-top: 0;
	}
	.wrapper #header .site-menus .menu-item-list ul {
		padding-top: 20px;
	}

	#header.sticky-header {
		z-index: 999 !important;
	}

	.desktop-only {
		display: none !important;
	}

	.header-minicart-wrapper {
		position: absolute;
		width: 100%;
		left: 0;
		z-index: 99;
		height: 80vh;
		overflow: auto;
		/* border: 1px solid #ccc; */
		padding: 20px;
		display: none;
	}
	.header-minicart-wrapper.visible-minicart {
		display: block;
	}

	.header-minicart-wrapper.visible-minicart .user-order {
		/* background-color: #ee7100; */
		border: 5px solid #ee7100;
	}
	/* #header .header_cart_icon:hover + .header-minicart-wrapper {
        
    } */
}

@media screen and (max-width: 450px) {
	.main-location > ul > li ul {
		width: calc(100% + 25px) !important;
		left: -12px !important;
		padding: 48px 0 0 0 !important;
	}
	.main-location > ul > li.location-has-children.menu-open {
		position: relative;
		z-index: 12;
		width: 100%;
		text-align: left;
	}

	.main-location .close-menu-location {
		top: 12px !important;
	}
}

#footer {
	position: relative;
	z-index: 999;
}

.header-minicart-wrapper {
	display: none;
}
/* .header-minicart-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 99;
    height: 80vh;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 20px;
} */

.fpit-ad {
	display: flex;
	width: 100%;
	border: 1px solid #ccc;
	padding: 1rem;
	margin: 1rem 0;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.fpit-ad-inner {
	text-align: center;
}
