/* cmsms stylesheet: BalancedPlate-AR modified: Tuesday, April 29, 2025 11:44:28 AM */
@import url(https://fonts.googleapis.com/css?family=Cantora+One);

@font-face
{
 font-family: 'angelina';
 src: url('/fonts/angelina.eot');
 src: url('/fonts/angelina.eot?#iefix') format('embedded-opentype'),
       url('/fonts/angelina.woff') format('woff'),
       url('/fonts/angelina.ttf') format('truetype'),
       url('/fonts/angelina.svg#angelinaregular') format('svg');
 font-weight: normal;
 font-style: normal;
}

*
{
 margin:0;
 padding:0;
}

body
{
 text-align:center;
 background:url('https://www.balancedplate.co.uk/uploads/images/table.jpg');
 background:#FEE5E5;
}

#page
{
 margin-left:auto;
 margin-right:auto;
 text-align:right;
 width:950px;
}

#page #content #plate
{
 position:relative;
 width:800px;
 height:600px;
 background:url('https://www.balancedplate.co.uk/uploads/images/plate-red.png') no-repeat;
}

#page #content #plate.homepage
{
 top:50px;
}

#page #content #plate .prev, #page #content #plate .next, #page #content #plate .prev a, #page #content #plate .next a
{
 height:251px;
 width:61px;
 display:block;
}

#page #content #plate .prev
{
 position:absolute;
 top:150px;
 left:80px;
 float:left;
 background:url('https://www.balancedplate.co.uk/uploads/images/arrow_left_off.png') no-repeat;
}

#page #content #plate .prev:hover
{
 background:url('https://www.balancedplate.co.uk/uploads/images/arrow_left_on.png') no-repeat;
}

#page #content #plate .next
{
 position:absolute;
 top:150px;
 right:80px;
 float:right;
 background:url('https://www.balancedplate.co.uk/uploads/images/arrow_right_off.png') no-repeat;
}

#page #content #plate .next:hover
{
 background:url('https://www.balancedplate.co.uk/uploads/images/arrow_right_on.png') no-repeat;
}

#page #content #plate #balanceFormWrapper
{
 padding-top:120px;
 text-align:center;
}

#page #content #plate #balanceFormWrapper fieldset
{
 margin:0;
 padding:0;
 border:0;
}

#page #content #plate #balanceFormWrapper fieldset legend
{
 text-align:center;
 font-family: 'Cantora One', sans-serif;
 font-size:16px;
 width:100%;
}

#page #content #plate #balanceFormWrapper fieldset input
{
 font-family: 'Cantora One', sans-serif;
 font-size:16px;
 text-align:center;
 width:220px;
 height:30px;
 margin-top:5px;
}

#page #content #plate #balanceFormWrapper fieldset p
{
 margin-top:5px;
 font-family: 'Cantora One', sans-serif;
 font-size:11px;
}

#page #content #plate #balanceFormWrapper fieldset a
{
 color:#EB5255;
 text-decoration:none;
}

#page #content #plate #balanceFormWrapper fieldset a:hover
{
 color:#C74545;
 text-decoration:underline;
}

#page #content #plate h1
{
 font-family: 'Cantora One', sans-serif;
 font-size:20px;
 font-weight:normal;
 text-align:center;
 padding-top:50px;
 letter-spacing:-1px;
 position:absolute;
 right:-145px;
}

#page #content #plate h1.resultsHeader
{
 right:41%;
}

#page #content #plate h1 span
{
 display:block;
}

#page #content .intro
{
 text-align:center;
 width:100% !important;
 height:30px !important;
 position:absolute !important;
 right:0px !important;
 font-family: 'Cantora One', sans-serif;
 font-size:22px;
 font-weight:bold;
 background:#33B02C;
 color:#fff;
 padding-top:10px;
 padding-bottom:10px;
}

#page #content .intro p
{
 width:100% !important;
 margin-top:10px !important;
}

#page #content #plate p.notes
{
 margin:0;
 font-family: 'Cantora One', sans-serif;
 font-size:14px;
 font-weight:normal;
 text-align:left;
 position:absolute;
 top:510px;
 letter-spacing:-1px;
 left:-50px;
 background:#fff url('https://www.balancedplate.co.uk/uploads/images/notepad.jpg') 4px 4px no-repeat;
 height:35px;
 padding-left:35px;
 padding-right:5px;
 border:solid 2px #000;
 padding-top:2px;
 line-height:15px;
}

#page #content #plate p.notes a
{
 position:relative;
 z-index:999;
 text-decoration:none;
}

#page #content #plate #recipes
{
 position:relative;
 width:800px;
 margin-left:auto;
 margin-right:auto;
}

#page #content #plate #recipes .recipe
{
 position:absolute;
 top:20px;
 width:529px;
 left:135px;
 height:529px;
}

#page #content #plate #recipes #recipe1
{
 display:block;
}

#page #content #plate .prev
{
 position:relative;
 z-index:100;
}

#page #content #plate .next
{
 position:relative;
 z-index:100;
}

#page #content #plate p#recipesTotal
{
 display:none;
}

#blacktrans
{
 display:none;
 width:100%;
 height:100%;
 overflow-x:hidden;
 overflow-y:hidden;
 position:fixed;
 top:0;
 left:0;
 background:url('https://www.balancedplate.co.uk/uploads/images/blacktrans.png');
 z-index:501;
}

#blacktrans .popupBox
{
 position:absolute;
 left:50%;
 margin-left:-374px;
 top:50px;
 width:731px;
 background:#fff;
 z-index:99999 !important;
 background:url('https://www.balancedplate.co.uk/uploads/images/postcard_middle.jpg');
}

#blacktrans .popupBox .bgBot
{
 position:absolute;
 bottom:0;
 left:0;
 background:url('https://www.balancedplate.co.uk/uploads/images/postcard_bottom.jpg') no-repeat bottom left;
 width:731px;
 z-index:0;
 height:100px;
}

#blacktrans .popupBox h2
{
 font-family: 'Cantora One', sans-serif;
 font-size:18px;
 letter-spacing:-1px;
 float:left;
 color:#330033;
 width:691px;
 text-align:left;
 z-index:1;
 position:relative;
 top:0;
 left:0;
 background:url('https://www.balancedplate.co.uk/uploads/images/postcard_top.jpg') no-repeat;
 padding-top:40px;
 padding-left:40px;
 height:30px;
}

#blacktrans .popupBox p
{
 clear:both;
 margin-bottom:15px;
 font-size:14px;
 font-family: 'Cantora One', sans-serif;
 width:650px;
 margin-left:40px;
 margin-top:40px;
 z-index:1;
 position:relative;
}

#blacktrans .popupBox .closeBox
{
 position:absolute;
 right:0;
 margin-right:29px;
 margin-top:8px;
 z-index:2;
}

#blacktrans .popupBox .closeBox a
{
 color:#f00;
 text-decoration:none;
 font-family: 'Cantora One', sans-serif;
 font-size:12px;
 text-align:right;
}

#blacktrans .popupBox .popupScroll
{
 height:300px;
 overflow-y:auto;
 overflow-x:hidden;
}

#blacktrans .popupBox .popupScroll h2.loading
{
 margin-bottom:60px;
}

#plateContent
{
 position:relative;
 width:529px;
 height:529px;
 position:absolute;
 top:20px;
 left:135px;
 z-index:99;
}

#plateContent:hover #plateLines
{
 position:absolute;
 width:529px;
 height:529px;
 background:url('https://www.balancedplate.co.uk/uploads/images/ring_lines.png') no-repeat;
 z-index:1;
}

.recipe img
{
 position:absolute;
 top:0;
 left:0;
}

.noteyellow-a, .notepink-a, .notegreen-a, .notegreen-b, .notegreen-c, .noteblue-a, .notepurple-a
{
 display:none;
 width:150px;
 text-align:center;
 z-index:500;
 position:absolute;
 background:url('https://www.balancedplate.co.uk/uploads/images/speechbubble.png') bottom left no-repeat;
 font-family:'Cantora One',sans-serif;
 font-size:13px;
 padding-bottom:13px;
}

.noteInner
{
 background:#fffe93;
 padding:4px;
 border:solid 1px #000;
 border-bottom:0;
}

.noteyellow-a
{
 bottom:320px;
 left:240px;
}

.notepurple-a
{
 bottom:100px;
 left:150px;
}

.noteblue-a
{
 bottom:150px;
 left:250px;
}

.notepink-a
{
 bottom:100px;
 left:50px;
}

.notegreen-a
{
 bottom:225px;
 left:35px;
}

.notegreen-b
{
 bottom:300px;
 left:60px;
}

.notegreen-c
{
 bottom:360px;
 left:106px;
}

#recipeContent p
{
 text-align:left;
 font-family: 'Cantora One', sans-serif;
 font-size:14px;
 margin-bottom:10px;
}

#recipeContent h2
{
 text-align:left;
 font-family: 'Cantora One', sans-serif;
 font-size:18px;
 margin-bottom:10px;
}

#shoppingList
{
 position:absolute;
 width:187px;
 background:url('https://www.balancedplate.co.uk/uploads/images/notebook_page.png') no-repeat;
 padding:5px;
 padding-top:20px;
 position:absolute;
 top:100px;
 left:780px;
 max-height:243px;
 overflow-y:auto;
 overflow-x:hidden;
}

#shoppingList ul
{
 margin:0;
 padding:0;
 list-style-type:none;
}

#shoppingList ul li
{
 margin-bottom:10px;
 font-family:'angelina';
 font-size:19px;
}

#shoppingList ul li a
{
 color:#000;
 text-decoration:none;
}

#shoppingList ul li.selected a
{
 color:#f00;
}

#shoppingList ul li a:hover
{
 text-decoration:underline;
}

#shoppingList h3
{
 font-family: 'Cantora One', sans-serif;
 font-size:18px;
 letter-spacing:-1px;
 margin-bottom:10px;
 font-weight:normal;
}

#balanceFormResults
{
 text-align:center;
}

#page #content #plate #balanceFormResults h1
{
 padding-top:70px;
}

#balanceFormResults p
{
 font-family: 'Cantora One', sans-serif;
 font-size:14px;
 position:absolute;
}

#balanceFormResults p span
{
 font-size:40px;
 display:block;
 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#balanceFormResults p.resultsGreen
{
 top:165px;
 left:280px;
}

#balanceFormResults p.resultsGreen span
{
 color:#64AD42;
}

#balanceFormResults p.resultsYellow
{
 top:165px;
 left:405px;
}

#balanceFormResults p.resultsYellow span
{
 color:#FFE53C;
}

#balanceFormResults p.resultsPink
{
 top:280px;
 left:240px;
}

#balanceFormResults p.resultsPink span
{
 color:#DE8E87;
}

#balanceFormResults p.resultsBlue
{
 top:280px;
 left:465px;
}

#balanceFormResults p.resultsBlue span
{
 color:#5CB5D7;
}

#balanceFormResults p.resultsPurple
{
 top:350px;
 left:377px;
}

#balanceFormResults p.resultsPurple span
{
 color:#8B418E;
}

#balanceFormResults p.result0, #balanceFormResults p.result1, #balanceFormResults p.result2, #balanceFormResults p.result3, #balanceFormResults p.result9
{
 text-align:center;
 font-family: 'Cantora One', sans-serif;
 font-size:20px;
 letter-spacing:-1px;
 position:relative;
 padding-top:450px;
}

#balanceFormResults p.result0, #balanceFormResults p.result9
{
 color:#f00;
}

#balanceFormResults p.result1
{
 color:#FFA500;
}

#balanceFormResults p.result3
{
 color:#3c0;
}

#balanceFormResults p.resultMore
{
 text-align:center;
 font-family: 'Cantora One', sans-serif;
 font-size:13px;
 width:100%;
}

#balanceFormResults p.unbalanced
{
 color:#f00;
}

#balanceFormResults p.balanced
{
 color:#64AD42;
}

img
{
 border:0 !important;
}

#samplePlate
{
 position:absolute;
 top:80px;
 left:205px;
}

#samplePlate img
{
 position:absolute;
}

#samplePlate #sampleFoods img
{
 top:4px;
 left:4px;
 width:400px !important;
 height:400px !important;
}

#sampleText img
{
 width:405px !important;
 height:405px !important;
}

p.printLink
{
 height:19px;
 border:solid 1px #ddd;
 float:left;
 width:102px;
 box-sizing:border-box;
 margin-right:10px;
 background:url('https://www.balancedplate.co.uk/uploads/images/print.jpg') 4px 5px no-repeat;
 padding:2px 0px 21px 25px;
 margin-top:0 !important;
}

p.error
{
 color:#f00;
 border:solid 1px #f00;
 padding:3px;
 display:block;
 width:185px;
 width:320px;
 margin-left:305px;
 margin-left:228px;
 background:#fff;
}

p.error.tybError
{
 margin-left:288px;
 width:214px;
}

p.error a
{
 color:#000 !important;
 text-decoration:underline !important;
}

p.error a:hover
{
 color:#f00 !important;
}

.contactform fieldset
{
 margin:0;
 padding:0;
 border:0;
}

.contactform fieldset legend
{
 display:none;
}

.contactformdiv label
{
 display:block;
 width:15%;
 float:right;
 margin-bottom:5px;
 clear:both;
 font-family:'Cantora One',sans-serif;
 font-size:13px;
 text-align:left;
 box-sizing:border-box;
 padding:5px;
}

.contactformdiv label.fullWidth
{
 float:none;
 width:100%;
}

.contactformdiv input
{
 margin-bottom:5px;
 width:80%;
 font-family:'Cantora One',sans-serif;
 font-size:13px;
 float:left;
 box-sizing:border-box;
 margin-right:1%;
}

.contactformdiv select.plates
{
 margin-bottom:5px;
 width:80%;
 font-family:'Cantora One',sans-serif;
 font-size:13px;
 float:left;
 box-sizing:border-box;
 margin-right:1%;
 padding:3px;
}

.contactformdiv textarea
{
 margin-bottom:5px;
 width:80%;
 height:120px;
 resize:none;
 font-family:'Cantora One',sans-serif;
 font-size:13px;
 float:left;
 box-sizing:border-box;
 margin-right:1%;
}

.contactformdiv .submit input
{
 height:40px;
 width:200px;
 font-weight:bold;
 float:right;
}

#page #content #plate p#foodnotes
{
 margin:0;
 font-family: 'Cantora One', sans-serif;
 font-size:14px;
 font-weight:normal;
 text-align:left;
 position:absolute;
 top:530px;
 letter-spacing:-1px;
 left:500px;
 background:#fff url('https://www.balancedplate.co.uk/uploads/images/circle-icon-small.png') 198px 4px no-repeat;
 height:35px;
 padding-left:5px;
 padding-right:35px;
 border:solid 2px #000;
 padding-top:2px;
 line-height:15px;
 width:190px;
}

#page #content #plate p#foodnotes.green
{
 border:solid 2px #64ad42;
 background-color:#ddfbcf;
}

#page #content #plate p#foodnotes.yellow
{
 border:solid 2px #ffe53c;
 background-color:#fffebe;
}

#page #content #plate p#foodnotes.blue
{
 border:solid 2px #5cb5d7;
 background-color:#d1f2ff;
}

#page #content #plate p#foodnotes.purple
{
 border:solid 2px #8b418e;
 background-color:#f4b5f7;
}

#page #content #plate p#foodnotes.pink
{
 border:solid 2px #de8e87;
 background-color:#ffeeed;
}

#siteFooter
{
 width:950px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 clear:both;
}

#siteFooter.home
{
 margin-top:60px;
}

#siteFooter ul
{
 list-style-type:none;
 font-family:'Cantora One',sans-serif;
 font-size:12px;
 margin-top:10px;
}

#siteFooter ul li
{
 margin-right:17px;
 float:left;
 margin-bottom:15px;
 color:#666;
}

#siteFooter ul li a
{
 color:#666;
 text-decoration:none;
}

#siteFooter ul li a:hover
{
 text-decoration:underline;
}

#siteFooter ul li.black
{
 color:#000;
}

#siteFooter ul li.black a
{
 color:#000;
}

h3.contactTitle
{
 font-family:'Cantora One',sans-serif;
 font-size:20px;
 font-weight:normal;
 text-align:left;
 margin-left:42px;
 margin-top:5px;
}

img#dinnerLink
{
 margin-left:10px;
 border:0;
 cursor:pointer;
}

img#breakfastLink
{
 margin-right:10px;
 border:0;
 cursor:pointer;
}

#searchContent
{
 display:none;
}

img.mealTypeSwitch
{
 border:0;
 width:75px;
 height:auto;
}

#popup
{
 display:none;
 position:fixed;
 width:600px;
 left:50%;
 margin-left:-300px;
 padding:10px;
 z-index:999;
 background:#fff;
 top:10%;
 height:80%;
 box-sizing:border-box;
}

#popup .popupClose
{
 height:10%;
}

#popup .popupClose img
{
 height:30px;
 width:auto;
 float:right;
}

#popup .popupClose a
{
 color:#f00;
 font-size:12px;
 font-family: 'Cantora One', sans-serif;
 text-decoration:none;
 float:left;
}

#popup p
{
 text-align:right;
 padding-right:10px;
}

#popup #recipeContent
{
 clear:both;
 height:90%;
 overflow-x:hidden;
 overflow-y:auto;
}

#notes1
{
 display:block;
}

#userimagesdiv
{
 display:none;
}

.clear
{
 clear:both;
}

p.contactEmail
{
 margin-top:0 !important;
 margin-bottom:5px !important;
}

h2.contactTitle
{
 margin-bottom:3px;
}

.captcha
{
 float:left;
 margin:0;
 margin-left:5px;
}

.captcha img
{
 display:block;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:5px;
}

.captcha input
{
 float:none;
 width:150px;
 padding:5px;
 font-size:16px;
 font-weight:bold;
 margin-top:5px;
 text-align:center;
 margin-bottom:0;
}

#searchResults
{
 width:500px;
 height:200px;
 overflow:auto;
 background:#fff;
 margin-left:-250px;
 border:solid 1px #bbb;
 border-top:0;
 z-index:999;
 position:absolute;
 left:50%;
 margin-top:-1px;
 display:none;
}

@media (max-width:500px)
{
 #searchResults
 {
  width:385px;
  margin-left:-192px;
 }
}

#searchResults h3
{
 font-size:16px;
 margin-bottom:0;
 margin-top:10px;
}

#searchResults ul
{
 list-style-type:none;
 margin:0;
 padding:0;
}

#searchResults ul li
{
 margin:0;
 padding:0;
}

#searchResults ul li a
{
 display:block;
 padding:5px;
}

#searchResults ul li a:hover
{
 background:#eee;
}

#searchResults p.error
{
 width:auto;
 margin:0;
 margin:50px;
}

h1.plateName
{
 font-family:'angelina';
 font-size:50px;
 margin-top:20px;
 margin-bottom:0;
 text-align:center;
 font-weight:bold;
}

#results #listResults p.error
{
 margin:0;
 height:400px;
 width:100%;
 text-align:center;
 padding:20px;
 padding-top:180px;
 box-sizing:border-box;
}

#results #listResults ul li.food a
{
 background:#F4F39C;
}

#results #listResults ul li.food:hover a
{
 background:#F5F246;
}

#results #listResults ul li.recipe p.mealTypes
{
 font-size:11px;
 color:#666;
 text-transform:uppercase;
 margin-bottom:5px;
 text-align:right;
}

#results #listResults ul li.recipe img.filterRecipePhoto
{
 position:relative;
 float:right;
 height:50px;
 width:50px;
 margin-left:15px;
}

#plateTabs
{
}

#plateTabs ul
{
 list-style-type:none;
 margin:0;
 padding:0;
}

#plateTabs ul li
{
 display:inline;
 width:calc(100% / 4);
 float:left;
 text-align:center;
}

#plateTabs ul li a
{
 display:block;
 padding:10px;
 background:#fff;
 margin-top:12px;
 border-left:solid 1px #ddd;
 text-decoration:none;
 transition:background 0.3s ease-in-out;
 color:#000;
}

#plateTabs ul li.selected a
{
 background:#999;
 color:#fff;
 font-weight:bold;
 padding:16px 10px;
 margin-top:0;
 border-left:0;
}

@media(max-width:680px)
{
 #plateTabs ul li a span
 {
  display:none;
 }
}

#plateTabs ul li a:hover
{
 background:#eee;
}

#plateTabs ul li.selected a:hover
{
 background:#999;
}

#barShare
{
 height:56px;
 background:#999;
 padding:10px;
 display:none;
}

#barSimilar
{
 display:none;
 padding:10px;
 background:#999;
}

#barPhotos
{
 display:none;
 padding:10px;
 background:#999;
}

.platePhotoThumb
{
 width:12.5%;
 box-sizing:border-box;
 padding:10px;
 float:left;
 font-size:12px;
}

#barPhotos a, #barSimilar a
{
 color:#fff;
 display:block;
}

.platePhotoThumb img.userPhotoThumb
{
 width:100%;
 height:auto;
 margin-bottom:4px;
}

.userPlaceholder
{
 position:absolute;
 width:100%;
 height:100% !important;
 display:none;
}

#pagenew #recipes .userPlaceholder img
{
 left:0 !important;
 transform:none !important;
}

#barSimilar ul
{
 list-style-type:none;
 padding:0;
 margin:0;
}

#barSimilar ul li
{
 width:23%;
 margin:1%;
 float:left;
 box-sizing:border-box;
}

#barSimilar ul li a
{
 border:solid 1px #fff;
 padding:10px;
 display:block;
 text-decoration:none;
 transition:background 0.3s ease-in-out;
 font-size:13px;
}

#barSimilar ul li:hover a
{
 background:#222;
}

#barSimilar ul li.backToFilter a
{
 background:#222;
}

.navbar-toggle
{
 float:left;
 margin-left:-15px;
}

@media(min-width:993px)
{
 #arabicRecipeList
 {
  width:800px;
  margin-left:auto;
  margin-right:auto;
 }

 #arabicRecipeList h3
 {
  margin-top:20px;
  font-size:30px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry
 {
  width:250px;
  float:right;
  border:solid 1px #ddd;
  background:#fff;
  box-sizing:border-box;
  margin-left:25px;
  margin-bottom:25px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry:nth-child(3n)
 {
  margin-left:0;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry a
 {
  display:block;
  padding:10px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry img
 {
  width:150px;
  height:150px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry h1
 {
  font-size:20px;
  height:44px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry p
 {
  margin-bottom:0;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry p span
 {
  display:inline-block;
  background:#ddd;
  padding:2px 5px;
  color:#000;
  margin-left:2px;
  margin-right:2px;
  margin-bottom:10px;
 }
}

@media(min-width:620px) and (max-width:992px)
{
 #arabicRecipeList
 {
  width:480px;
  margin-left:auto;
  margin-right:auto;
 }

 #arabicRecipeList h3
 {
  margin-top:20px;
  font-size:30px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry
 {
  width:220px;
  float:left;
  border:solid 1px #ddd;
  background:#fff;
  box-sizing:border-box;
  margin-right:40px;
  margin-bottom:40px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry:nth-child(2n)
 {
  margin-right:0;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry a
 {
  display:block;
  padding:10px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry img
 {
  width:150px;
  height:150px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry h1
 {
  font-size:20px;
  height:44px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry p
 {
  margin-bottom:0;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry p span
 {
  display:inline-block;
  background:#ddd;
  padding:2px 5px;
  color:#000;
  margin-left:2px;
  margin-right:2px;
  margin-bottom:10px;
 }
}

@media(max-width:619px)
{
 #arabicRecipeList
 {
  margin-left:10px;
  margin-right:10px;
 }

 #arabicRecipeList h3
 {
  margin-top:20px;
  font-size:30px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry
 {
  border:solid 1px #ddd;
  background:#fff;
  box-sizing:border-box;
  margin-bottom:20px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry a
 {
  display:block;
  padding:10px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry img
 {
  width:100%;
  height:auto;
  margin-bottom:10px;
  max-width:300px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry h1
 {
  font-size:20px;
  height:44px;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry p
 {
  margin-bottom:0;
 }

 #arabicRecipeList #arabicListResults .arabicListEntry p span
 {
  display:inline-block;
  background:#ddd;
  padding:2px 5px;
  color:#000;
  margin-left:2px;
  margin-right:2px;
  margin-bottom:10px;
 }
}
/* cmsms stylesheet: BalancedPlateFilter-AR modified: Monday, September 14, 2020 10:50:35 PM */
#filter
{
 width:200px;
 float:right;
 background:#fff;
 padding:10px;
 border:solid 1px #ddd;
 box-shadow:2px 2px 3px #333;
 margin-right:10px;
}

@media(max-width:650px)
{
 #filter
 {
  width:calc(100% - 20px);
  float:none;
  margin-bottom:10px;
  box-sizing:border-box;
 }
}

#filter br
{
 display:none;
}

#filter fieldset
{
 display:block;
 margin-bottom:15px;
}

#filter fieldset legend
{
 font-size:14px;
 border:none;
 text-align:right;
 font-weight:bold;
 margin-bottom:4px;
}

#filter fieldset label
{
 display:block;
 cursor:pointer;
}

#filter fieldset label span
{
 text-align:right;
 font-size:13px;
 font-weight:normal;
 display:block;
}

#filter fieldset label input
{
 margin:0;
 padding:3px;
 font-size:15px;
 box-sizing:border-box;
 border:solid 1px #ddd;
 width:100%;
 font-weight:normal;
}

#filter fieldset label.cb input
{
 float:right;
 width:12px;
 height:12px;
 margin-left:5px;
 margin-right:1px;
 margin-bottom:5px;
 margin-top:2px;
}

#filter input.submit
{
 box-sizing:border-box;
 width:100%;
 padding:10px;
 font-weight:bold;
}

#results
{
 float:left;
 margin-right:10px;
 width:calc(100% - 240px);
}

@media(max-width:650px)
{
 #results
 {
  width:calc(100% - 20px);
  float:none;
  margin-left:10px;
 }
}

#results #listResults
{
 text-align:left;
}

#results #listResults ul
{
 list-style-type:none;
 margin:0;
 padding:0;
}

#results #listResults ul li
{
 display:block;
}

#results #listResults ul li a
{
 display:block;
 border:solid 1px #ccc;
 background:#e5e5e5;
 padding:10px;
 margin-bottom:10px;
 transition:background 0.3s ease-in-out;
 text-decoration:none;
}

#results #listResults ul li a:hover
{
 background:#fff;
}

#results #listResults ul li h1
{
 font-size:18px;
 font-weight:bold;
 margin:0;
 margin-bottom:5px;
 margin-top:5px;
 text-align:right;
}

#results #listResults ul li p
{
 font-size:13px;
 margin-bottom:0;
}
/* cmsms stylesheet: BalancedPlateExtra-AR modified: Tuesday, April 29, 2025 11:45:41 AM */
body{
 line-height:normal;
 padding: 60px 0 0 0;
 -webkit-transition: padding 1s ease-in-out;
 -moz-transition: padding 1s ease-in-out;
 -o-transition: padding 1s ease-in-out;
 transition: padding 1s ease-in-out;

 background: #fee5e5; /* For browsers that do not support gradients */
 background: -webkit-linear-gradient(#fee5e5, #fff); /* For Safari 5.1 to 6.0 */
 background: -o-linear-gradient(#fee5e5, #fff); /* For Opera 11.1 to 12.0 */
 background: -moz-linear-gradient(#fee5e5, #fff); /* For Firefox 3.6 to 15 */
 background: linear-gradient(#fee5e5, #fff); /* Standard syntax */
 background-repeat:no-repeat;
}

.h1, .h2, .h3, h1, h2, h3{
 margin-top:0;
}

p, ol, ul{
 line-height:1.5em;
}

ul{
 margin-left:15px;
}

.clicktitle{
 background:url('https://www.balancedplate.co.uk/uploads/images/clickdown.png') 0px 0px no-repeat;
 padding-left:30px;
 cursor:pointer;
}

.clicktitle.clickshown{
 background:url('https://www.balancedplate.co.uk/uploads/images/clickup.png') 0px 0px no-repeat;
}

.clickbody{
 display:none;
}

.shoppingList hr{
 margin-bottom:5px;
 margin-top:8px;
}

#pagenew #plate h1{
 font-family: 'Cantora One', sans-serif;
 font-size:16px;
 font-weight:normal;
 text-align:center;
 letter-spacing:-1px;
}

#pagenew #plate h1.resultsHeader{
 font-size:12px;
 padding-top:10%;
}

#pagenew #plate h1 span{
 display:block;
}

#popup{
 margin-left:50%;
 transform:translateX(-50%);
 top:20%;
 height:70%;
 width:90%;
 max-width:600px;
 left:auto;
 z-index:1050;
}

.navbar-default{
 background:rgba(255,255,255,1);
 font-family:'angelina';
 font-size:20px;
 font-weight:bold;
}

#bs-main ul
{
 margin-top:10px;
}

#bs-main ul li a{
 padding:20px 10px;
}

#bs-main ul:not(.dropdown-menu) li:first-child a{
 padding-left:0;
}

#bs-main ul:not(.dropdown-menu) li:last-child a{
 padding-right:0;
}


li.menuactive a span{
 color:#33b02c;
}

li.parent:hover ul.dropdown-menu {
    display: block;
}

ul.dropdown-menu{
 font-size:inherit;
 padding:0;
}

ul.dropdown-menu li a{
 padding:5px 10px!important;
}

ul.dropdown-menu li span{
 color:#777;
}

ul.dropdown-menu li:hover span{
 color:#000;
}

img.navlogo{
 position:absolute;
 top:10px;
 right:10px;
}

div.intro{
 background: #33b02c none repeat scroll 0 0;
 color: #fff;
 font-family: "Cantora One",sans-serif;
 font-size: 13px;
 font-weight: normal;
 height: 50px;
 padding-bottom: 10px;
 padding-top: 10px;
 position: relative;
 width: 100%;
 margin:0 auto;
 max-width:800px;
}

div.intro p{
 margin:10px 0 0 0;
 text-align:center!important;
 width:100%!important;
 display:none;
}

.container-fluid, .row {
 padding:0;
 margin-left:0;
 margin-right:0;
}

.xsnopad{
 padding-left:0;
 padding-right:0;
}

#pagenew{
 top:0px;
 width:100%;
 padding-bottom:0;
 margin:20px auto 0 auto;
 position:relative;
 max-width:800px;
}

.pa-home #pagenew,
.pa-search #pagenew,
.pa-balance #pagenew,
.pa-test #pagenew{
 padding-bottom:75%;
}

#plate {
 background: rgba(204, 255, 204, 0.5);
 background: rgba(0, 0, 0, 0) url("https://www.balancedplate.co.uk/uploads/images/plate-red.png") no-repeat scroll 0 0;
 background-size:100% auto;
 position: relative;
 height:100%;
 width:100%;
 text-align:right;
 float:left;
 border:solid 3px #999;
}

.pa-home #plate,
.pa-search #plate,
.pa-balance #plate,
.pa-test #plate{
 background: rgba(0, 0, 0, 0) url("https://www.balancedplate.co.uk/uploads/images/plate-red.png") no-repeat scroll 0 0;
 background-size:100% auto;
 position: absolute;
 padding:0px;
 text-align:center;
}

#searchFormWrapper, .sitemenucontainer{
 clear: both;
 margin-left: auto;
 margin-right: auto;
 width:100%;
 text-align:center;
 position:relative;
 top:0px;
 background:none;
 padding-top:10px;
 padding-bottom:0;
 max-width:800px;
}

.sitemenucontainer{
 padding:0;
 overflow:hidden;
}

#searchFormWrapper{
 padding-bottom:0px;
 margin-bottom:0px;
 color:#000;
 background:none;
}

.ui-autocomplete-category.alert{
 color:red;
}
.ui-menu-item-wrapper.ui-state-active{
 color:green;
 font-weight:normal;
 border:none;
 margin:0;
}

.sitemenucontainersearch{
 position:relative;
 text-align:left;
}

.shoppingList{
 padding: 20px 15px 5px;
 z-index:1000;
 position:absolute;
 right:-300px;
 left:auto;
 top:70px;
 opacity: 0;
 max-height:500px;
 width:175px;
 overflow:auto;
 -webkit-transition: all 0.5s ease-in;
 -moz-transition: all 0.5s ease-in;
 -o-transition: all 0.5s ease-in;
 transition: all 0.5s ease-in;
}

.forumcf .shoppingList{
 top:20px;
}

.shoppingList.rejigged{
 padding: 5px 8px 5px;
 z-index:1000;
 position:relative;
 right:auto;
 left:auto;
 top:0px;
 opacity: 1;
 height:auto;
 width:100%;
 max-width:800px;
 overflow:hidden;
 margin:10px auto 0 auto;
 background: rgba(0, 0, 0, 0) url("https://www.balancedplate.co.uk/uploads/images/NotePad.png") repeat scroll 0 0;
 background: #fff;
 max-height:unset;
 z-index:1;
}

.shoppinglistsection{
 width:100%;
 float:left;
 margin:0 0 0 0;
}

.shoppingList ul{
 margin:0;
 padding:0;
 list-style-type:none;
}

.shmtarget{
 display:none;
}

.shoppingList ul li{
 float:left;
 margin-bottom:5px;
 margin-right:12px;
 font-family:'angelina';
 font-size:19px;
}

.shoppingList ul li a{
 color:#000;
 text-decoration:none;
}

.shoppingList ul li.selected a{
 color:#f00;
}

.shoppingList ul li a:hover{
 text-decoration:underline;
}

.shoppingList h3{
 font-family: 'Cantora One', sans-serif;
 font-size:16px;
 letter-spacing:-1px;
 margin-bottom:10px;
 font-weight:normal;
}

.currentspan{
 cursor:pointer;
 font-family:'angelina';
 font-size:20px;
 font-weight:bold;
 color:#000;
 text-decoration:none;
}

.currentspan:hover{
 text-decoration:underline;
}

.listprompt{
 position:relative;
}

.listprompt h3{
 display:inline-block;
 margin-right:10px;
}

#shm,#shmbottom, .togglegal, .galprompt {
 cursor:pointer;
 text-decoration:none;
 font-family: 'Cantora One', sans-serif;
 font-size:14px;
 letter-spacing:-1px;
 font-weight:normal;
 position:absolute;
 right:10px;
 top:0px;
}
#shmbottom{
 top:5px;
}

#shm:hover, #shmbottom:hover, .togglegal:hover{
 text-decoration:underline;
}

.togglegal, .galprompt{
 color:#337ab7;
 position:relative;
 float:right;
}

img.mealTypeSwitch{
 width:85px!important;
 margin-left:10px;
}

img.mealTypeSwitch:hover{
 background:#ffffcc;
}

#samplePlate{
 position:relative;
 width:70%;
 height:auto;
 margin: 0 auto;
 top:3%;
 left:auto;
}

#sampleFoods, #sampleOutline{
 position:relative;
}

#sampleText{
 width:auto!important;
}

#samplePlate #sampleFoods img,
#samplePlate #sampleOutline img,
#samplePlate #sampleText img,
#samplePlate #masterplate img,
#pagenew #recipes img,
#pagenew .recipegal img
{
 top:0!important;
 z-index:1;
 left:50%!important;
 transform:translateX(-50%)!important;
 width:100%!important;
 height:auto!important;
}

.recipegal img{
 position:absolute;
 left:0;
 top:0
}

#sampleText img{
 display:none;
 z-index:6!important;
}

#samplePlate #masterplate img{
 z-index:3;
 display:none;
}

#samplePlate #sampleFoods img{
 display:none;
}

#samplePlate #sampleFoods img.imgold{
 z-index:2;
 display:block;
}


#samplePlate #sampleOutline img{
 z-index:10;
}

#searchFormWrapper fieldset input {
 font-family: "Cantora One",sans-serif;
 font-size: 16px;
 height: 36px;
 margin: 0px;
 padding: 0;
 text-align: center;
 width: 500px;
 outline:0;
}

@media(max-width:500px)
{
 #searchFormWrapper fieldset input
 {
  width:385px;
 }
}

#searchFormWrapper fieldset input.submit {
 -moz-appearance: none;
 background: #ccc none repeat scroll 0 0;
 height: 34px;
 margin: 0;
 padding: 0;
 width: 33px;
}

.ui-autocomplete {
 max-height: 200px;
 overflow-y: auto;
 /* prevent horizontal scrollbar */
 overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
 height: 200px;
}

.ui-autocomplete-category {
 font-weight: bold;
 padding: .2em .4em;
 margin: .8em 0 .2em;
 line-height: 1.5;
}

/* Search Results */
#pagenew #content #plate .prev, 
#pagenew #content #plate .next{
 height:60%;
 width:10%;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 background-size:100% auto!important;
 z-index:100;
}

#pagenew #content #plate .prev a, 
#pagenew #content #plate .next a{
 height:100%;
 width:100%;
 display:inline-block;
}

#pagenew #content #plate .prev{
 left:9%;
 background:url('https://www.balancedplate.co.uk/uploads/images/arrow_left_off.png') no-repeat;
}

#pagenew #content #plate .prev:hover{
 background:url('https://www.balancedplate.co.uk/uploads/images/arrow_left_on.png') no-repeat;
}

#pagenew #content #plate .next{
 right:9%;
 background:url('https://www.balancedplate.co.uk/uploads/images/arrow_right_off.png') no-repeat;
}

#pagenew #content #plate .next:hover{
 background:url('https://www.balancedplate.co.uk/uploads/images/arrow_right_on.png') no-repeat;
}

#pagenew #plateContent{
 width:70%;
 height:93%;
 top:5px;
 left:50%;
 transform:translateX(-50%);
 position: absolute;
 background-size:contain!important;
 background-repeat:no-repeat;
}

#pagenew #plateLines{
 width:100%!important;
 height:100%!important;
 position:absolute;
}

#pagenew #plateLines img{
 width:100%;
 height:auto;
}

#pagenew #plateContent:hover #plateLines{
 background:url('https://www.balancedplate.co.uk/uploads/images/ring_lines.png') no-repeat;
 background-size:contain;
 z-index:1;
}

#pagenew map{
 width:100%;
 height:100%;
}

#pagenew #content #plate h1.resultsHeader
{
 right:41%;
}

div.notesrow{
 margin: 5px auto;
 max-width:800px;
}

div.notes, div#foodnotes{
 margin:5px 0;
 height:40px;
 font-family: 'Cantora One', sans-serif;
 font-size:12px;
 font-weight:normal;
 text-align:left;
 position:relative;
 bottom:auto;
 left:auto;
 top:auto;
 right:auto;
 letter-spacing:-1px;
 background:#fff url('https://www.balancedplate.co.uk/uploads/images/notepad.jpg') 5px 5px no-repeat;
 padding-left:35px;
 padding-right:5px;
 border:solid 2px #000;
 padding-top:2px;
 padding-bottom:0px;
 line-height:normal;
 z-index:999;
 width:100%;
 white-space:nowrap!important;
 border-width:1px;
 float:left;
}
div#foodnotes{
 top:auto;

 background:#fff url('https://www.balancedplate.co.uk/uploads/images/circle-icon-small.png') 4px 4px no-repeat;
 white-space:nowrap!important;
 display:inline-block;
 float:right;
}

p.notes a{
 position:relative;
 z-index:999;
 text-decoration:none;
}

#pagenew #content
{
 height:600px;
}

#pagenew #content #plate #recipes,
#pagenew #content #plate #recipegals
{
 position:relative;
 top:5px;
 width:70%;
 margin-left:auto;
 margin-right:auto;
 height:100%;
}

#pagenew #content #plate #recipegals{
 width:100%;
 display:none;
 position:absolute;
 background:#000;
 z-index:1000;
 top:0;
}

#pagenew #content #plate #recipegalswrap{
 width:70%;
 position:relative;
 margin:20px auto 0 auto;
}

.featherlight-next,
.featherlight-previous {
    /* IE9 hack, otherwise navigation doesn't appear */
    background: rgba(0,0,0,0);
    display:none;
}

.featherlight-next:hover,
.featherlight-previous:hover {
    background: rgba(0,0,0,0);
}

.featherlight-content{
 width:100%;
 max-width:100%;
}

.imgprev, .imgnext{
 float:right;
 text-decoration:underline;
 display:inline-block;
 margin-left:10px;
 font-size:14px;
 cursor:pointer;
}

.imgprev:hover, .imgnext:hover{
 text-decoration:none;
}

.imgprev.noshow, .imgnext.noshow{
 display:none;
}

.featherlight-content img{
 margin:auto;
}

#pagenew .recipegal
{
 position:absolute;
 width:100%;
 height:100%;
}

.recipegal{
 z-index:2;
}

#pagenew #content #plate p#recipesTotal
{
 display:none;
}

.commentdiv{
 pointer-events:none;
}

div#foodnotes.green
{
 border:solid 2px #64ad42;
 background-color:#ddfbcf;
}

div#foodnotes.yellow
{
 border:solid 2px #ffe53c;
 background-color:#fffebe;
}

div#foodnotes.blue
{
 border:solid 2px #5cb5d7;
 background-color:#d1f2ff;
}

div#foodnotes.purple
{
 border:solid 2px #8b418e;
 background-color:#f4b5f7;
}

div#foodnotes.pink
{
 border:solid 2px #de8e87;
 background-color:#ffeeed;
}

.noteyellow-a, .notepink-a, .notegreen-a, .notegreen-b, .notegreen-c, .noteblue-a, .notepurple-a
{
 display:none;
 width:85px;
 text-align:center;
 z-index:500;
 position:absolute;
 background:url('https://www.balancedplate.co.uk/uploads/images/speechbubble.png') bottom left no-repeat;
 font-family:'Cantora One',sans-serif;
 font-size:10px;
 padding-bottom:13px;
 color:green;
 z-index:1000;
}

.noteInner
{
 background:#fffe93;
 padding:4px;
 border:solid 1px #000;
 border-bottom:0;
}

.noteyellow-a
{
 bottom:65%;
 left:55%;
}

.notepurple-a
{
 bottom:25%;
 left:30%;
}

.noteblue-a
{
 bottom:35%;
 left:50%;
}

.notepink-a
{
 bottom:30%;
 left:10%;
}

.notegreen-a
{
 bottom:45%;
 left:5%;
}

.notegreen-b
{
 bottom:66%;
 left:10%;
}

.notegreen-c
{
 bottom:80%;
 left:19%;
}

/* Balance Page */

#pagenew #plate #balanceFormWrapper
{
 padding-top:0%;
 text-align:center;
}

#pagenew #plate #balanceFormWrapper fieldset
{
 margin:0;
 padding:0;
 border:0;
}

#pagenew #plate #balanceFormWrapper fieldset legend
{
 text-align:center;
 font-family: 'Cantora One', sans-serif;
 font-size:16px;
 width:100%;
 border:none;
 margin-bottom:0;
}

#pagenew #plate #balanceFormWrapper fieldset input
{
 font-family: 'Cantora One', sans-serif;
 font-size:10px;
 text-align:center;
 width:220px;
 height:18px;
 margin-top:2px!important;
}

#pagenew #plate #balanceFormResults{
 padding-top:0%;
 height:100%;
}


#pagenew #plate #balanceFormWrapper fieldset p
{
 margin-top:5px;
 font-family: 'Cantora One', sans-serif;
 font-size:11px;
}

#pagenew  #plate #balanceFormWrapper fieldset a
{
 color:#EB5255;
 text-decoration:none;
}

#pagenew #plate #balanceFormWrapper fieldset a:hover
{
 color:#C74545;
 text-decoration:underline;
}

#balanceFormResults p.resultsGreen,
#balanceFormResults p.resultsYellow,
#balanceFormResults p.resultsPink,
#balanceFormResults p.resultsBlue,
#balanceFormResults p.resultsPurple{
 width:20%;
 font-size:8px;
}

#balanceFormResults p span{
 font-size:20px;
}


#balanceFormResults p.resultsGreen{
 top:22%;
 left:30%;
}

#balanceFormResults p.resultsYellow{
 top:22%;
 left:50%;
}

#balanceFormResults p.resultsPink{
 top:47%;
 left:25%;
}

#balanceFormResults p.resultsBlue{
 top:47%;
 left:55%;
}

#balanceFormResults p.resultsPurple{
 top:60%;
 left:40%;
}

#balanceFormResults p.result0, #balanceFormResults p.result1, #balanceFormResults p.result2, #balanceFormResults p.result3, #balanceFormResults p.result9{
 position:absolute;
 bottom:10px;
 padding-top:0;
 width:100%;
 font-size:12px;
}

#balanceFormResults p.resultMore{
 position:absolute;
 bottom:-5px;
 color:#fff;
 font-size:12px;
}


/* forums */

#forum{
 margin:10px;
}

.forumwrap{
 float:left;
 font-size: 12px;
 text-align: left;
 z-index: 999;
 max-width:800px;
 position:relative;
 margin-top:50px;
 background: rgba(255, 255, 255, 1) url("https://www.balancedplate.co.uk/uploads/images/plate-red.png") no-repeat scroll 0 0;
 background-size:100% auto;
 width:100%;
 border:1px solid #CCC;
}

#regdiv{
margin-top:10px;
}

.sreg:nth-child(2) form{
 display:none;
}

#loginform .row{
 display:none;
}

#logindiv #loginform .row{
 display:block;
}


#regdiv label, #logindiv label{
 width:200px;
}

#regdiv input[type=text], #logindiv input[type=text],
#regdiv input[type=password], #logindiv input[type=password],
#regdiv input[type=email], #logindiv input[type=email]{
 width:230px;
}


#regdiv input[type=submit]{
  -moz-user-select: none;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 4px;
   cursor: pointer;
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.42857;
   margin-bottom: 0;
   padding: 6px 12px;
   text-align: center;
   touch-action: manipulation;
   vertical-align: middle;
   white-space: nowrap; 
}

.forumwrap legend{
 font-size:18px;
 border:none;
}

.forumwrap h3{
 font-size:18px;
}

.fright{
 float:right;
}

.foruminner{
 background: rgba(255,255,255,0.90);
 border:2px solid #ccc;
 padding:10px;
 margin:10px;
}

#forum .foruminner{
 margin:10px 0;
}

.standardpage{
 margin:0;
}

.middletext{
 font-size:1em;
}

#topic_table td, #index_table td, #forum_table td{
 padding:1em!important;
}

.fleft{
 float:left;
}

.toggler{
 cursor:pointer;
 text-decoration:none;
 font-weight:bold;
 color:#476c8e;
}

.green{
 color:green;
}

.toggler:hover{
 text-decoration:underline;
}

.tdiv{
 display:none;
}

#logindiv fieldset{
 margin-top:10px;
}

.forum_border{
 background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
 padding:0;
 border:1px solid #ccc;
}

.smalltext{
 margin-top:10px;
}

#forum .forum_link img{
 margin-right:10px;
}

/* footer */

#mainfooter{
 background:#fff;
 margin-top:10px;
 padding:10px 0;
 box-shadow: 0 -5px 5px -5px #999;
 -webkit-box-shadow: 0 -5px 5px -5px #999;
 -moz-box-shadow:  0 -5px 5px -5px #999;
 font-size:12px;
}

#mainfooter ul{
 list-style:none;
 text-align:left;
}

#mainfooter ul h3{
 font-size:14px;
}

#mainfooter .container{
 max-width:500px;
}

#mainfooter li.logofooter img{
 margin-top:5px;
 border:none;
}

#mainfooter a:link,
#mainfooter a:visited{
 color:#777;
}
#mainfooter a:hover,
#mainfooter a:active{
 color:#33b02c;
}

#mainfooter .col-xs-6{
 min-width:100%;
 padding:0 10px;
}

ul.credits{
 border-left: 5px solid green;
 background-color: #f1f1f1;
 list-style-type: none;
 padding: 10px 20px;
}

p.error.noshow{
display:none!important;
}

.togglegal.noshow,
.galprompt.noshow{
 display:none;
}

#searchErrorAuto{
margin: 5px auto 0 auto;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
 text-align:left;
 white-space: nowrap;
 max-height:300px;
 margin-left: auto;
 margin-right: auto;
 max-width: 250px;
 left: 0px!important;
 right: 0px!important;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li span{
 display:inline-block;
 font-weight:normal;
 color:#33B02C;
}

.ui-autocomplete-category.norecipes{
  margin-top:0;
  font-weight:normal;
  color:red;
}

p.error.searchErrorAuto{
  margin:0;
  width:auto;
}

.nomob{
display:none;
}

@media (min-width: 480px) { 

.featherlight-content{
 width:750px;
 max-width:75%;
}
.nomob{
display:inline-block;
}



.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
 width:300px;
 max-width:300px;
}

img.mealTypeSwitch{
 width:100px!important;
}

#mainfooter .col-xs-6{
 min-width:10%;
}

.smalltext{
 font-size:1em;
}

#forum .forum_link {
 font-size:1em;
}


 .forum_border{
  padding:2px;
 }

 .forumwrap{
  margin-top:70px;
  box-shadow: 0px -3px 15px -5px black;
  -webkit-box-shadow: 0px -3px 15px -5px black;
  -moz-box-shadow: 0px -3px 15px -5px black;
  border:none;
 }

 .xsnopad{
  padding-left:15px;
  padding-right:15px;
 }


 #pagenew #plate h1{
  font-size:20px;
 }
 #pagenew #plate #balanceFormWrapper{
  padding-top:15%;
 }

#pagenew #plate #balanceFormWrapper fieldset input{
 font-size:16px;
 text-align:center;
 height:30px;
 margin-top:5px!important;
}



 #pagenew #plate h1.resultsHeader{
  font-size:20px;

 }

 #balanceFormResults p.resultsGreen,
 #balanceFormResults p.resultsYellow,
 #balanceFormResults p.resultsPink,
 #balanceFormResults p.resultsBlue,
 #balanceFormResults p.resultsPurple{
  width:20%;
  font-size:13px;
 }

 #balanceFormResults p span{
  font-size:40px;
 }

 #balanceFormResults p.result0, #balanceFormResults p.result1, #balanceFormResults p.result2, 
 #balanceFormResults p.result3, #balanceFormResults p.result9{
   font-size:20px;
   bottom:30px;
 }

 #balanceFormResults p.resultMore{
  font-size:20px;
 }


 .noteyellow-a, .notepink-a, .notegreen-a, .notegreen-b, .notegreen-c, .noteblue-a, .notepurple-a{
  width:100px;
  font-size:11px;
 }

 #samplePlate #sampleFoods img,
 #samplePlate #sampleOutline img,
 #samplePlate #sampleText img{
 }

 div.intro{
  font-size:15px;
 }
}

@media (min-width: 576px) { 

 .shoppingList h3{
  font-size:18px;
 }


 .shoppingList.rejigged{
  padding: 10px 15px 5px 15px;
  box-shadow: 0 0 0 #fff, -10px 15px 10px -8px #ccc, 10px 10px 10px -8px #ccc;
 -webkit-box-shadow: 0 0 0 #fff, -10px 15px 10px -8px #ccc, 10px 10px 10px -8px #ccc;;
 -moz-box-shadow: 0 0 0 #fff, -10px 15px 10px -8px #ccc, 10px 10px 10px -8px #ccc;;

 }

 .currentspan{
  font-size:30px;
 }

 #mainfooter{
  font-size:12px;
   margin-top:20px;
 }

 #mainfooter ul h3{
  font-size:14px;
 }

 .noteyellow-a, .notepink-a, .notegreen-a, .notegreen-b, .notegreen-c, .noteblue-a, .notepurple-a{
  width:130px;
  font-size:13px;
 }

 #balanceFormResults p.result0, #balanceFormResults p.result1, #balanceFormResults p.result2, 
 #balanceFormResults p.result3, #balanceFormResults p.result9{
   bottom:10%;
 }

 #balanceFormResults p.resultMore{
  color:green;
  bottom:4%;
 }

 #popup{
  top:10%;
  height:80%;
 }

 .container-fluid {
  padding-left:15px;
  padding-right:15px;
 }

 #pagenew{
  width:85%;
 }

 .pa-home #pagenew,
 .pa-search #pagenew,
 .pa-balance #pagenew,
 .pa-test #pagenew{
  padding-bottom:63.75%;
 }

 #searchFormWrapper, .sitemenucontainer{
  width:85%;
 }

 div.intro{
  font-size:16px;
  font-weight: bold;
 }

}

@media (min-width: 1000px) { 

#shm, #shmbottom, .togglegal, .galprompt{
 top:8px;
 font-size:18px;
}

.promptbr{
 display:none;
}

div.notes,
div#foodnotes{
   height:50px;
   bottom:auto;
   top:auto;
   font-size:14px;
   padding-left:40px;
   padding-right:10px;
   max-width:65%;
   text-align:left;
   width:auto;
   white-space:normal!important;
 }

div#foodnotes{
  background:#fff url('https://www.balancedplate.co.uk/uploads/images/circle-icon-small.png') 4px 4px no-repeat;
  white-space:normal!important;
  width:200px;
  right:auto;
  left:auto;
 }


 div.notesrow{
  margin-top:-65px;
 }

 div.notes{
  margin-bottom:0px;
  margin-left:10px;
 }

 div#foodnotes{
  margin-right:10px;
 }

#mainfooter .col-xs-6:last-child li{
 text-align:right;
}

#mainfooter .container{
 max-width:850px;
}

 #mainfooter{
  font-size:12px;
 }

 #mainfooter ul h3{
  font-size:16px;
 }


body{
 padding: 70px 0 0 0;
}

.navbar-collapse.collapse{
 display:inline-block!important;
}

.navbar-brand{
 padding:0;
}

.navbar-collapse ul li
{
 display:block;
 float:right;
 margin:0;
 padding:5px;
 margin-right:15px;
}

 #balanceFormResults p.result0, #balanceFormResults p.result1, #balanceFormResults p.result2, 
 #balanceFormResults p.result3, #balanceFormResults p.result9{
   bottom:12%;
 }

 #balanceFormResults p.resultMore{
  bottom:8%;
 }

 .noteyellow-a, .notepink-a, .notegreen-a, .notegreen-b, .notegreen-c, .noteblue-a, .notepurple-a{
  width:150px;
  font-size:13px;
 }


 .sitemenucontainer{
  overflow:visible;
 }

 .shoppingList{
  right:-100px;
  opacity:1;
 }

 .shoppingList.rejigged{
  right:unset;
 }

 #pagenew{
  width:75%;
  overflow:visible;
 }

 .pa-home #pagenew,
 .pa-search #pagenew,
 .pa-balance #pagenew,
 .pa-test #pagenew{
  padding-bottom:56.25%;
 }

 #searchFormWrapper, .sitemenucontainer{
  width:75%;
 }

 

 div.intro{
  font-size:20px;
  border:2px solid #fff;
  height:54px;
  box-shadow: 0px -3px 15px -5px black;
  -webkit-box-shadow: 0px -3px 15px -5px black;
  -moz-box-shadow: 0px -3px 15px -5px black;

 }

 #samplePlate{
  width:55%;
  top:10%;
 }
}

@media (min-width:768px) and (max-width: 999px)
{
 .navbar-fixed-top .navbar-collapse
 {
  max-height:100%;
 }

 #bs-main ul
 {
  list-style-type:none !important;
  margin:0;
  padding:0;
  padding-left:80px;
 }

 #bs-main ul li
 {
  float:right;
 }

 #bs-main ul li a
 {
  display:block;
  padding:10px 30px;
 }

 #bs-main ul li a span
 {
  display:none;
 }
}

@media (max-width: 767px)
{
 #bs-main ul
 {
  list-style-type:none !important;
  margin:0;
  padding:0;
 }

 #bs-main ul li
 {
  display:block;
 }

 #bs-main ul li a
 {
  display:block;
  padding:10px;
  border-bottom:solid 1px #ddd;
 }
}

@media (min-width: 992px)
{
 #balanceFormResults p.result0, #balanceFormResults p.result1, #balanceFormResults p.result2, 
 #balanceFormResults p.result3, #balanceFormResults p.result9{
   bottom:20%;
 }

 #balanceFormResults p.resultMore{
  bottom:15%;
 }

 .shoppingList{
  right:-80px;
 }
 .shoppingList.rejigged{
  right:unset;
 }


 #pagenew{
  width:800px;
  height:auto;
  padding-bottom:0;
 }

 .pa-ar-home #pagenew,
 .pa-search #pagenew,
 .pa-ar-أختبر-توازنك #pagenew,
 .pa-test #pagenew{
  height:600px;
  padding-bottom:0;
 }

 #searchFormWrapper, .sitemenucontainer{
  width:800px;
 }



 div.intro{
  font-size:22px;
 }

}

@media (min-width: 1200px) {
 .shoppingList{
  right:-150px;
  opacity:1;
 }

 .shoppingList.rejigged{
  right:unset;
 }


}

@media(max-width:1000px)
{
 #plateContainerHeight
 {
  min-height:780px;
 }
}

@media(max-width:800px)
{
 #plateContainerHeight
 {
  min-height:650px;
 }
}

@media(max-width:600px)
{
 #plateContainerHeight
 {
  min-height:500px;
 }
}

@media(max-width:400px)
{
 #plateContainerHeight
 {
  min-height:350px;
 }
}

@media (max-width: 479px)
{
 #pagenew #plate #balanceFormWrapper
 {
  padding-top:60px;
 }
}