/*

	FUSE
	used for sites with more than just food delivery
	
	css with ID - css2-css (is loading after css-3 and this css file ... where is that set and can it be removed?

*/

.storefront-full-width-content .content-area, .hentry, .site-main{margin-bottom:0;}

.btn-success.focus, .btn-success:focus{box-shadow:none !important;}

.fdoe_main_container .aromodal-dialog, .fdoe-aromodals-wrap .aromodal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	margin: auto;
}

/*client styles - GermanGym*/
/*
	could be in CMS -- or an extra CSS file
*/


.nav-items a{display:none !important;} /*hide my account icon*/

@font-face {
  font-family: DIN-Regular;
  src: url('/wp-content/plugins/fuse-by-ignite/assets/fonts/german gym/DIN-Regular.woff');
}

@font-face {
  font-family: DIN;
  src: url('/wp-content/plugins/fuse-by-ignite/assets/fonts/german gym/DIN-Medium.woff');
}

.col-full{margin:0 !important;}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

body, button, input, textarea {
	color: #000;
	font-family: "DIN-Regular","Source Sans Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "sans-serif" !important;
	line-height: 30px !important;
	font-size:16px;
	letter-spacing:1px;
	text-rendering: optimizeLegibility !important;
	font-weight: normal !important;
}

.main-image{display:none; background-image:none;}
.logo{text-align:left; padding-left:46px;}
.nav-items a {	color: #000 !important;} /*basket & login*/

/*start page*/
.home{background:#f3b3a0 !important;}
.home #top-header-bar{display:none;}

.home .side_image {
	position: absolute;
	width: 50%;
	height: 100%;
	/*background: #000;*/
	display: block;
	content: " ";
	left: 50%;
	background-image: url('/wp-content/uploads/2020/09/Landing-image@2x.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.home .fuse_logo {
	position: absolute;
	bottom: 0;
	margin-bottom: 85px;
	text-align: center;
	width: 100%;
}

.home .fuse_logo a{text-decoration:none; color:#CE8F7C !important; margin-left: -133px;}
.home .fuse_logo a:hover{opacity:0.7;}
.home .fuse_logo span {
	background: url('/wp-content/plugins/fuse-by-ignite/assets/images/Fuse logo@2x.png');
	width: 109px;
	height: 38px;
	display: inline-block;
	background-size: cover;
	position: absolute;
	margin-top: -4px;
	margin-left: 21px;
}


.home .start-page-container{
	width:50% !important;
	padding:0 !important;
	position:relative;
	margin:0;
	padding-left:80px !important;
	padding-top:103px !important;
	text-align:left !important;
}

.desktop_logo img{width:400px; height:20px;}

#select_type {	margin-top: 0 !important;}

.home #select_type.under_logo, .home .under_logo{margin-top: 100px !important;}


.home h2,  #customer_login h3{
	text-transform:uppercase;
	font-size: 26px;
 	letter-spacing: 4.5px;
  	line-height: 46px;
	font-family: DIN;
	color:#000;
}
.home h3{
	margin:0 !important;
	margin-top:45px !important;
	text-transform:uppercase;
	font-family: DIN;
	color:rgba(0, 0, 0, 0.75) !important;
	font-size:12px;
	line-height:30px;
	letter-spacing:0.75px;
	text-align: left;
	margin-bottom: 10px !important;
	
}
h3{text-transform:uppercase;}

.home .supporting_copy{max-width:415px; color:rgba(0, 0, 0, 0.75);}

.home .btn, .fdoe_mini_cart .button, .button, .storefront-handheld-footer-bar ul li > a, #checkout_button_1{
	background:#b98c3f !important;
 	font-family: "DIN" !important;
  	font-size: 20px !important;
  	font-weight: normal !important;
  	letter-spacing: 3.75px;
	text-transform:uppercase;
	border-radius:3px !important;
	border:none !important;
	padding: 25px 25px !important;
	position:relative;
	color:#fff;
}

.home .btn:hover, .fdoe_mini_cart .button:hover,  .button:hover, .storefront-handheld-footer-bar ul li > a:hover, #checkout_button_1:hover{ background:#cab988 !important; color:#fff !important;}

.home .btn::after, .fdoe_mini_cart .button::after ,  .button::after, .storefront-handheld-footer-bar ul li > a::after, #checkout_button_1::after {
	position: absolute;
	right: 0;
	content: " ";
	width: 17px;
	height: 17px;
	background-image: url('/wp-content/uploads/2020/09/Button-arrow@2x.png');
	pointer-events: none;
	bottom: 0;
	margin-right: 7px;
	margin-bottom: 9px;
	display: block;
	background-size: cover;
}

.delivery_type_selection{margin-top: 63px !important;}
.delivery_type_selection li{width:300px !important; margin: 37px 0 !important; }
.delivery_type_selection li:hover{ background:#cab988 !important; color:#fff !important;}


.start-page-container input {
	display: inline-block;
	width: 262px !important;
	text-align: left;
	border-radius:3px !important;
	border: 1px solid #BA7D6B;
}

#postcode_section .btn, #table_number_section .btn {
	display: inline-block;
	width: 135px;
	font-size: 15px !important;
	text-decoration: none;
	padding: 21px 20px !important;
	font-weight: normal;
	margin-left: 20px;
	margin-top: -4px !important;
}

.postcode_submit{ background:#000 !important;}
#locations_section{margin-top:100px; display: none;}

#postcode_section .target_icon{
	background:url('/wp-content/uploads/2020/09/Location-icon@2x.png');
	height:19px;
	width:19px;
	background-size:cover;
	margin-top: 24px;
}
#postcode_section .target_icon i{display:none;}

.back_link{margin-top:10px;}
.back_link a{
	text-decoration:none !important;
	font-size: 12px;
	color:#CE8F7C;
	text-transform:uppercase;
}

.back_link a i {
	background-image: url('/wp-content/uploads/2020/09/Back-button-arrow@2x.png');
	width: 7px;
	height: 10px;
	margin: 0 !important;
	background-size: contain;
	position: relative !important;
	display: inline-block;
	margin-right: 10px !important;
}
.back_link a:hover{opacity:0.7;}

/*mini cart*/
.woocommerce-mini-cart__empty-message{color:#D3D3D3;}
.woocommerce-mini-cart__empty-message i{display:none !important;}

.fdoe_mini_cart_outer{padding-top: 10px;}
h4.Minicart_heading{
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 3.5px;
	text-transform:uppercase;
	font-family: DIN;
}

ul.fdoe-mini-cart{margin-top: 20px;}

#fdoe_mini_cart_id_2 .fdoe_incre_button, #fdoe_mini_cart_id .fdoe_incre_button{opacity:1;}
.fdoe_incre_button i{color:#B98C3F !important; font-size: 18px;}
#fdoe_mini_cart_id_2 .total, #fdoe_mini_cart_id .total{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 3px;
	margin-top: 20px;
	text-transform:uppercase;
	font-family: DIN;
	border-top: 1px solid #D3D3D3;
	padding-top: 20px;
}
#cart_aromodal .fdoe-quantity input.qty, #the_main_container .fdoe-quantity input.qty{
	font-size: 17.5px !important;
	font-weight: normal !important;
	font-family: DIN-Regular !important;
}
.minicart_items_basic .mini-cart-quantity{font-family: DIN-Regular !important;}

.fdoe_minicart_name{font-family: DIN-Regular !important;}

#fdoe_mini_cart_id li.fdoe_minicart_item.woocommerce-mini-cart-item, #fdoe_mini_cart_id_2 li.fdoe_minicart_item.woocommerce-mini-cart-item{
	padding: 4px 0;
	border-bottom: none !important;
	
}


#checkout_button_1{padding: 20px 20px !important;}
#checkout_button_1:disabled{background-color: #DADADA !important; color:#fff !important;}
#checkout_button_1:disabled::after{display:none;}

.widget_shopping_cart_content .min_order_notify{
	color: #7F7F7F !important;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 3px;
	line-height: 46px;
	background:none !important;
	margin-top: -20px;
	cursor:default;
	text-transform: none;
	
}
.widget_shopping_cart_content .min_order_notify:hover{background:transparent !important; color: #7F7F7F !important;}

.widget_shopping_cart_content .min_order_notify::after{display:none;}

/*header etc other pages*/
#top-header-bar{background:#f3b3a0;}
#top-header-bar .logo img {
	height: auto !important;
	width: 323px !important;
}

.logo a {	display: inline-block;	margin-top: 32px !important;	margin-bottom: 23px; }

/*menu page*/

#the_main_container.fdoe-shortcode-extern{
	width:100%;
	max-width:100%;
	padding-left:30px;/*80px in design*/
	padding-right:30px;	
}

.fdoe_main_container #menu_headings.nav > li > a{
	color: #000000 !important;
	font-size:15px;
	letter-spacing:1px;
	line-height:46px;
	text-transform:uppercase;
	font-weight:normal;
	font-family: DIN;
	border-color:transparent !important;
}

.fdoe_main_container #menu_headings.nav > li > a.fdoe-active-link-2{
	background:#B98C3F !important;
	border-radius:4px;
	padding-top:0px;
}

.fdoe_main_container .nav-tabs, .fdoe-aromodals-wrap .nav-tabs{
	border-bottom: 1px solid rgba(151, 151, 151, 0.42) !important;
}

.menu_titles{
	border-bottom: none !important;
	color: #000000 !important;
	letter-spacing: 3.5px !important;
	line-height: 46px !important;
	font-weight:normal;
	font-family: DIN;
}

/*menu dish item*/
.fdoe-item .flex-container-row{flex-direction: row-reverse;}
.fdoe-item.fdoe_twentytwenty .fdoe_summary{margin-bottom: 30px;}
.fdoe-item .fdoe_item_price {
	color: #B98C3F;
	font-size: 15px;
	letter-spacing: 0.88px;
	line-height: 20px !important;
	margin-left: 3px;
	position: absolute;
	bottom: 0;
	left:0;
}
.fdoe-item .fdoe_add_item{display:none;}
.fdoe-item .woocommerce-placeholder{display:none;}

div.fdoe-item{
	width:98%;
	margin-bottom:2%;
	align-items: start !important;
}
#the_menu .fdoe-item{
	border: 1px solid #D3D3D3;
	background:#fff;
}


.fdoe-item .fdoe_title{
	color:#000000;
	font-weight:normal;
	font-size: 15px;
	letter-spacing: 1px;
    line-height: 18px;
	text-transform: none;
}

.fdoe-item .fdoe_title h5 b{font-weight:normal; 	font-size: 15px; font-family: DIN;}

.fdoe-item.fdoe_twentytwenty .fdoe_thumb{

	height: auto;
	display: flex;
	align-self: auto;
	margin-left: 3.5em;

}

.fdoe-item.fdoe_twentytwenty .fdoe_thumb img {
	object-fit: cover;
	border-radius: 0 !important;
	max-width: none;
	max-height: none;
	margin: 0;
	width: 150px;
}

span.fdoe_description{
	font-style:normal;
	font-size: 14px;
  	letter-spacing: 0.5px;
  	line-height: 20px;
	color:rgba(0, 0, 0, 0.75);
	margin-top: 4px;
	display: inline-block;
  }

/*header image*/
.menu_image_header{height:130px; position:relative;}
.menu_image_header .image{position:absolute;width:100%; height:130px; left:0; top:0; overflow:hidden;}
.menu_image_header .image_header_content .back_link{
	display:inline-block;
	color:#fff;
	text-decoration: none !important;
	font-size: 12px;
	text-transform: uppercase;
	margin-top:0;
	padding-left: 35px;

}
.menu_image_header .image_header_content .back_link i {
	background-image: url('/wp-content/uploads/2020/09/Back-button-arrow-white@2x.png');
	width: 7px;
	height: 10px;
	margin: 0 !important;
	background-size: contain;
	position: relative !important;
	display: inline-block;
	margin-right: 10px !important;
	background-position: 0px 11px;
}
.menu_image_header .image_header_content .service_type {
	font-size: 26px;
	color: #fff;
	letter-spacing: 4.9px;
	line-height: 46px;
	display: inline-block;
	text-transform: uppercase;
	position: absolute;
	margin-top: -7px;
	margin-left: 62px;
	min-width: 200px;
}

/*product popup*/
.product-aromodal.product-modal-style-1 .aromodal-body img {
	width: 100%;
	object-fit: cover;
	height: 300px;
	object-position: center;
}

.product-aromodal .woocommerce-placeholder{display:none;}

.product-aromodal.product-modal-style-1 span{
  color: #000000;
  font-family: "DIN";
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 3.5px;
  line-height: 33px;
}

.fdoe-modal-2-title{
	max-width: 70% !important;
	margin: 0 auto !important;
	margin-top: 20px !important;
}

.product-aromodal .fdoe-modal-2-price span{
  color: #B98C3F;
  font-family: "DIN-Regular" !important;
  font-size: 20px;
  letter-spacing: 0.88px;
  line-height: 20px;
  margin-top:10px;
}

.product-aromodal.product-modal-style-1 .quantity button{color:#B98C3F !important; font-size: 23px !important;}
.product-aromodal.product-modal-style-1 form.cart input, .product-aromodal.product-modal-style-1 form.variations_form.cart input{font-size:21px !important;}
.product-modal-style-1 button.modal-close, #cart_aromodal .modal-close, .fdoe-aromodals-wrap .modal-close{color: #B98C3F !important; padding: 2px !important; padding-bottom:0px !important; }
.fdoe-aromodal .quantity {float:none !important; margin:auto !important; margin-bottom:20px !important;}
.fdoe-aromodal .quantity .qty{width: 48px !important;}
.product-aromodal .single_add_to_cart_button{padding:20px !important;}





	#menu_headings{
		width:100%; 
		height: 100px;
		overflow-x:auto;
		overflow-y:hidden;
		display:block !important;
		text-align: left;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch; /*add bounce for iOS*/
	}
	.fdoe_main_container .nav-tabs > li, .fdoe-aromodals-wrap .nav-tabs > li{float:none;}
	#menu_headings li{display:inline-block;}

	/*
	
		login/ register page
	
	*/
	.register .woocommerce-privacy-policy-text{display:none;}

	#customer_login {
		max-width: 600px !important;
		margin: auto !important;
		float: none !important;
		width: 100%;
	}	
	#customer_login .col-2 {	display: none;}
	.col2-set#customer_login .col-1{width:100%;}
	#customer_login .fab.fa-google{margin-right:20px;}
	
	/*
		order confirmation
	*/
	.woocommerce-thankyou-order-received {
		text-transform: uppercase;
		font-family: DIN;
		font-size: 26px;
	}


		
	/*
		+ / - buttons in cart and popup
	*/
	.fa-plus-circle::before {
		background: url('/wp-content/uploads/2020/10/Add-icon@2x.png');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.fa-minus-circle::before {
		background: url('/wp-content/uploads/2020/10/Subtract-icon@2x.png');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}	

@media only screen and (max-width: 1450px) {  /*tablet*/
	.desktop_logo  img {height: auto !important; }/*this for whole website*/
	.home .fuse_logo{margin-bottom: 40px;}
	.home h2{font-size: 20px; letter-spacing: 2.5px;}
}

@media only screen and (max-width: 919px) {  /*tablet*/

	.desktop_logo  img {height: auto !important; }/*this for whole website*/
	.home .start-page-container{padding-left: 40px !important;}
	.home .fuse_logo{margin-bottom: 19px;}
	
	.home h2{font-size: 20px; letter-spacing: 2.5px;}
	
	.start-page-container input{width:100% !important;}
	#postcode_section .btn, #table_number_section .btn{
		display: block;
		margin-left: 0;
		width: 100% !important;
		margin-top: 20px !important;	
	}	
	
	.back_link {margin-top: 40px;}
}

@media only screen and (max-width: 480px) { /*mobile - phones*/
	body, button, input, textarea {
		font-size:14px !important;
		letter-spacing:0.88px !important;
		line-height:24px !important;
	}
	
	.home #top-header-bar {	display: block;}
	.nav-items a{display:none;}
	
	#top-header-bar .logo img {height: auto !important; width: 252px !important;}/*this for whole website*/
	.logo {text-align:center !important; padding-left:0;}
	.logo a {	display: inline-block;	margin-top: 16px !important;	margin-bottom: 6px; }
	

	.fdoe_main_container .aromodal-dialog, .fdoe-aromodals-wrap .aromodal-dialog {
		min-width: 85vw;
	}
	
	.home .entry-content{width:100% !important;}
	.home .desktop_logo{display:none;}
	.home .side_image{width:100%; left:0; top:0; z-index:-1;}
	.home .start-page-container{width:auto !important; margin-left:30px; margin-right:30px; background-color:rgba(255, 255, 255, 0.9); }
	
	.home .start-page-container {
		width: auto !important;
		margin-left: 30px;
		margin-right: 30px;
		background-color: rgba(255, 255, 255, 0.9);
		padding-top: 0px !important;
		margin-top: 30px;
		padding-left: 25px !important;
		padding-right: 25px !important;
		padding-bottom: 25px !important;
	}
	.home #select_type.under_logo, .home .under_logo {	margin-top: 25px !important;}
	
	.home .btn{	font-size: 14px !important;	width: 100% !important;	padding: 20px 20px !important;}
	.delivery_type_selection {	margin-top: 30px !important;}
	.delivery_type_selection li {margin: 0 !important; margin-top:25px !important;}
	#locations_section{margin:0 !important;}
	
	.home .fuse_logo{margin-bottom:12px; text-align:left;}
	.home .fuse_logo a{margin-left: 30px; font-size: 9px;}
	.home .fuse_logo span{width:55px;height:20px; margin-top: 6px; margin-left: 8px;}
	
	.start-page-container input{width:100% !important;}
	#postcode_section .btn, #table_number_section .btn{
		display: block;
		margin-left: 0;
		width: 100% !important;
		margin-top: 20px !important;	
	}
	
	/*menu page*/
	.menu_image_header{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.menu_image_header .image img{
		object-fit: none;
		max-width: none;
		object-position: left;
		height: 130px;
	}
	
	div.fdoe-item{margin-bottom:8%;}
	.fdoe-item .flex-container-row {	flex-direction: column;}
	.fdoe-item.fdoe_twentytwenty .fdoe_thumb{margin-left:0;}
	.fdoe-item.fdoe_twentytwenty .fdoe_thumb img{width:100%; height: 180px;}
	
	#fdoe-left-container{ width:100%;}
	#fdoe-right-container{  width:100%;}
	
	.menu_image_header .image_header_content .service_type{font-size:22px; letter-spacing:4px; line-height:46px; margin-left:5px;}
	.menu_image_header .image_header_content .back_link{
	
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 22px;
		display: block;
		width: 200px;
		margin-top: -40px;

	}
	
	
	#menu_headings{height:72px; padding-top:6px !important;}
	
	.fdoe_main_container #menu_headings.nav > li > a{font-size: 11.25px; letter-spacing: 0.5px;  line-height: 34.5px;}
	
	.menu_titles {
		font-size: 20px !important;
		letter-spacing: 3px !important;
		line-height: 26px !important;
		padding-left:0 !important;
		margin-top: 12px;
		text-align:left;
	}

	/*mobile basket*/
	#cart_aromodal_link{
		padding: 14px !important;
		font-size: 14px !important;
		font-weight: normal;
		letter-spacing: 2.5px;
		line-height: 32.2px;
		border-radius: 0px !important;
		border-color:transparent !important;
	}
	.fdoe_minicart_name {line-height: 18px;}
	
	/*product popup*/
	#exampleModalLabel_cart{
		font-family:DIN;
		text-transform:uppercase;
	}
	.product-aromodal.product-modal-style-1 button.button{font-size: 14px !important; padding: 14px !important;}
	.fdoe-modal-2-title{font-size:16px; letter-spacing:3px; line-height: 27px;}
	#checkout_button_1{width:100%; font-size:14px !important; padding:14px !important;}	
	
}