/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
.clr{
	clear:both;
	display:block;
}
.pos-row-products{
	border-bottom:2px solid #111;
	padding:10px 0;
}
.pos-row-products a{
	float:right;
	margin-left:20px;
}
.pos-row-products a:active{
	text-decoration:none;
}
.pos-row-products .title{
	font-size:30px;
	color:#111;
	
}
.summary-col{
	color:#111;
}
.summarybloc{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:24px;
}
.summarybloc .list{
	border-bottom:2px solid #111;
	padding:10px 0;
}
.summarybloc .list a{
	width:40px;
	height:40px;
	line-height:26px;
	border:2px solid red;
	font-size:50px;
	font-weight:bold;
	display:inline-block;
	color:red;
	text-align:center;
	margin-right:20px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-decoration:none;
}
.summarybloc .list span.price{
	float:right;
	display:inline-block;
}
.summary-col .blockTotal{
	background:#111;
	color:#fff;
	font-size:28px;
	text-align:center;
	padding:10px 0;
}
.summary-col .blockTotal span{
	font-weight:bold;
}
.summary-col .delivery{
	padding:20px 0;
}

.four { width: 22.26%; }
.two { width: 48%; max-width: 48%;}
.three { width: 25%; max-width: 25%;}
.one { width: 100%; max-width: 100%;}

/* COLUMNS */

.col {
  display: block;
  float:left;
  margin: 1% 0 1% 1.6%;
}

.col:first-of-type { margin-left: 0; }

/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* FORM */

.form .plan input, .form .payment-plan input, .form .payment-type input{
	display: none;
}

.form label{
	position: relative;
	color: #fff;
	background-color: #aaa;
	font-size: 26px;
	text-align: center;
	height: 100px;
	line-height: 100px;
	display: block;
	cursor: pointer;
	border: 3px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form .horizontal label{
	position: relative;
	color: #fff;
	background-color: #aaa;
	font-size: 26px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	display: block;
	cursor: pointer;
	border: 3px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:0;
	margin-bottom:5px;
}

.form .plan input:checked + label, .form .payment-plan input:checked + label, 
.form .payment-type input:checked + label{
	border: 3px solid #333;
	background-color: #2fcc71;
}

.form .plan input:checked + label:after, form .payment-plan input:checked + label:after, 
.form .payment-type input:checked + label:after{
	content: "\2713";
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	border: 2px solid #333;
	background-color: #2fcc71;
	z-index: 999;
	position: absolute;
	top: -10px;
	right: -10px;
}

.submit{
	padding: 15px 60px;
	display: inline-block;
	border: none;
	margin: 20px 0;
	background-color: #2fcc71;
	color: #fff;
	border: 2px solid #333;
	font-size: 18px;
	-webkit-transition: transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.submit:hover{
	cursor: pointer;
	transform: rotateX(360deg);
}
.list-order-row{
	border:2px solid #666;
	padding:20px;
	margin-bottom:15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color:#111;
	font-size:18px;
}
.list-order-row a{
	text-decoration:none;
}
.list-order-row .inner-row{
	
}
.list-order-row .order-id{
	font-size:30px;
	font-weight:bold;
	display:inline-block;
	padding-right:20px;
}
.list-order-row .order-name{
	
}
.list-order-row .order-delivery{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #ccc;
	padding:5px;
	display:inline-block;
}
.list-order-row .order-delivery.delivery{
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}
.list-order-row .order-date{
	font-size:30px;
}
.leftcoll{
	float:left;
}
.list-order-row .order-status{
	float:right;
}
.list-order-row .order-status ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.list-order-row .order-status ul li{
	display:inline-block;
}
.list-order-row .order-status ul li a{
	display:inline-block;
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left:15px;
	background:#fff;
	border: 1px solid #333;
	color: #111;
}
.list-order-row .order-status ul li.new a.active,
.list-order-row .order-status ul li.done a.active{
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.list-order-row .order-status ul li.preparing a.active{
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
.list-order-row .order-status ul li.delivered a.active{
	
}
.order-details{
	padding-top:20px;
}
.order-details ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:60%;
	float:left;
}
.order-details ul li{
	border-top:1px solid #111;
	padding:10px;
	font-size:30px;
}
.blockTotal{
	background: #111;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	font-size: 24px;
	line-height:24px;
	font-weight: bold;
	border:1px solid #111;
}
#order_view_header .btn.btn-dark{
	text-align: center;
	padding: 10px 0;
	font-size: 24px;
	line-height:24px;
	font-weight: bold;
	border-radius:0;
}
#cancel_order {
	padding: 10px !important;
	color: red;
	font-weight:bold;
	border:2px solid red;
	background:#fff;
}
.form label.four{
	line-height:34px;
	padding-top:13px;
}
.top_counter{
	margin:0;
	padding:0;
	list-style-type:none;
}
.top_counter li{
	display:inline-block;
	font-size:24px;
	margin-right:20px;
	text-align:center;
	line-height:31px;
	color:#111;
	border:2px solid #111;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 15px;
}
.top_counter li span{
	display:block;
	font-size:34px;
	font-weight:bold;
}
#orderForm input.error{
	border:2px solid red;
}
.delivered-row{
	
}
#other_delivery_time_label{
	font-size: 24px;
	font-weight: bold;
}
#other_delivery_time,
#other_delivery_time_change{
	font-size: 24px;
	padding: 0 50px;
}
.item-count{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size:24px;
	background:#1868c9;
	color:#fff; 
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	display:inline-block;
}
.cancel-order-button{
	
}
.half_selection{
	float: right;
	border: 2px solid #ccc;
	margin-bottom:25px;
	font-size:19px;
	font-weight:bold;
}
.half_selection a{
	padding:10px 20px;
	display: inline-block;
}
.half_selection a.active{
	background-color: #2fcc71;
	color:#fff;
}
#normal_pizaa{
	
}
#half_pizaa{
	
}
.cooked .cooked_btn{
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.cooked_btn,
.preparing_btn_2,
.cooked_btn_undo{
	display: inline-block;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: 15px;
	background: #fff;
	border: 1px solid #333;
	color: #111;
	float:right;
	font-size:22px;
}
.order-details ul li.cooked{
	text-decoration: line-through;
}
.order_notes{
	text-align: center;
width: 40%;
float: left;
color: red;
font-size: 25px;
}
.important-note{
	color: red;
display: inline-block;
font-size: 18px;
padding-left: 25px;
}
.pricelist .elementor-accordion a.elementor-accordion-title{
	display: block;
}
.pricelist .elementor-accordion a.elementor-accordion-title span{
	display: inline-block;
	float: right;
	margin-left: 10px;
	font-weight: normal;
	background: #dedede;
	padding: 3px 10px;
	font-size: 12px;
}
.pricelist .elementor-accordion a.elementor-accordion-title span.new{
	background: #b1cf3d;
}
.pricelist-upper span{
	display: inline-block;
	float: right;
	margin-left: 10px;
	font-weight: normal;
	background: #dedede;
	padding: 3px 10px;
	font-size: 12px;
	color: #111;
	font-weight: bold;
}

.pricelist-upper{
	padding-right: 13px; 
}
.pricesinglelist span{
	display: block;
	width: 100%;
}
.pricesinglelist em{
	display: inline-block;
	float: right;
	margin-left: 10px;
	font-weight: normal;
	background: #dedede;
	padding: 3px 10px;
	font-size: 12px;
	font-style: normal;
}
.headerparagraph a {
	color: #9F352E !important;
}