@charset "utf-8"; 
/* 
	CSS Document 
	AUTHOR:Appollinaire Egny
	WEBSITE:http://www.domainnane.co.uk

	Created in Mozilla Firefox3 

	THEME NAME:themename
	DESCRIPTION:Bespoke template for xxxx
	VERSION:1.0

	------------------------------------------------------------------
	[Master Stylesheet]
	-------------------------------------------------------------------
*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import url(normalize.css);
@import url(homepage.css);
@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(mobile.css);


@font-face {
  font-family: 'ArcherBold';
  src: url('../new_assets/css/fonts/Archer-Bold-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-Bold-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-Bold-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-Bold-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-Bold-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherBoldItal';
  src: url('../new_assets/css/fonts/Archer-BoldItal-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-BoldItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-BoldItal-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-BoldItal-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-BoldItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherBook';
  src: url('../new_assets/css/fonts/Archer-Book-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-Book-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-Book-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-Book-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-Book-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherBookItal';
  src: url('../new_assets/css/fonts/Archer-BookItal-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-BookItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-BookItal-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-BookItal-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-BookItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherHairline';
  src: url('../new_assets/css/fonts/Archer-Hairline-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-Hairline-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-Hairline-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-Hairline-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-Hairline-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherHairlineItal';
  src: url('../new_assets/css/fonts/Archer-HairlineItal-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-HairlineItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-HairlineItal-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-HairlineItal-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-HairlineItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherLight';
  src: url('../new_assets/css/fonts/Archer-Light-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-Light-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-Light-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-Light-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-Light-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherLightItal';
  src: url('../new_assets/css/fonts/Archer-LightItal-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-LightItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-LightItal-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-LightItal-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-LightItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherMedium';
  src: url('../new_assets/css/fonts/Archer-Medium-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-Medium-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-Medium-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-Medium-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-Medium-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherMediumItal';
  src: url('../new_assets/css/fonts/Archer-MediumItal-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-MediumItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-MediumItal-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-MediumItal-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-MediumItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherSembdItal';
  src: url('../new_assets/css/fonts/Archer-SembdItal-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-SembdItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-SembdItal-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-SembdItal-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-SembdItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherSemibold';
  src: url('../new_assets/css/fonts/Archer-Semibold-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-Semibold-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-Semibold-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-Semibold-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-Semibold-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherThin';
  src: url('../new_assets/css/fonts/Archer-Thin-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-Thin-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-Thin-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-Thin-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-Thin-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherThinItal';
  src: url('../new_assets/css/fonts/Archer-ThinItal-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-ThinItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-ThinItal-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-ThinItal-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-ThinItal-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherXLight';
  src: url('../new_assets/css/fonts/Archer-XLight-Pro.eot');
  src: url('../new_assets/css/fonts/Archer-XLight-Pro.eot?#iefix') format('embedded-opentype'),
       url('../new_assets/css/fonts/Archer-XLight-Pro.woff') format('woff'),
       url('../new_assets/css/fonts/Archer-XLight-Pro.ttf') format('truetype'),
       url('../new_assets/css/fonts/Archer-XLight-Pro.svg') format('svg');
}

@font-face {
  font-family: 'ArcherXLightItal';
  src: url('../fonts/Archer-XLightItal-Pro.eot');
  src: url('../fonts/Archer-XLightItal-Pro.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Archer-XLightItal-Pro.woff') format('woff'),
       url('../fonts/Archer-XLightItal-Pro.ttf') format('truetype'),
       url('../fonts/Archer-XLightItal-Pro.svg') format('svg');
}


/* Fonts */
@font-face {
  font-family: 'Conv_Gotham-Medium';
  src: url("../fonts/Gotham-Medium.eot");
  src: local("Ôÿ║"), 
  url("../fonts/Gotham-Medium.woff") format("woff"), 
  url("../fonts/Gotham-Medium.ttf") format("truetype"), 
  url("../fonts/Gotham-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_Gotham-Bold';
  src: url("../fonts/Gotham-Bold.eot");
  src: local("Ôÿ║"), url("../fonts/Gotham-Bold.woff") format("woff"), 
  url("../fonts/Gotham-Bold.ttf") format("truetype"), 
  url("../fonts/Gotham-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_Gotham-Thin';
  src: url("../fonts/Gotham-Thin.eot");
  src: local("Ôÿ║"), 
  url("../fonts/Gotham-Thin.woff") format("woff"), 
  url("../fonts/Gotham-Thin.ttf") format("truetype"), 
  url("../fonts/Gotham-Thin.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/** Generated by FG **/
@font-face {
  font-family: 'Conv_Gotham-Light';
  src: url("../fonts/Gotham-Light.eot");
  src: local("Ôÿ║"), 
  url("../fonts/Gotham-Light.woff") format("woff"), 
  url("../fonts/Gotham-Light.ttf") format("truetype"), 
  url("../fonts/Gotham-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }



/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');


/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,
p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td 					{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

:focus 								{outline:0}
body 								{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000; margin:0; padding:0}
/*ol, ul 								{list-style:none}*/

table 								{border-collapse:separate; border-spacing:0}
caption, th, td 					{text-align:left; font-weight:normal}
blockquote:before, 
blockquote:after,
q:before, q:after 					{content:""}
blockquote, q 						{quotes:"" ""}



* 									{margin:0; padding:0}
*, *:before, *:after 				{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


html, body 							{height:100%}
body, html 							{-ms-text-size-adjust:none; -moz-text-size-adjust:none; -o-text-size-adjust:none; -webkit-text-size-adjust:none}
html 								{box-sizing:border-box}
body 								{color:#3B3B3A; margin:0; padding:0; border:0; width:100%; background:#fff; font-size:100%; line-height:1.5em; font-family:'Open Sans', serif; font-weight:300; -webkit-text-size-adjust:none}

.fixed {
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1320px;
	width:100%;
	height:100%;
	font-family: ArcherMedium, "ArcherBold", "Archer SSm A", "Archer SSm B";
	font-style:normal;
	font-weight:500;
}

.fixed:after 						{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
.fixed 								{display:inline-block}
.fixed 								{display:block; zoom:1}	

a {
}
a:hover {
}
h1, h2, h3 {
	margin:0 0 .8em 0;
	padding:0;
}
p {
	margin:0 0 .8em 0;
	padding:0;
}


/* embedded videos */
	embed,
	object,
	iframe {
		width:100%;
		height:auto;
	}

ol, ul 								{ margin:0 0 0 20px;}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix:after 										{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
.clearfix 															{display:inline-block}
.clearfix 								{display:block; zoom:1}	
	
.group:before,
.group:after 							{content:""; display:table}
.group:after 							{clear:both}
.group 									{clear:both; *zoom:1}


	
/*	-------------------------------------------------------------
	HEADER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#header 												{position:relative; padding:0; margin:0; width:100%}
	
/*	-------------------------------------------------------------
	CONTENT STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#main 													{position:relative; padding:0; margin:0; width:100%; height:100%}

.nav_red 												{position:relative; padding:20px 20px; margin:0 auto; width:100%; color:#fff; background:#e0004d}

.nav_red ul 											{display:block; float:right}
.nav_red ul li 											{display:inline-block; padding:0 20px}
.nav_red ul li a 										{color:#fff; text-decoration:none}
.nav_red ul li:nth-child(odd) 							{border-right:1px solid #fff}

.items_frame 											{position:relative; padding:0 40px; margin:0; width:100%}
.items_frame img 										{display:block; width:100%; height:auto}

.tabContent 											{padding:0}
.tabsWrapper 											{}
.outterTabs 											{padding:0}
.tabsWrapper>label 										{display:inline-block; padding:0; width:33.33333%; float:left; padding:10px; text-align:center; line-height:18px}
.outterTabs>label 										{background:transparent; color:#000; width:50%; float:left; text-align:center; padding:10px; line-height:18px; border-bottom:1px solid rgba(177,177,177,1)}

.innerTabs>label 										{background:#D9D9D5; color:#000; /*border-top:1px solid rgba(177,177,177,1)*/}


.tabsWrapper>input[type=radio]:checked+label 			{background:rgba(132,189,0,1); color:#fff}
.innerTabs >input[type=radio]:checked+label 			{background:rgba(177,177,177,1) !important; color:#fff}
.tabsWrapper>input[type=radio] 							{display:none}
.tabsWrapper>label 										{white-space:nowrap}
.tabsWrapper>input[type=radio]:not(:checked)+label 		{cursor:pointer}
.tabsWrapper>.tabContent 								{display:none}
.tabsWrapper>input[type=radio]:checked+label+input+label+input+label+.tabContent,
.tabsWrapper>input[type=radio]:checked+label+input+label+.tabContent+.tabContent,
.tabsWrapper>input[type=radio]:checked+label+.tabContent+.tabContent+.tabContent {display:block}

.wraptabs>.tabContent, .wraptabs>input[type=radio] 		{display:none}
.wraptabs>label 										{white-space:nowrap}
.wraptabs:not(:checked)+label 							{cursor:pointer}
.wrap2tabs>input[type=radio]:checked+label+input+label+.tabContent,
.wrap2tabs>input[type=radio]:checked+label+.tabContent+.tabContent,
.wrap3tabs>input[type=radio]:checked+label+input+label+input+label+.tabContent,
.wrap3tabs>input[type=radio]:checked+label+input+label+.tabContent+.tabContent,
.wrap3tabs>input[type=radio]:checked+label+.tabContent+.tabContent+.tabContent,
.wrap4tabs>input[type=radio]:checked+label+input+label+input+label+input+label+.tabContent,
.wrap4tabs>input[type=radio]:checked+label+input+label+input+label+.tabContent+.tabContent,
.wrap4tabs>input[type=radio]:checked+label+input+label+.tabContent+.tabContent+.tabContent,
.wrap4tabs>input[type=radio]:checked+label+.tabContent+.tabContent+.tabContent+.tabContent {display:block}

.cmt_frame												{padding:40px 20px}

#information 											{border-collapse:collapse; width:100%}
#information th 										{padding:8px}
#information td 										{border-bottom:1px solid #c1c1c1; padding:8px}
#information tr:nth-child(even)							{background-color:#d9d9d5;}
#information th 										{padding-top:12px; padding-bottom:12px; text-align:left}

.call_me												{position:relative; padding:10px 0; margin:0; background:#81BE43; text-align:center; color:#fff}
.call_me a												{color:#fff; text-decoration:none; display:block; height:100%}

.two_boxes 												{position:relative; padding:0; margin:0; width:100%;}
.two_boxes > div 										{position:relative; padding:10px 0; text-align:center; margin:0; float:left; width:50%; border-right:1px solid #fff; color:#fff; background:#772A82}
.two_boxes > div a 										{color:#fff; text-decoration:none; display:block; height:100%}
		
.items_frame .rows_left									{position:relative; float:left; padding:0; margin:0; width:60%}
.items_frame .rows_right								{position:relative; float:right; padding:20px 0 0; margin:0 0 20px; width:40%; background:#E7E7E7}

.item_title												{position:relative; padding:10px 20px; margin:0 auto}

::-webkit-input-placeholder 							{color:#fff}
::-moz-placeholder 										{color:#fff}
:-ms-input-placeholder 									{color:#fff}
:-moz-placeholder 										{color:#fff}	
	
.dialog-background										{background:none repeat scroll 0 0 rgba(255, 0, 25, 0.5); height:100%; left:0; margin:0; padding:0; position:absolute; top:0; width:100%; z-index:100}
.dialog-loading-wrapper 								{height:auto; left:0; right:0; margin:0 auto; position:fixed; top:10%; width:35%; z-index:9999999}
.dialog-loading-wrapper img 							{display:block; max-width:100%; height:auto}
.dialog-loading-icon 									{border-radius:13px; display:block; height:100px; line-height:100px; margin:0; padding:1px; text-align:center; width:100px}
.logincontainer 										{position:relative; width:100%; padding:0; margin:0 auto}
.logincontainer input[type=password],
.logincontainer input[type=text] 						{width:100%; padding:5px; margin:0 0 5px; display:inline-block; border-color:#fff; border-width:0 0 1px 0; border-style:solid; box-sizing:border-box; background-color:transparent !important}
button 													{display:block; width:100px; height:40px; color:#000; background-color:#fff !important; border:none !important; float:right}

.error__msg												{position:relative; padding:0; margin:0; height:50px; line-height:50px; font-weight:600}
.anchorwhite											{text-decoration:none; color:#fff}

.box__title												{position:relative; width:180px; padding:0; margin:0 auto 50px}
.box__form												{position:relative; width:100%; padding:0; margin:0 auto; color:#fff}

.msg_box_inner 											{position:relative; padding:20px 0; margin:0; text-align:center; font-weight:600}
.msg_error_inner										{position:relative; padding:0; margin:0; font-weight:600; text-align:center}
.msg_error_inner a										{font-weight:300 !important; color:#fff; text-decoration:none}

.msg_error_inner a.plus									{display:inline-block; padding:0 0 0 5px; margin:0; color:#fff; text-decoration:none}

.msg_error_inner_sub									{position:relative; padding:20px 0; margin:0; width:100%; font-size:14px}
.msg_error_inner_sub a									{display:inline-block; padding:0; margin:0; color:#fff; text-decoration:none}





.recipes_list 											{position:relative; width:100%; padding:20px 0 0; margin:0 auto}
.recipes_list > div 									{position:relative; float:left; width:30%; padding:0; margin:0 20px 20px 0}
.recipes_list > div img 								{display:block; width:100%; height:auto}

/*
.recipes_list > div:nth-child(3n+3) {margin:0 0 20px !important}
*/

.item_pict		{}
.item_name		{
	position:relative; 
	padding:10px 5px; 
	text-align:center; 
	height:65px;
}

.shadow {
	-moz-box-shadow:    3px 2px rgba(204, 204, 204, 0.5); /*#ccc*/
	-webkit-box-shadow: 3px 2px rgba(204, 204, 204, 0.5); /*#ccc*/
	box-shadow:         3px 2px rgba(204, 204, 204, 0.5); /*#ccc*/
}

dl.Zebra_Accordion {
	position:relative;
    width: 100%;
	padding: 20px
}

dl.Zebra_Accordion dt {
    color: #000;
    padding: 5px 0;
	border-bottom:1px solid #000;
	position:relative;
	font-weight:bold;
	cursor:pointer
}

dl.Zebra_Accordion dt:after {
	content: " + ";
	padding: 0;
	color: #00;
	position: absolute;
	right: 0; 
	top: 10px;
	font-weight:bold;
	font-size:20px
}


dl.Zebra_Accordion dd {
    padding: 15px 0;
    margin: 1px 0;
}

dl.Zebra_Accordion dt.Zebra_Accordion_Expanded {
}

dl.Zebra_Accordion dt.Zebra_Accordion_Expanded:after {
	content: " - ";
	padding: 0;
	color: #00;
	position: absolute;
	right: 0; 
	top: 10px;
	font-weight:bold;
	font-size:20px
}

dt.Zebra_Accordion {position:relative}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */
.ck-button01 {
	margin:0 10px 10px 0 ;
	padding:0;
	background-color:#fff;
	float:left;
	width:100px; 
	height:40px;
	overflow:hidden;
	text-align:center;
	font-size:12px;
	display:table;
}

.ck-button01 a {
	display:table-cell; 
	line-height:14px; 
	vertical-align:middle; 
	width:100%; 
	height:100%; 
	color:#000; 
	text-decoration:none
} 

.ck-button01:nth-child(4n+4) {
	margin:0 0 10px !important
}

.ck-button01:hover {
	background:#81BE43;
}

.ck-button01:hover a,
.ck-button01.checked a {
	color: #fff !important;
}

.ck-button label {
	width:100px;
	height:40px;
	position:relative;
	overflow:hidden;
	cursor:pointer
}

.ck-button label span {
	text-align:center;
	padding:8px 0px;
	display:block;
	font-size:11px
}

.ck-button label input {
	position:absolute;
	top:-20px;
}

.ck-button input:checked + span {
	background-color:#81BE43;
	color:#fff;
}
.disabled {
	pointer-events: none; 
	background-color:rgba(210, 210, 201,1) !important; 
	cursor:none !important; 
	color:#fff !important
}

.disabled a {
	color:#fff !important
}

.checked {
	background-color:#81BE43 !important
}

.home_frame {
	position:relative; 
	padding:20px 0; 
	margin:0; 
	text-align:center; 
	font-weight:600
}

.home_frame p {
	display:lock; 
	padding:0; 
	margin:0 auto; 
	width:100%
}

.home_frame a {
	display:inline-block; 
	padding:0 20px; 
	margin:0; 
	color:#fff; 
	text-decoration:none
}

#home_nav {
	display:block; 
	width:70%; 
	padding:0; 
	margin:0 auto; 
	list-style:none
}

#home_nav li {
	display:block; 
	position:relative; 
	float:left; 
	width:50%; 
	padding:0; 
	margin:0; 
	text-align:center
}

#home_nav li:first-child {
	text-align:left !important
}

#home_nav li:first-child:after {
	content:"|"; 
	font-size: 13px; 
	display:block; 
	position:absolute; 
	width:2px; 
	right:0; 
	top:0
}

/** Changed 26-01-2026 **/
.items_frame {
	--ff-primary-800: ArcherBold, "Archer SSm A", "Archer SSm B";	
	--ff-primary-700: ArcherSemibold, "Archer SSm A", "Archer SSm B";
	--ff-primary-400: ArcherMedium, "Archer SSm A", "Archer SSm B";
	--ff-primary-300: ArcherLight, "Archer SSm A", "Archer SSm B";

	--fw-300: 300;
	--fw-400: 400;
	--fw-500: 500;
	--fw-600: 600;
	--fw-700: 700;	
	--fw-800: 800;

	.item_title.mobTitle > h1,
	.item_name 	{
		line-height: 24px;
	}
	
	h1.food_title {
		font-weight: var(--fw-800) !important;
	}
	
	.item_title.mobTitle > h1 {
		font-weight:  var(--fw-800);
		margin: 0;
		font-family: var(--ff-primary-800);
	}

	.item_name {
		font-family: var(--ff-primary-300);
		font-weight: var(--fw-300);
		font-size: 16px;
	}
	
	.ck-button01 a {
		font-family: var(--ff-primary-400);
		font-weight: var(--fw-400);
		font-size: 12px;
	}
}

/*	-------------------------------------------------------------
	FOOTER STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#footer {
	position:relative; 
	padding:0; 
	margin:0; 
	width:100%
}

.mobileOnly {
	display:none !important; 
	height:0 !important
}

@media only screen and (min-width : 320px) and (max-width : 667px) {
	#home_nav {
		display:block; 
		width:100%; 
		padding:0; 
		margin:0 auto; 
		list-style:none
	}

	.rows_right.scroll-to-fixed-fixed {
		position: absolute !important;
		z-index:2 !important;
		top:0 !important
	}
}

@media only screen and (min-width : 320px) and (max-width : 667px) and (orientation : landscape) { 
	.dialog-loading-wrapper {
		height: auto;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: fixed;
		top: 10%;
		width: 50%;
		z-index: 9999999;
	}

	.items_frame {
		position: relative;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.two_boxes {
		font-size:12px;
	}

	.recipes_list > div {
		position: relative;
		float: left;
		width: 43%;
		padding: 0;
		margin:0 2.5% 20px;
	}

	.item_name {
		height: 90px;
		line-height: 18px;
		font-size:13px
	}
	.item_title h1 {
		font-size:24px
	}

	.items_frame .rows_right,
	.items_frame .rows_left {
		width: 50%;
	}

	.ck-button01:nth-child(4n+4) {
		margin: 0 10px 10px 0 !important;
	}

	.ck-button01 {
		margin: 0 10px 10px 0
	}

	.item_title {
		position: relative;
		padding: 10px;
		margin: 0 auto;
	}
	dl.Zebra_Accordion {
		position: relative;
		width: 100%;
		padding: 10px;
	}
}

@media only screen and (min-width : 320px) and (max-width : 667px) and (orientation : portrait) {
	.dialog-loading-wrapper {
		height: auto;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: relative;
		top: 10%;
		width: 90%;
		padding:25px 0 0;
		z-index: 9999999;
	}

	.items_frame {
		position: relative;
		padding: 0 0;
		margin: 0;
		width: 100%;
	}

	.items_frame .rows_right {
		position: relative;
		float: none;
		padding: 20px 0 0;
		margin: 0 0 25px;
		width: 100%;
		background: #E7E7E7;
	}

	#filter {
		display:none; 
		z-index:100000001
	}

	.items_frame .rows_left {
		position: relative;
		float: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.recipes_list {
		position: relative;
		width: 98%;
		padding: 20px 0 0;
		margin: 0 auto;
	}

	.recipes_list > div {
		position: relative;
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}

	.two_boxes {
		font-size: 13px;
	}

	.nav_red {
		padding: 20px 0px;
	}

	.ck-button01:nth-child(4n+4) {
		margin: 0 10px 10px 0 !important;
	}

	.mobileOnly		{
		display:inline-block !important; 
		height:auto !important
	}

	.nav_red ul li:nth-child(odd) {
		border-right: 0px solid #fff;
	}
	.nav_red ul li:nth-child(even) {
		border-right: 1px solid #fff;
	}

	.nav_red ul li:first-child {
		display:none !important; height:0 !important
	}

	.ck-button01 {
		background-color: #fff;
		float: left;
		width: 48% !important;
		box-sizing:border-box;
		margin: 0 0 4% !important;
		height: 50px;
	}

	.ck-button01:nth-child(4n+4) {
		margin: 0 0 4% !important;
	}

	.ck-button01:nth-child(2n+2) {
		margin: 0 0 4% !important;
	}

	.ck-button01:nth-child(even) {
		 float: right !important;
	}
}


@media only screen and (min-width : 736px) and (max-width : 1024px)  {
	.dialog-loading-wrapper {
		height: auto;
		left: 0;
		right: 0;
		margin: 0 auto;
		position: fixed;
		top: 10%;
		width: 50%;
		z-index: 9999999;
	}
	
	.items_frame {
		position: relative;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.recipes_list > div {
		position: relative;
		float: left;
		width: 43%;
		padding: 0;
		margin: 0 20px 20px 0;
	}

	.item_name {
		height: 90px;
	}

	.items_frame .rows_right,
	.items_frame .rows_left {
		width: 50%;
	}
	
	.ck-button01:nth-child(4n+4) {
		margin: 0 10px 10px 0 !important;
	}
	
	.recipes--frame .items_frame .rows_right {
		position: -webkit-sticky;
    	position: sticky;
    	top: 0;
	}
	
	.recipes--frame .items_frame .rows_left {
		padding: 0 0 0 25px;
	}
	
	.single--recipe .items_frame .rows_right,
	.single--recipe .items_frame .rows_left {
		width: 100% !important;
		position: relative !important;
	}
	
	.single--recipe .items_frame img {
		width:unset !important;
		max-width: 80%;
		margin:0 auto
	}
	
	.single--recipe #recipe_box_left {
		position: relative !important;
		z-index: 1 !important;
		top: 0 !important;
		float: none;
		padding: 0;
		margin: 0;
	}
	
	.single--recipe .items_frame > div {
		height: auto !important;
	}
	.single--recipe .items_frame .rows_right {
		position: relative;
		float: none;
		padding: 20px 0 0;
		margin: 0 0 25px;
		width: 100%;
		background: #E7E7E7;
	}
}