/* CACHE BUSTER: 62209bef */ /* general */ body { margin:0; color:#231f20; background-color:#2e3b42; font:1.1em 'MrEavesXLModOT-Reg', Arial, Helvetica, sans-serif; } body.domodal { overflow:hidden; } body.domodal .modal { display:flex; } .modal { display:none; width:100%; height:100%; background-color:rgba(255,255,255,0.5); position:fixed; top:0; left:0; z-index:9; flex-direction:column; align-items:center; justify-content:center; } .modal .inner { width:80%; max-width:500px; border:1px solid white; padding:30px; box-sizing:border-box; background-color:#12326e; color:white; text-align:center; position:relative; } .modal .inner .close { content:''; width:32px; height:32px; position:absolute; top:5px; right:5px; background-color:#00a3e2; border:1px solid white; cursor:pointer; transition:background-color 400ms; } .modal .inner .close::before, .modal .inner .close::after { position:absolute; left:15px; top:4px; content:''; height:25px; width:2px; background-color:white; transition:transform 400ms; } .modal .inner .close::before { transform:rotate(45deg); } .modal .inner .close::after { transform:rotate(-45deg); } .modal .inner .close:hover { background-color:#12326e; } .modal .inner .close:hover::before { transform:rotate(135deg); } .modal .inner .close:hover::after { transform:rotate(45deg); } .modal h2 { font-size:3em; font-weight:normal; margin:0 0 15px 0; } .modal label { margin:0 0 15px 0; display:block; } .modal .formElements { width:100%; } .modal .formElements #modalNewsletterEmailFld { width:60%; height:30px; border:1px solid white; box-sizing:border-box; vertical-align:middle; } .modal .formElements .bttn { width:40%; height:30px; border:1px solid white; box-sizing:border-box; vertical-align:middle; } .clearfix:before, .clearfix:after { content:''; display:table; } .clearfix:after { clear:both; } .clear { clear:both; } .small { font-size:0.8em; } .bold { font-weight:bold; } .hide { display:none; } .hilite { color:#2b3990; font-weight:bold; } .error { color:#bf1e2d; } .alt { font-family:"Rollerscript W03 Rough", Arial, Helvetica, sans-serif; line-height:1.2em; } .blue { color:#00a3e2; } .gold { color:#e3c36b; } .large { font-size:1.5em; } .nobr { white-space:nowrap; } .printonly { display:none; } .sticky-area { position:relative; } .sticky { position:-webkit-sticky; position:sticky; top:0; } .nowrap { white-space:nowrap; } table.data { border:0 none; border-collapse:collapse; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } table.data th { color:#00a3e2; } table.data th, table.data td { border:1px solid #797979; padding:5px 7px; } table.data.aleft th, table.data.aleft td { text-align:left; } table.data tr:nth-child(odd) td { background-color:#e5e6e7; } .resp-sm { display:none; } strong { font-family:'MrEavesXLModOT-Bold', Arial, Helvetica, sans-serif; font-weight:normal; } a { color:inherit; } a.tel { text-decoration:none; color:inherit; } .placeholder { color:#aaaaaa; } .bttn { background-color:#00a3e2; color:white; text-transform:uppercase; padding:5px 15px; text-align:center; text-decoration:none; border:1px solid white; display:inline-block; font:1.1em 'MrEavesXLModOT-Reg', Arial, Helvetica, sans-serif; cursor:pointer; } .bttn.block { display:block; } .bttn:hover { background-color:#12326e; text-decoration:none; } .bttn.inv { background-color:#12326e; } .bttn.inv:hover { background-color:#00a3e2; } .bttn.disabled { cursor:default; background-color:#dddddd; } .bttn .fas { vertical-align:text-bottom; } /*Downloads*/ .core-block-full .core-block-full-inner ul.downloads li.download a:hover{background: #0f2554; } .core-block-full .core-block-full-inner ul.downloads li.download a{transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; -webkit-transition: all .2s ease; text-decoration: none; width: 94%; font-weight: normal; padding: 8px 10px; border-radius: 5px 5px 5px 5px; text-decoration: none; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: #13316f; color: white; } .core-block-full .core-block-full-inner ul.downloads li{padding: 0; display: block; width: 29.66%; margin: 1.66%; } .core-block-full .core-block-full-inner ul.downloads{list-style: none; padding-left: 0px !important; padding-right: 0px !important; list-style: none !important; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1em; margin: 0px -1.66% 2em !important; } span.roundel { display:inline-block; width:74px; height:74px; background-image:url('../img/roundels2.png?62209bef'); } span.roundel.rd_1.off { background-position:-74px 0; } span.roundel.rd_1:hover, span.roundel.rd_1 { background-position:0 0; } span.roundel.rd_2.off { background-position:-222px 0; } span.roundel.rd_2:hover, span.roundel.rd_2 { background-position:-148px 0; } span.roundel.rd_3.off { background-position:-370px 0; } span.roundel.rd_3:hover, span.roundel.rd_3 { background-position:-296px 0; } span.roundel.rd_4.off { background-position:-518px 0; } span.roundel.rd_4:hover, span.roundel.rd_4 { background-position:-444px 0; } span.roundel.rd_5.off { background-position:-666px 0; } span.roundel.rd_5:hover, span.roundel.rd_5 { background-position:-592px 0; } span.roundel.rd_6.off { background-position:-814px 0; } span.roundel.rd_6:hover, span.roundel.rd_6 { background-position:-740px 0; } span.roundel.rd_7.off { background-position:-962px 0; } span.roundel.rd_7:hover, span.roundel.rd_7 { background-position:-888px 0; } span.roundel.rd_8.off { background-position:-1110px 0; } span.roundel.rd_8:hover, span.roundel.rd_8 { background-position:-1036px 0; } span.roundel.rd_9.off { background-position:-1258px 0; } span.roundel.rd_9:hover, span.roundel.rd_9 { background-position:-1184px 0; } span.roundel.rd_10.off { background-position:-1406px 0; } span.roundel.rd_10:hover, span.roundel.rd_10 { background-position:-1332px 0; } span.roundel.rd_11.off { background-position:-1554px 0; } span.roundel.rd_11:hover, span.roundel.rd_11 { background-position:-1480px 0; } span.roundel.rd_12.off { background-position:-1702px 0; } span.roundel.rd_12:hover, span.roundel.rd_12 { background-position:-1628px 0; } span.roundel.rd_13.off { background-position:-1850px 0; } span.roundel.rd_13:hover, span.roundel.rd_13 { background-position:-1776px 0; } span.roundel.rd_14.off { background-position:-1998px 0; } span.roundel.rd_14:hover, span.roundel.rd_14 { background-position:-1924px 0; } span.roundel.rd_15.off { background-position:-2146px 0; } span.roundel.rd_15:hover, span.roundel.rd_15 { background-position:-2072px 0; } span.roundel.rd_16.off { background-position:-2294px 0; } span.roundel.rd_16:hover, span.roundel.rd_16 { background-position:-2220px 0; } span.roundel.mini { background-image:url('../img/roundels2.png?62209bef'); width:25px; height:25px; background-size:cover; } span.roundel.mini.rd_1 { background-position:0 0; } span.roundel.mini.rd_2 { background-position:-50px 0; } span.roundel.mini.rd_3 { background-position:-100px 0; } span.roundel.mini.rd_4 { background-position:-150px 0; } span.roundel.mini.rd_5 { background-position:-200px 0; } span.roundel.mini.rd_6 { background-position:-250px 0; } span.roundel.mini.rd_7 { background-position:-300px 0; } span.roundel.mini.rd_8 { background-position:-350px 0; } span.roundel.mini.rd_9 { background-position:-400px 0; } span.roundel.mini.rd_10 { background-position:-450px 0; } div.versatility { display:inline-block; text-align:center; padding:10px; } div.versatility .icon { display:block; width:74px; height:74px; background-image:url('../img/versatility.png?62209bef'); } div.versatility.vs_1 .icon { background-position:0 0; } div.versatility.vs_2 .icon { background-position:-74px 0; } div.versatility.vs_3 .icon { background-position:-148px 0; } div.versatility.vs_4 .icon { background-position:-222px 0; } div.versatility.vs_5 .icon { background-position:-296px 0; } div.versatility.vs_6 .icon { background-position:-370px 0; } div.versatility.vs_7 .icon { background-position:-444px 0; } div.versatility.vs_8 .icon { background-position:-518px 0; } div.versatility.vs_9 .icon { background-position:0 -74px; } div.versatility.vs_10 .icon { background-position:-74px -74px; } div.versatility.vs_11 .icon { background-position:-148px -74px; } div.versatility.vs_12 .icon { background-position:-222px -74px; } div.versatility.vs_13 .icon { background-position:-296px -74px; } div.versatility.vs_14 .icon { background-position:-370px -74px; } div.versatility.vs_15 .icon { background-position:-444px -74px; } div.versatility.vs_16 .icon { background-position:-518px -74px; } div.versatility.vs_17 .icon { background-position:-592px 0; } div.versatility.vs_18 .icon { background-position:-666px 0; } div.versatility.vs_19 .icon { background-position:-592px -74px; } div.versatility.vs_20 .icon { background-position:-666px -74px; } .youtubewrap { position:relative; padding-bottom:56.25%;/* 16:9 */ padding-top:25px; height:0; } .youtubewrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; } #core-content .stockistsBlock { } #core-content .stockistsBlock h2 { margin:30px 0 0; } #core-content .stockistsBlock .logos { } #core-content .stockistsBlock .logos a { display:inline-block; vertical-align:top; width:48%; margin:2% 2% 0 0; text-decoration:none; } #core-content .stockistsBlock .logos a:nth-child(even) { margin-right:0; } #core-content .stockistsBlock .logos a img { width:100%; max-width:500px; display:block; } #core-content .stockistsBlock .logos a .bttn { display:block; margin-top:10px; } #core-content .accordion {} #core-content .accordion h2.accordion-opener { font-size:1.5em; background-color:#12326e; color:white; padding:10px 50px 10px 20px; position:relative; cursor:pointer; } #core-content .accordion h2.accordion-opener .fas { position:absolute; right:20px; } #core-content .accordion h2.accordion-opener .fas.fa-times { display:none; } #core-content .accordion.active h2.accordion-opener .fas.fa-times { display:block; } #core-content .accordion.active h2.accordion-opener .fas.fa-angle-down { display:none; } #core-content .accordion.active h2.accordion-opener, #core-content .accordion:hover h2.accordion-opener { background-color:#00a3e2; } #core-content .accordion div.accordion-content { overflow:hidden; } /* core */ #top { position:absolute; top:0; left:0; } #core-outer { max-width:1920px; width:100%; margin:0 auto; position:relative; } #core-header { position:relative; width:100%; margin:0 auto; color:white; } #core-header-bg { width:100%; position:relative; z-index:0; overflow:hidden; } #core-header-bg .loader { position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; width:64px; height:64px; } #core-header-bg .imgs { max-width:1920px; width:100%; display:none; } #core-header-bg .imgs img { width:100%; border:0 none; position:absolute; top:0; left:0; } #core-header-bg .fg { width:100%; border:0 none; z-index:0; position:relative; display:block; } #core-header-bg .prev, #core-header-bg .next { z-index:0; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; text-align:center; background-color:rgba(0,0,0,0.5); cursor:pointer; display:none; } #core-header-bg .prev.on, #core-header-bg .next.on { display:block; } #core-header-bg .prev { left:15px; } #core-header-bg .next { right:15px; } #core-header-bg .prev .fas, #core-header-bg .next .fas { line-height:30px; } #core-header-inner { width:100%; max-width:1000px; height:100%; margin-left:-500px; position:absolute; top:0; left:50%; padding:30px 0; box-sizing:border-box; } #core-header .core-logo { max-width:180px; width:100%; margin:0 auto; } #core-header .core-logo img { border:0 none; width:100%; } #core-header #core-search { position:absolute; top:60px; left:0; } #core-header #core-search input { margin-top:5px; border:1px solid white; background:rgba(255,255,255,0.2); height:30px; line-height:30px; padding:0 5px; box-sizing:border-box; vertical-align:top; color:white; } #core-header #core-search button { margin-top:5px; border:1px solid white; border-left:0 none; background-color:black; height:30px; width:30px; text-align:center; vertical-align:top; color:white; padding:0; } #core-header #core-social { position:absolute; top:60px; right:0; } #core-header #core-social br { display:block; margin:5px 0 0; } #core-header #core-social a { font-size:1.2em; margin-left:5px; } #core-header #core-social a:hover { color:#e3c36b; } #core-header #core-nav { position:relative; z-index:9; } #core-header #core-nav .menu-btn { display:none; background-color:#12326e; float:right; cursor:pointer; padding:10px; width:30px; height:30px; line-height:35px; text-align:center; } #core-header #core-nav .core-links { list-style-type:none; width:100%; padding:0; margin:0; text-align:center; font-size:0.95em; } #core-header #core-nav .core-links > li { display:inline-block; padding:0 10px; border-left:1px solid white; position:relative; } #core-header #core-nav .core-links > li.link.core-link-search { display:none; } #core-header #core-nav .core-links > li:first-child { border-left:0 none; } #core-header #core-nav .core-links > li > a { text-decoration:none; } #core-header #core-nav .core-links > li > a:hover { color:#e3c36b; } #core-header #core-nav .core-links > li > ul { display:none; padding:5px 0 0; margin:0; position:absolute; left:50%; margin-left:-100px; width:200px; list-style-type:none; } #core-header #core-nav .core-links > li:hover > ul { display:block; } #core-header #core-nav .core-links > li > ul > li > a { text-decoration:none; display:block; padding:5px 0; } #core-header #core-nav .core-links > li > ul > li > a:hover { color:#e3c36b; } #page_home #core-header #core-nav .core-links > li.link.core-link-home > a, #page_about_us #core-header #core-nav .core-links > li.link.core-link-about_us > a, body.parent_about_us #core-header #core-nav .core-links > li.link.core-link-about_us > a, #page_about_us__meet_our_team #core-header #core-nav .core-links li.link.core-link-about_us__meet_our_team > a, #page_about_us__innovation #core-header #core-nav .core-links li.link.core-link-about_us__innovation > a, #page_about_us__faqs #core-header #core-nav .core-links li.link.core-link-about_us__faqs > a, #page_product #core-header #core-nav .core-links > li.link.core-link-product > a, #page_recipe #core-header #core-nav .core-links > li.link.core-link-recipe > a, #page_sector_support #core-header #core-nav .core-links > li.link.core-link-sector_support > a, body.parent_sector_support #core-header #core-nav .core-links > li.link.core-link-sector_support > a, #page_sector_support__hotels_pubs_and_restaurants #core-header #core-nav .core-links li.link.core-link-sector_support__hotels_pubs_and_restaurants > a, #page_sector_support__healthcare #core-header #core-nav .core-links li.link.core-link-sector_support__healthcare > a, #page_sector_support__education #core-header #core-nav .core-links li.link.core-link-sector_support__education > a, #page_sector_support__contract_catering #core-nav .core-links li.link.core-link-sector_support__contract_catering > a, #page_sector_support__casual_dining #core-nav .core-links li.link.core-link-sector_support__casual_dining > a, #page_manufacturing #core-header #core-nav .core-links > li.link.core-link-manufacturing > a, body.parent_manufacturing #core-header #core-nav .core-links > li.link.core-link-manufacturing > a, #page_supporting_the_industry #core-header #core-nav .core-links > li.link.core-link-supporting_the_industry > a, body.parent_supporting_the_industry #core-header #core-nav .core-links > li.link.core-link-supporting_the_industry > a, #page_blog #core-header #core-nav .core-links > li.link.core-link-blog > a, #page_contact #core-header #core-nav .core-links > li.link.core-link-contact > a, #page_search #core-header #core-nav .core-links > li.link.core-link-search > a, #page_dpb #core-header #core-nav .core-links > li.link.core-link-product > a { color:#e3c36b; } #core-header #core-header-strap { margin:0 auto; width:100%; max-width:1000px; position:relative; } #core-header #core-header-strap h1 { position:absolute; bottom:50px; right:0; padding:15px; font-size:2.6em; color:white; background-color:rgba(35,31,32,0.5); font-weight:normal; margin:0; text-align:right; } #core-header #core-header-strap .alt { color:#e3c36b; font-family:"Rollerscript W03 Rough", Arial, Helvetica, sans-serif; line-height:1.2em; } #core-content { } #core-content .core-block-full { color:white; } #core-content .core-block-full.white { background-color:white; color:#231f20; } #core-content .core-block-full.dark { background-color:#2e3b42; z-index:1; } #core-content .core-block-full.light { background-color:#e4e5e6; color:#231f20; } #core-content .core-block-full.darkblue { background-color:#12326e; color:white; } #core-content .core-block-full.blue { background:#12326e; background:-moz-linear-gradient(left, #12326e 0%, #00a3e2 100%); background:-webkit-linear-gradient(left, #12326e 0%,#00a3e2 100%); background:linear-gradient(to right, #12326e 0%,#00a3e2 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#12326e', endColorstr='#00a3e2',GradientType=1 ); color:white; } #core-content .core-block-full.spacer { padding:5px; } #core-content .core-block-full.white-light { background:url('../img/white-light.bg.gif') center center repeat-y white; color:#231f20; } #core-content .core-block-full.white-blue { background:url('../img/white-blue.bg.gif') center center repeat-y white; color:#231f20; } #core-content .core-block-full.light-white { background:url('../img/light-white.bg.gif') center center repeat-y #e4e5e6; color:#231f20; } #core-content .core-block-full.light-blue { background:url('../img/light-blue.bg.gif') center center repeat-y #e4e5e6; color:#231f20; } #core-content .core-block-full.blue-white { background:url('../img/blue-white.bg.gif') center center repeat-y #12326e; color:#231f20; } #core-content .core-block-full.blue-light { background:url('../img/blue-light.bg.gif') center center repeat-y #12326e; color:#231f20; } #core-content .core-block-full.centre { text-align:center; } #core-content .core-block-full.promo { text-align:center; position:relative; } #core-content .core-block-full.promo > img { width:100%; display:block; } #core-content .core-block-full.promo > a.btn { position:absolute; bottom:5%; left:50%; margin-left:-125px; width:250px; background-color:#00a3e2; border:1px solid white; color:white; font-family:'MrEavesXLModOT-Bold', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; text-decoration:none; padding:10px; box-sizing:border-box; } #core-content .core-block-full.promo.range_street-food-chef-seasonings > a.btn { background-color:#eb1c24;} #core-content .core-block-full .core-block-full-inner { margin:0 auto; width:100%; max-width:1000px; position:relative; padding:20px; box-sizing:border-box; } #core-content h2 { font-size:2.5em; font-weight:normal; margin:15px 0 0; } #core-content h3 { font-weight:normal; } #core-content .recipe_links { position:relative; } #core-content .recipe_links .recipeBlock { overflow:hidden; position:relative; } #core-content .recipe_links .recipeBlock .recipes { width:200%; text-align:left; } #core-content .recipe_links .recipeBlock .recipes .recipe { float:left; width:9.5%; margin:0 0.25%; color:white; text-align:center; text-decoration:none; } #core-content .recipe_links .recipeBlock .recipes .recipe .img { width:100%; max-width:500px; margin:0 auto; display:block; } #core-content .recipe_links .recipeBlock .recipes .recipe .img img { width:100%; display:block; } #core-content .recipe_links .recipeBlock .recipes .recipe .title { padding:10px; background-color:#2e3b42; min-height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; } #core-content .recipe_links .prev, #core-content .recipe_links .next { position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; text-align:center; background-color:rgba(0,0,0,0.5); cursor:pointer; color:white; display:none; } #core-content .recipe_links .prev.on, #core-content .recipe_links .next.on { display:block; } #core-content .recipe_links .prev { left:-25px; } #core-content .recipe_links .next { right:-25px; } #core-content .recipe_links .prev .fas, #core-content .recipe_links .next .fas { line-height:30px; } #core-content .product_links { position:relative; } #core-content .product_links .productBlock { overflow:hidden; position:relative; } #core-content .product_links .productBlock .products { width:200%; text-align:left; } #core-content .product_links .productBlock .products .product { float:left; width:9.5%; margin:0 0.25%; color:white; text-align:center; text-decoration:none; } #core-content .product_links .productBlock .products .product .img { width:100%; max-width:500px; margin:0 auto; display:block; } #core-content .product_links .productBlock .products .product .img img { width:100%; display:block; } #core-content .product_links .productBlock .products .product .title { padding:10px; background-color:#2e3b42; min-height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; } #core-content .product_links .prev, #core-content .product_links .next { position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; text-align:center; background-color:rgba(0,0,0,0.5); cursor:pointer; color:white; display:none; } #core-content .product_links .prev.on, #core-content .product_links .next.on { display:block; } #core-content .product_links .prev { left:-25px; } #core-content .product_links .next { right:-25px; } #core-content .product_links .prev .fas, #core-content .product_links .next .fas { line-height:30px; } #core-content .quote-block { text-align:center; box-sizing:border-box; padding:15px; background-color:white; } #core-content .quote-block .nav { } #core-content .quote-block .nav .dot { color:#231f20; display:inline-block; } #core-content .quote-block .nav .dot.active { color:#e3c36b; } #core-content .quote-block .quotes { position:relative; } #core-content .quote-block .quotes .quote { } #core-content .quote-block .quotes .quote .text { padding:0 50px; max-width:800px; margin:15px auto; position:relative; } #core-content .quote-block .quotes .quote .text:before { content:''; width:44px; height:34px; background:url('../img/sprite.png?62209bef') 0 -101px no-repeat transparent; position:absolute; top:0; left:0; } #core-content .quote-block .quotes .quote .text:after { content:''; width:44px; height:34px; background:url('../img/sprite.png?62209bef') -44px -101px no-repeat transparent; position:absolute; bottom:0; right:0; } #core-content .quote-block .quotes .quote .cite { margin-top:10px; font-family:'MrEavesXLModOT-Bold', Arial, Helvetica, sans-serif; font-weight:normal; } #core-content .sector-block .sectors { display:flex; flex-wrap:wrap; font-size:0.9em; } #core-content .sector-block .sector { position:relative; align-self:stretch; display:inline-block; width:31.33333%; margin-right:3%; margin-bottom:3%; box-sizing:border-box; text-decoration:none; } #core-content .sector-block .sector:nth-child(3n) { margin-right:0; } #core-content .sector-block .sector:last-child { margin-right:0; } #core-content .sector-block .sector .img { display:block; max-width:100px; width:100%; margin:0 auto; margin-bottom:10px; border:8px solid #12326e; border-radius:60px; position:relative; transition-property:all; transition-duration:0.5s; } .no-svg #core-content .sector-block .sector .img { display:none; } #core-content .sector-block .sector:hover .img { border-color:#00a3e2; } #core-content .sector-block .sector .img .inner { position:absolute; top:50%; left:50%; width:90px; height:90px; border-radius:50px; border:5px solid #12326e; opacity:0; box-sizing:border-box; margin-left:-45px; margin-top:-45px; transition-property:all; transition-duration:0.5s; } #core-content .sector-block .sector:hover .img .inner { border-width:1px; border-color:#00a3e2; opacity:1; } #core-content .sector-block .sector .img .icon { fill:#12326e; transition-property:all; transition-duration:0.5s; } #core-content .sector-block .sector:hover .img .icon { fill:#00a3e2; } #core-content .sector-block .sector img { display:none; } .no-svg #core-content .sector-block .sector img { display:block; } #core-content .sector-block .sector .link { display:block; width:100%; padding:0 10px; box-sizing:border-box; color:white; background-color:#12326e; padding:10px; border:1px solid white; display:block; min-height:60px; display:inline-flex; align-items:center; justify-content:center; } #core-content .sector-block .sector:hover .link { background-color:#00a3e2; } #core-base { background:url('../img/base.jpg?62209bef') center center no-repeat transparent fixed; padding:0 15px; } #core-base-inner { width:100%; max-width:1000px; margin:0 auto; padding:50px 0; box-sizing:border-box; display:block; display:flex; flex-wrap:wrap; } #core-base .panel { display:inline-block; display:flex; flex-direction:column; justify-content:flex-end; vertical-align:bottom; background-color:#12326e; color:white; border:1px solid white; box-sizing:border-box; padding:15px; position:relative; } #core-base .panel.newsletter { width:100%; padding-left:120px; } #core-base .panel.local-rep { width:32%; margin:2% 2% 0 0; } #core-base .panel.samples { width:32%; margin:2% 2% 0 0; } #core-base .panel.chat { width:32%; margin:2% 0 0 0; } #core-base .panel .icon { background:url('../img/sprite.png?62209bef') 0 0 no-repeat transparent; position:absolute; } #core-base .panel.newsletter .icon { background-position:-91px 0; width:89px; height:86px; top:50%; left:15px; margin-top:-43px; } #core-base .panel.local-rep .icon { background-position:-180px 0; width:66px; height:71px; top:15px; right:15px; } #core-base .panel.chat .icon { background-position:0 0; width:91px; height:101px; top:15px; right:15px; } #core-base .panel h2 { margin:0; font-weight:normal; font-size:2.8em; line-height:0.8em; } #core-base .panel.local-rep h2, #core-base .panel.samples h2, #core-base .panel.chat h2 { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid white; } #core-base .panel h2 .alt { font-family:"Rollerscript W03 Rough", Arial, Helvetica, sans-serif; line-height:1.2em; } #core-base .panel.local-rep a.bttn, #core-base .panel.samples a.bttn, #core-base .panel.chat a.bttn { margin-top:10px; } #core-base .panel.newsletter .col1_2 { width:39%; margin-right:2%; display:inline-block; vertical-align:bottom; } #core-base .panel.newsletter .col2_2 { width:59%; display:inline-block; vertical-align:bottom; } #core-base .panel.newsletter input { vertical-align:middle; background-color:white; border:0 none; height:36px; line-height:36px; width:100%; padding:0 161px 0 10px; box-sizing:border-box; font-family:'MrEavesXLModOT-Reg', Arial, Helvetica, sans-serif; } #core-base .panel.newsletter button.bttn { vertical-align:middle; height:34px; line-height:28px; width:150px; margin-left:-151px; border:0 none; } #core-footer { width:100%; max-width:1000px; margin:40px auto 10px; font-size:0.85em; background-color:white; } #core-footer a { color:#2e3b42; text-decoration:none; } #core-footer .logo { width:16%; display:inline-block; vertical-align:middle; } #core-footer .logo img { width:100%; display:block; } #core-footer .contact { width:25%; min-width:240px; display:inline-block; vertical-align:middle; padding:0 20px; box-sizing:border-box; } #core-footer .partners { width:45%; display:inline-block; vertical-align:middle; padding:0 20px; box-sizing:border-box; text-align:center; } #core-footer .partners ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; list-style-type:none; margin:0; padding:0; } #core-footer .partners ul li { margin-right: 0.4em; display: inline-block; flex: 0 0 auto; } #core-footer .partners ul li img { height: 3em; object-fit: cover; } /* #core-footer .partners ul li { display:inline-block; height:43px; vertical-align:middle; margin:0 5px; padding:0; background:url('../img/footer-logos.jpg?62209bef') 0 0 no-repeat transparent; } #core-footer .partners ul li.l1 { width:43px; background-position:0 0; } #core-footer .partners ul li.l2 { width:34px; background-position:-42px 0; } #core-footer .partners ul li.l3 { width:33px; background-position:-76px 0; } #core-footer .partners ul li.l4 { width:30px; background-position:-109px 0; } #core-footer .partners ul li.l5 { width:43px; background-position:-138px 0; } #core-footer .partners ul li.l6 { width:39px; background-position:-181px 0; } #core-footer .partners ul li.l7 { width:43px; background-position:-219px 0; } #core-footer .partners ul li.l8 { width:39px; background-position:-262px 0; } */ #core-footer .partners ul li a { width:100%; height:100%; display:block; } #core-footer .solina { width:14%; display:inline-block; vertical-align:middle; } #core-footer .solina img { width:100%; display:block; } #core-absfooter { clear:both; color:white; font-size:0.85em; margin:0 auto 10px; width:100%; max-width:1000px; } #core-absfooter .sp { margin:0 10px; } #core-absfooter a { color:white; text-decoration:none; } #core-absfooter .core-copy { display:inline-block; width:40%; } #core-absfooter .core-links { display:inline-block; width:60%; text-align:right; } .footnews.news .article { display:inline-block; width:50%; box-sizing:border-box; padding:0 15px; vertical-align:top; position:relative; } .footnews.news .article h3 { font-size:1.5em; margin:0 0 15px; } .footnews.news .article h3 a { text-decoration:none; } .footnews.news .article .side { float:left; width:35%; margin-right:15px; } .footnews.news .article .oside { overflow:hidden; padding-bottom:30px; } .footnews.news .article .side img { width:100%; max-width:500px; display:block; } .footnews.news .article .bttn { position:absolute; bottom:0; } .footnews.news .article .published { color:#bbbbbb; } .bio-block { vertical-align:top; display:inline-block; width:33.33333%; box-sizing:border-box; padding:0 10px; margin-bottom:20px; } .bio-block .img { position:relative; overflow:hidden; } .bio-block .img img { width:100%; max-width:500px; } .bio-block .img .bio { display:none; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#12326e; color:white; } .bio-block .img .bio .bio-inner { display:table-cell; text-align:center; vertical-align:middle; padding:15px; } .bio-block .name { font-size:1.3em; margin-top:5px; } .bio-block .role { font-size:1.2em; margin-top:5px; } .bio-block .email { margin-top:15px; } /* pages */ /* home */ #page_home .top-link { position:absolute; top:-15px; left:50%; width:150px; margin-left:-75px; text-align:center; line-height:30px; height:30px; } #page_home .top-link a { display:block; background-color:#12326e; border:1px solid white; color:white; text-decoration:none; } #page_home .top-link a:hover { background-color:#00a3e2; } #page_home .intro_text { margin-top:30px; } #page_home .section_links { display:flex; flex-wrap:wrap; font-size:0.9em; } #page_home .section_links .section_link { position:relative; align-self:stretch; display:inline-block; width:24%; margin-right:1%; box-sizing:border-box; border:1px solid white; padding:10px 10px 50px; color:white; background:#3d464d; background:-moz-linear-gradient(left, #6c747a 0%, #3d464d 100%); background:-webkit-linear-gradient(left, #6c747a 0%,#3d464d 100%); background:linear-gradient(to right, #6c747a 0%,#3d464d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c747a', endColorstr='#3d464d',GradientType=1 ); } #page_home .section_links .section_link:last-child { margin-right:0; } #page_home .section_links .section_link .img img { max-width:300px; width:100%; display:block; margin:0 auto; } #page_home .section_links .section_link .title { margin:5px 0; padding-bottom:5px; border-bottom:1px solid white; font-size:1.2em; } #page_home .section_links .section_link .link { position:absolute; bottom:10px; left:0; width:100%; padding:0 10px; box-sizing:border-box; overflow:hidden; } #page_home .section_links .section_link .link a { background-color:#12326e; text-decoration:none; line-height:30px; height:30px; border:1px solid white; display:block; } #page_home .section_links .section_link .link a:hover { background-color:#00a3e2; } #page_home .sector_text { margin-top:30px; } /* home */ /* premium-instant-gravy */ #page_other_product__premium_instant_gravy .top_filters { text-align:left; position:relative; z-index:1; } #page_other_product__premium_instant_gravy .top_filters h2 .sliders { float:right; } #page_other_product__premium_instant_gravy .top_filters .filters { border-top:1px solid white; margin:10px 0 20px; padding-top:15px; text-align:center; } #page_other_product__premium_instant_gravy .top_filters .filters .drop { box-sizing:border-box; position:relative; display:inline-block; width:24%; margin:0 0.5%; text-align:left; } #page_other_product__premium_instant_gravy .top_filters .filters .drop .title { } #page_other_product__premium_instant_gravy .top_filters .filters .drop .title a, #page_other_product__premium_instant_gravy .top_filters .filters .drop .title span { border:1px solid white; background-color:#12326e; position:relative; padding:10px 25px 10px 10px; cursor:pointer; display:block; text-decoration:none; } #page_other_product__premium_instant_gravy .top_filters .filters .drop.active .title a, #page_other_product__premium_instant_gravy .top_filters .filters .drop.active .title span { background-color:#00a3e2; } #page_other_product__premium_instant_gravy .top_filters .filters .drop:hover .title a, #page_other_product__premium_instant_gravy .top_filters .filters .drop:hover .title span { background-color:#00a3e2; } #page_other_product__premium_instant_gravy .top_filters .filters .drop.current .title a, #page_other_product__premium_instant_gravy .top_filters .filters .drop.current .title span { background-color:#00a3e2; } #page_other_product__premium_instant_gravy .top_filters .filters .drop .title i.fas { position:absolute; top:50%; right:10px; margin-top:-8px; font-size:16px; } #page_other_product__premium_instant_gravy .top_filters .filters .drop .content { display:none; position:absolute; top:100%; left:0; background-color:#00a3e2; border:1px solid white; border-top:0 none; min-width:100%; padding:10px; box-sizing:border-box; max-height:300px; overflow:auto; z-index:1; } #page_other_product__premium_instant_gravy .top_filters .filters .drop.active .content { display:block; } #page_other_product__premium_instant_gravy .top_filters .filters .drop .content a { text-decoration:none; display:block; padding:1px 0; } #page_other_product__premium_instant_gravy .top_filters .filters .drop .content a:hover { color:#e3c36b; } #page_other_product__premium_instant_gravy .product_detail {} #page_other_product__premium_instant_gravy .product_detail .col1 { float:left; width:60%; } #page_other_product__premium_instant_gravy .product_detail .col2 { float:right; width:38%; box-sizing:border-box; padding:15px; text-align:center; background-color:white; top:215px; } #page_other_product__premium_instant_gravy .product_detail .col1 .nutrition { margin-bottom:15px; } #page_other_product__premium_instant_gravy .product_detail .col1 .nutrition table { width:100%; border-collapse:collapse; border:1px solid #231f20; } #page_other_product__premium_instant_gravy .product_detail .col1 .nutrition table th { border:1px solid #231f20; padding:5px 10px; color:#00a3e2; font-size:1.2em; font-weight:normal; } #page_other_product__premium_instant_gravy .product_detail .col1 .nutrition table td { border:1px solid #231f20; padding:5px 10px; } #page_other_product__premium_instant_gravy .product_detail .col2 .mainImg { max-width:400px; width:100%; margin:0 auto; } /* premium-instant-gravy */ /* products */ #page_product .top_filters { text-align:left; position:relative; z-index:1; } #page_product .top_filters h2 .sliders { float:right; } #page_product .top_filters .filters { border-top:1px solid white; margin:10px 0 20px; padding-top:15px; text-align:center; } #page_product .top_filters .filters .drop { box-sizing:border-box; position:relative; display:inline-block; width:24%; margin:0 0.5%; text-align:left; } #page_product .top_filters .filters .drop .title { } #page_product .top_filters .filters .drop .title a, #page_product .top_filters .filters .drop .title span { border:1px solid white; background-color:#12326e; position:relative; padding:10px 25px 10px 10px; cursor:pointer; display:block; text-decoration:none; } #page_product .top_filters .filters .drop.active .title a, #page_product .top_filters .filters .drop.active .title span { background-color:#00a3e2; } #page_product .top_filters .filters .drop:hover .title a, #page_product .top_filters .filters .drop:hover .title span { background-color:#00a3e2; } #page_product .top_filters .filters .drop.current .title a, #page_product .top_filters .filters .drop.current .title span { background-color:#00a3e2; } #page_product .top_filters .filters .drop .title i.fas { position:absolute; top:50%; right:10px; margin-top:-8px; font-size:16px; } #page_product .top_filters .filters .drop .content { display:none; position:absolute; top:100%; left:0; background-color:#00a3e2; border:1px solid white; border-top:0 none; min-width:100%; padding:10px; box-sizing:border-box; max-height:300px; overflow:auto; z-index:1; } #page_product .top_filters .filters .drop.active .content { display:block; } #page_product .top_filters .filters .drop .content a { text-decoration:none; display:block; padding:1px 0; } #page_product .top_filters .filters .drop .content a:hover { color:#e3c36b; } #page_product .product_detail {} #page_product .product_detail .col1 { float:left; width:60%; } #page_product .product_detail .col2 { float:right; width:38%; box-sizing:border-box; padding:15px; text-align:center; background-color:white; top:215px; } #page_product .product_detail .col1 .nutrition { margin-bottom:15px; } #page_product .product_detail .col1 .nutrition table { width:100%; border-collapse:collapse; border:1px solid #231f20; } #page_product .product_detail .col1 .nutrition table th { border:1px solid #231f20; padding:5px 10px; color:#00a3e2; font-size:1.2em; font-weight:normal; } #page_product .product_detail .col1 .nutrition table td { border:1px solid #231f20; padding:5px 10px; } #page_product .product_detail .col2 .mainImg { max-width:400px; width:100%; margin:0 auto; } #page_product .product_main {} #page_product .product_main .col1 { float:left; width:49%; } #page_product .product_main .col2 { float:right; width:49%; box-sizing:border-box; padding:15px; text-align:center; background-color:white; } #page_product .product_main .col2.full { float:none; width:100%; box-sizing:border-box; padding:15px; text-align:center; background-color:white; } #page_product .product_main .testimonial_block { background-color:#2e3b42; padding:20px; text-align:center; } #page_product .product_main .roundels { margin:20px 0; } #page_product .product_main .versatilities { margin:20px 0; } #page_product .range_block { display:flex; flex-wrap:wrap; text-align:center; } #page_product .range_block .allergen_info { position:relative; align-self:stretch; display:inline-block; width:48%; margin:1%; box-sizing:border-box; border:1px solid white; padding:10px 10px 50px; color:white; background-color:#00a3e2; } #page_product .range_block .range { position:relative; align-self:stretch; display:inline-block; width:48%; margin:1%; box-sizing:border-box; border:1px solid white; padding:10px 10px 62px; color:white; background:#3d464d; background:-moz-linear-gradient(left, #6c747a 0%, #3d464d 100%); background:-webkit-linear-gradient(left, #6c747a 0%,#3d464d 100%); background:linear-gradient(to right, #6c747a 0%,#3d464d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c747a', endColorstr='#3d464d',GradientType=1 ); } #page_product .range_block .range .img img { max-width:300px; width:100%; display:block; margin:0 auto; } #page_product .range_block .allergen_info .title { margin:5px 0 15px; font-size:2.2em; border-bottom:1px solid white; padding-bottom:10px; } #page_product .range_block .range .summary, #page_product .range_block .allergen_info .summary { margin:5px 0; } #page_product .range_block .range .link, #page_product .range_block .allergen_info .link { position:absolute; bottom:10px; left:0; width:100%; padding:0 10px; box-sizing:border-box; overflow:hidden; } #page_product .range_block .range .link a, #page_product .range_block .allergen_info .link a { background-color:#12326e; text-decoration:none; height:50px; border:1px solid white; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 5px; } #page_product .range_block .range .link a:hover, #page_product .range_block .allergen_info .link a:hover { background-color:#00a3e2; } #page_product .product_block { display:flex; flex-wrap:wrap; text-align:center; } #page_product .product_block .product { position:relative; align-self:stretch; display:inline-block; width:48%; margin:1%; box-sizing:border-box; border:1px solid white; padding:10px 10px 72px; color:white; background:#3d464d; background:-moz-linear-gradient(left, #6c747a 0%, #3d464d 100%); background:-webkit-linear-gradient(left, #6c747a 0%,#3d464d 100%); background:linear-gradient(to right, #6c747a 0%,#3d464d 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c747a', endColorstr='#3d464d',GradientType=1 ); } #page_product .product_block.full .product { width:24%; margin:1% 0.5%; } #page_product .product_block .allergen_info { position:relative; align-self:stretch; display:inline-block; width:48%; margin:1%; box-sizing:border-box; border:1px solid white; padding:10px 10px 50px; color:white; background-color:#00a3e2; min-height: 273px;} #page_product .product_block.full .allergen_info { width:24%; margin:1% 0.5%; } #page_product .product_block .product .img img { max-width:300px; width:100%; display:block; margin:0 auto; } #page_product .product_block .allergen_info .title { margin:5px 0 15px; font-size:2.2em; border-bottom:1px solid white; padding-bottom:10px; } #page_product .product_block .product .summary, #page_product .product_block .allergen_info .summary { margin:5px 0; font-size:1.2em; } #page_product .product_block .product .link, #page_product .product_block .allergen_info .link { position:absolute; bottom:10px; left:0; width:100%; padding:0 10px; box-sizing:border-box; overflow:hidden; } #page_product .product_block .product .link a, #page_product .product_block .allergen_info .link a { background-color:#12326e; text-decoration:none; height:50px; border:1px solid white; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 5px; } #page_product .product_block .product .link a:hover, #page_product .product_block .allergen_info .link a:hover { background-color:#00a3e2; } #page_product .product_block .product.guide{ background:#e3e3e3; } #page_product .product_block .product.guide .link a{ background-color:#00a3e2; } #page_product .product_block .product.guide .link a:hover{ background-color:#2e3b42; } /* products */ /* samples */ #page_samples .ranges { column-count:3; } #page_samples button.sbmt { float:right; } #page_samples .ranges .range { margin-bottom:20px; display:block; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid-column; } #page_samples .ranges .range h3 { margin-top:0; } #page_samples .ranges .range label { display:block; } #page_samples .steptitles {} #page_samples .steptitles .steptitle { background-color:#12326e; box-sizing:border-box; border:1px solid white; color:white; height:30px; line-height:30px; width:47.5%; float:left; margin-right:5%; position:relative; text-align:center; } #page_samples .steptitles .steptitle:before { content:''; width:18px; height:30px; background:url('../img/sprite.png?62209bef') -45px -135px no-repeat transparent; position:absolute; top:-1px; left:-18px; } #page_samples .steptitles .steptitle.active:before { background-position:0 -135px; } #page_samples .steptitles .steptitle:after { content:''; width:18px; height:30px; background:url('../img/sprite.png?62209bef') -72px -135px no-repeat transparent; position:absolute; top:-1px; right:-18px; } #page_samples .steptitles .steptitle.active:after { background-position:-27px -135px; } #page_samples .steptitles .steptitle.active { background-color:#00a3e2; } #page_samples .steptitles .steptitle:last-child { margin-right:0; } #page_samples .steptitles .steptitle .tick { display:none; margin-left:10px; } #page_samples .steptitles .steptitle.saved .tick { display:inline-block; } #page_samples .col1 { display:inline-block; box-sizing:border-box; vertical-align:top; width:50%; padding:0 15px 0 0; } #page_samples .col2 { display:inline-block; box-sizing:border-box; vertical-align:top; width:50%; padding:0 0 0 15px; } #page_samples #request input[type="text"], #page_samples #request input[type="email"], #page_samples #request textarea { width:100%; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px; margin:5px 0; } /* samples */ /* recipes */ #page_recipe .top_filters { text-align:left; position:relative; z-index:1; } #page_recipe .top_filters .bttn { background-color:#12326e; margin:10px 0; font-size:1em; padding:10px; } #page_recipe .top_filters .bttn:hover { background-color:#00a3e2; } #page_recipe .top_filters .bttn.on { background-color:#00a3e2; } #page_recipe .top_filters h2 { border-bottom:1px solid white; padding-bottom:5px; margin-bottom:20px; } #page_recipe .top_filters h2 .recipeCount { float:right; margin-top:15px; font-size:0.6em; } #page_recipe .top_filters .dietary { display:inline-block; width:50%; padding:15px; vertical-align:top; box-sizing:border-box; } #page_recipe .top_filters .dietary .roundels { } #page_recipe .top_filters .dietary .roundels .roundel { margin:5px; } #page_recipe .top_filters .refine { display:inline-block; width:25%; padding:15px; vertical-align:top; box-sizing:border-box; } #page_recipe .top_filters .ordering { display:inline-block; width:25%; padding:15px; vertical-align:top; box-sizing:border-box; } #page_recipe .top_filters .refine .drop { position:relative; display:block; width:100%; margin:10px 0; text-align:left; } #page_recipe .top_filters .refine .drop .title { } #page_recipe .top_filters .refine .drop .title a, #page_recipe .top_filters .refine .drop .title span { border:1px solid white; background-color:#12326e; position:relative; padding:10px 25px 10px 10px; cursor:pointer; display:block; text-decoration:none; } #page_recipe .top_filters .refine .drop.active .title a, #page_recipe .top_filters .refine .drop.active .title span { background-color:#00a3e2; } #page_recipe .top_filters .refine .drop:hover .title a, #page_recipe .top_filters .refine .drop:hover .title span { background-color:#00a3e2; } #page_recipe .top_filters .refine .drop.current .title a, #page_recipe .top_filters .refine .drop.current .title span { background-color:#00a3e2; } #page_recipe .top_filters .refine .drop .title i.fas { position:absolute; top:50%; right:10px; margin-top:-8px; font-size:16px; } #page_recipe .top_filters .refine .drop .content { display:none; position:absolute; top:100%; left:0; background-color:#00a3e2; border:1px solid white; border-top:0 none; min-width:100%; padding:10px; box-sizing:border-box; max-height:300px; overflow:auto; z-index:1; } #page_recipe .top_filters .refine .drop.active .content { display:block; } #page_recipe .top_filters .refine .drop .content a { text-decoration:none; display:block; padding:1px 0; } #page_recipe .top_filters .refine .drop .content a:hover { color:#e3c36b; } #page_recipe .recipe-block { display:flex; flex-wrap:wrap; } #page_recipe .recipe-block .recipe { display:inline-block; width:25%; margin:0; align-self:stretch; box-sizing:border-box; padding:15px; text-align:left; text-decoration:none; } /* #page_recipe .recipe-block .recipe:hover { background-color:#dddddd; } */ #page_recipe .recipe-block .recipe img { display:block; width:100%; } #page_recipe .recipe-block .recipe .cooktime { font-size:0.8em; float:left; line-height:40px; } #page_recipe .recipe-block .recipe .cooktime .far { color:#e3c36b; } #page_recipe .recipe-block .recipe .roundels { float:right; min-width:1px; min-height:30px; padding-top:7px; font-size:0; } #page_recipe .recipe-block .recipe .title { clear:both; border-top:1px solid #e3c36b; padding-top:5px; display:block; } #page_recipe .recipe-block .prevnext { text-align:right; display:block; width:100%; padding-top:20px; border-top:1px solid #231f20; margin-top:20px; } #page_recipe .bttn.print { float:right; } #page_recipe .head .col1 { display:inline-block; width:50%; box-sizing:border-box; padding:0; vertical-align:middle; } #page_recipe .head .col1 img { display:block; width:100%; margin:-50px 0; } #page_recipe .head .col2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 0 0 15px; vertical-align:middle; } #page_recipe .head .col2 .prep_time { font-size:1.3em; margin-bottom:10px; clear:both; } #page_recipe .head .col2 .cook_time { font-size:1.3em; margin-bottom:10px; float:left; } #page_recipe .head .col2 .serves { font-size:1.3em; margin-bottom:10px; float:right; } #page_recipe .head .col2 .icon { color:#e3c36b; display:inline-block; width:40px; text-align:center; vertical-align:middle; font-size:1.3em; } #page_recipe .head .col2 .divider { clear:both; border-top:1px solid #231f20; padding-top:20px; margin-top:20px; width:100%; display:inline-block; } #page_recipe .head .col2 .roundels { margin-bottom:15px; } #page_recipe .head .col2 .nutrientstxt { font-size:1.3em; } #page_recipe .head .col2 .nutrients { text-align:center; } #page_recipe .head .col2 .nutrients .nutrientBlock { text-align:center; width:78px; display:inline-block; box-sizing:border-box; padding:10px; margin:7.5px; background-color:#12326e; } #page_recipe .head .col2 .nutrients .nutrientBlock .head { display:block; color:#00a3e2; font-size:0.8em; } #page_recipe .head .col2 .nutrients .nutrientBlock .value { display:block; color:white; } #page_recipe #core-content .core-block-full .core-block-full-inner.body { padding-top:40px; } #page_recipe .body .col1 { display:inline-block; width:50%; box-sizing:border-box; padding:0 15px 0 0; vertical-align:top; } #page_recipe .body .col2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 0 0 15px; vertical-align:top; } #page_recipe .foot .col1 { display:inline-block; width:50%; box-sizing:border-box; padding:0 15px 0 0; vertical-align:top; } #page_recipe .foot .col2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 0 0 15px; vertical-align:top; } #page_recipe img.product { float:right; width:100%; max-width:200px; } #page_recipe img.product { float:right; width:100%; max-width:200px; } #page_recipe .interactive-recipes .img1 { display:inline-block; width:15%; box-sizing:border-box; transform:scale(0.9) rotate(-10deg); vertical-align:middle; } #page_recipe .interactive-recipes .txt { display:inline-block; width:70%; box-sizing:border-box; padding:0 20px; vertical-align:middle; } #page_recipe .interactive-recipes .img2 { display:inline-block; width:15%; box-sizing:border-box; transform:scale(0.9) rotate(10deg); vertical-align:middle; } #page_recipe .interactive-links { } #page_recipe .interactive-links form { } #page_recipe .interactive-links form input { width:100%; max-width:300px; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1.3em; padding:5px; margin:5px 0; } #page_recipe .interactive-links .books { margin:50px 0 30px; } #page_recipe .interactive-links .books .book { width:20%; padding:1%; display:inline-block; box-sizing:border-box; } #page_recipe .interactive-links .books .book img { width:100%; display:block; } /* recipes */ /* concepts */ #page_concepts_to_inspire_your_menu .core-block-full.white.centre a.bttn{ text-align: left; float: none; display: table-cell; background:#12326e; } #page_concepts_to_inspire_your_menu .core-block-full.white.centre a.bttn:hover{background:#2f405e;} #page_concepts_to_inspire_your_menu .recipe-block { display:flex; flex-wrap:wrap; } #page_concepts_to_inspire_your_menu .recipe-block .recipe { display:inline-block; width:25%; margin:0; align-self:stretch; box-sizing:border-box; padding:15px; text-align:left; text-decoration:none; } /* #page_recipe .recipe-block .recipe:hover { background-color:#dddddd; } */ #page_concepts_to_inspire_your_menu .recipe-block .recipe img { display:block; width:100%; } #page_concepts_to_inspire_your_menu .recipe-block .recipe .cooktime { font-size:0.8em; float:left; line-height:40px; } #page_concepts_to_inspire_your_menu .recipe-block .recipe .cooktime .far { color:#e3c36b; } #page_concepts_to_inspire_your_menu .recipe-block .recipe .roundels { float:right; min-width:1px; min-height:30px; padding-top:7px; font-size:0; } #page_concepts_to_inspire_your_menu .recipe-block .recipe .title { clear:both; border-top:1px solid #e3c36b; padding-top:5px; display:block; } #page_concepts_to_inspire_your_menu .recipe-block .prevnext { text-align:right; display:block; width:100%; padding-top:20px; border-top:1px solid #231f20; margin-top:20px; } /* dpb */ #page_dpb .top_filters { text-align:left; position:relative; z-index:1; } #page_dpb .top_filters .bttn { background-color:#12326e; margin:10px 0; font-size:1em; padding:10px; } #page_dpb .top_filters .bttn:hover { background-color:#00a3e2; } #page_dpb .top_filters .bttn.on { background-color:#00a3e2; } #page_dpb .top_filters h2 { border-bottom:1px solid white; padding-bottom:5px; margin-bottom:20px; } #page_dpb .top_filters h2 .recipeCount { float:right; margin-top:15px; font-size:0.6em; } #page_dpb .top_filters .dietary { display:inline-block; width:50%; padding:15px; vertical-align:top; box-sizing:border-box; } #page_dpb .top_filters .dietary .roundels { } #page_dpb .top_filters .dietary .roundels .roundel { margin:5px; } #page_dpb .top_filters .refine { display:inline-block; width:25%; padding:15px; vertical-align:top; box-sizing:border-box; } #page_dpb .top_filters .ordering { display:inline-block; width:25%; padding:15px; vertical-align:top; box-sizing:border-box; } #page_dpb .top_filters .refine .drop { position:relative; display:block; width:100%; margin:10px 0; text-align:left; } #page_dpb .top_filters .refine .drop .title { } #page_dpb .top_filters .refine .drop .title a, #page_dpb .top_filters .refine .drop .title span { border:1px solid white; background-color:#12326e; position:relative; padding:10px 25px 10px 10px; cursor:pointer; display:block; text-decoration:none; } #page_dpb .top_filters .refine .drop.active .title a, #page_dpb .top_filters .refine .drop.active .title span { background-color:#00a3e2; } #page_dpb .top_filters .refine .drop:hover .title a, #page_dpb .top_filters .refine .drop:hover .title span { background-color:#00a3e2; } #page_dpb .top_filters .refine .drop.current .title a, #page_dpb .top_filters .refine .drop.current .title span { background-color:#00a3e2; } #page_dpb .top_filters .refine .drop .title i.fas { position:absolute; top:50%; right:10px; margin-top:-8px; font-size:16px; } #page_dpb .top_filters .refine .drop .content { display:none; position:absolute; top:100%; left:0; background-color:#00a3e2; border:1px solid white; border-top:0 none; min-width:100%; padding:10px; box-sizing:border-box; max-height:300px; overflow:auto; z-index:1; } #page_dpb .top_filters .refine .drop.active .content { display:block; } #page_dpb .top_filters .refine .drop .content a { text-decoration:none; display:block; padding:1px 0; } #page_dpb .top_filters .refine .drop .content a:hover { color:#e3c36b; } #page_dpb .recipe-block { display:flex; flex-wrap:wrap; } #page_dpb .recipe-block .recipe { display:inline-block; width:25%; margin:0; align-self:stretch; box-sizing:border-box; padding:15px; text-align:left; text-decoration:none; } /* #page_dpb .recipe-block .recipe:hover { background-color:#dddddd; } */ #page_dpb .recipe-block .recipe img { display:block; width:100%; } #page_dpb .recipe-block .recipe .cooktime { font-size:0.8em; float:left; line-height:40px; } #page_dpb .recipe-block .recipe .cooktime .far { color:#e3c36b; } #page_dpb .recipe-block .recipe .roundels { float:right; min-width:1px; min-height:30px; padding-top:7px; font-size:0; } #page_dpb .recipe-block .recipe .title { clear:both; border-top:1px solid #e3c36b; padding-top:5px; display:block; } #page_dpb .recipe-block .prevnext { text-align:right; display:block; width:100%; padding-top:20px; border-top:1px solid #231f20; margin-top:20px; } #page_dpb .bttn.print { float:right; } #page_dpb .head .col1 { display:inline-block; width:50%; box-sizing:border-box; padding:0; vertical-align:middle; } #page_dpb .head .col1 img { display:block; width:100%; margin:-50px 0; } #page_dpb .head .col2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 0 0 15px; vertical-align:middle; } #page_dpb .head .col2 .prep_time { font-size:1.3em; margin-bottom:10px; clear:both; } #page_dpb .head .col2 .cook_time { font-size:1.3em; margin-bottom:10px; float:left; } #page_dpb .head .col2 .serves { font-size:1.3em; margin-bottom:10px; float:right; } #page_dpb .head .col2 .icon { color:#e3c36b; display:inline-block; width:40px; text-align:center; vertical-align:middle; font-size:1.3em; } #page_dpb .head .col2 .divider { clear:both; border-top:1px solid #231f20; padding-top:20px; margin-top:20px; width:100%; display:inline-block; } #page_dpb .head .col2 .roundels { margin-bottom:15px; } #page_dpb .head .col2 .nutrientstxt { font-size:1.3em; } #page_dpb .head .col2 .nutrients { text-align:center; } #page_dpb .head .col2 .nutrients .nutrientBlock { text-align:center; width:78px; display:inline-block; box-sizing:border-box; padding:10px; margin:7.5px; background-color:#12326e; } #page_dpb .head .col2 .nutrients .nutrientBlock .head { display:block; color:#00a3e2; font-size:0.8em; } #page_dpb .head .col2 .nutrients .nutrientBlock .value { display:block; color:white; } #page_dpb #core-content .core-block-full .core-block-full-inner.body { padding-top:40px; } #page_dpb .body .col1 { display:inline-block; width:50%; box-sizing:border-box; padding:0 15px 0 0; vertical-align:top; } #page_dpb .body .col2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 0 0 15px; vertical-align:top; } #page_dpb .foot .col1 { display:inline-block; width:50%; box-sizing:border-box; padding:0 15px 0 0; vertical-align:top; } #page_dpb .foot .col2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 0 0 15px; vertical-align:top; } #page_dpb img.product { float:right; width:100%; max-width:200px; } #page_dpb img.product { float:right; width:100%; max-width:200px; } #page_dpb .interactive-recipes .img1 { display:inline-block; width:15%; box-sizing:border-box; transform:scale(0.9) rotate(-10deg); vertical-align:middle; } #page_dpb .interactive-recipes .txt { display:inline-block; width:70%; box-sizing:border-box; padding:0 20px; vertical-align:middle; } #page_dpb .interactive-recipes .img2 { display:inline-block; width:15%; box-sizing:border-box; transform:scale(0.9) rotate(10deg); vertical-align:middle; } #page_dpb .interactive-links { } #page_dpb .interactive-links form { } #page_dpb .interactive-links form input { width:100%; max-width:300px; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1.3em; padding:5px; margin:5px 0; } #page_dpb .interactive-links .books { margin:50px 0 30px; } #page_dpb .interactive-links .books .book { width:33%; padding:1%; display:inline-block; box-sizing:border-box; } #page_dpb .interactive-links .books .book img { width:100%; display:block; } /* dpb */ /* sector support */ /*v1*/ body.parent_sector_support .head .sectorIcon { margin:-70px auto 15px; width:100px; height:100px; background:url('') 0 0 no-repeat transparent; } #page_sector_support__hotels_pubs_and_restaurants .head .sectorIcon, #page_sector_support__hotels_pubs_and_restaurants .cols .sectorIcon { background-image:url('../img/sectors/hotels-pubs-and-restaurants.png?62209bef'); } #page_sector_support__healthcare .head .sectorIcon, #page_sector_support__healthcare .cols .sectorIcon { background-image:url('../img/sectors/healthcare.png?62209bef'); } #page_sector_support__education .head .sectorIcon, #page_sector_support__education .cols .sectorIcon { background-image:url('../img/sectors/education.png?62209bef'); } #page_sector_support__contract_catering .head .sectorIcon, #page_sector_support__contract_catering .cols .sectorIcon { background-image:url('../img/sectors/contract-catering.png?62209bef'); } #page_sector_support__casual_dining .head .sectorIcon, #page_sector_support__casual_dining .cols .sectorIcon { background-image:url('../img/sectors/casual-dining.png?62209bef'); } body.parent_sector_support .head .col1 { display:inline-block; width:50%; box-sizing:border-box; padding:0 15px 0 0; vertical-align:top; } body.parent_sector_support .head .col2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 0 0 15px; vertical-align:middle; } body.parent_sector_support .head .col2 img { display:block; width:100%; } body.parent_sector_support .news .article { display:inline-block; width:50%; box-sizing:border-box; padding:0 15px; vertical-align:top; position:relative; } body.parent_sector_support .news .article h3 { font-size:1.5em; margin:0 0 15px; } body.parent_sector_support .news .article h3 a { text-decoration:none; } body.parent_sector_support .news .article .side { float:left; width:35%; margin-right:15px; } body.parent_sector_support .news .article .oside { overflow:hidden; padding-bottom:30px; } body.parent_sector_support .news .article .side img { width:100%; max-width:500px; display:block; } body.parent_sector_support .news .article .bttn { position:absolute; bottom:0; } body.parent_sector_support .news .article .published { color:#bbbbbb; } body.parent_sector_support .interactive-links { } body.parent_sector_support .interactive-links form { } body.parent_sector_support .interactive-links form input { width:100%; max-width:300px; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1.3em; padding:5px; margin:5px 0; } body.parent_sector_support .interactive-links .books { margin:50px 0 30px; } body.parent_sector_support .interactive-links .books .book { width:20%; padding:1%; display:inline-block; box-sizing:border-box; } body.parent_sector_support .interactive-links .books .book img { width:100%; display:block; } body.parent_sector_support .interactive input { width:100%; max-width:300px; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1.3em; padding:5px; margin:5px 0; } body.parent_sector_support .interactive img { transform:scale(0.9) rotate(10deg); width:100%; max-width:150px; float:right; margin-left:20px; } body.parent_sector_support .interactive .form { overflow:hidden; } body.parent_sector_support .interactive-recipes .img1 { display:inline-block; width:15%; box-sizing:border-box; transform:scale(0.9) rotate(-10deg); vertical-align:middle; } body.parent_sector_support .interactive-recipes .txt { display:inline-block; width:70%; box-sizing:border-box; padding:0 20px; vertical-align:middle; } body.parent_sector_support .interactive-recipes .img2 { display:inline-block; width:15%; box-sizing:border-box; transform:scale(0.9) rotate(10deg); vertical-align:middle; } #page_sector_support .interactive-links { } #page_sector_support .interactive-links form { } #page_sector_support .interactive-links form input { width:100%; max-width:300px; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1.3em; padding:5px; margin:5px 0; } #page_sector_support .interactive-links .books { margin:50px 0 30px; } #page_sector_support .interactive-links .books .book { width:20%; padding:1%; display:inline-block; box-sizing:border-box; } #page_sector_support .interactive-links .books .book img { width:100%; display:block; } /*v1*/ /*v2*/ body.parent_sector_support .cols .sectorIcon { margin:-70px auto 15px; width:100px; height:100px; background:url('') 0 0 no-repeat transparent; } body.parent_sector_support .cols .col1 { display:inline-block; width:50%; box-sizing:border-box; padding:0 15px 0 0; vertical-align:top; } body.parent_sector_support .cols .col2 { display:inline-block; width:50%; box-sizing:border-box; padding:0 0 0 15px; vertical-align:middle; } body.parent_sector_support .cols .col1 ul { padding-left:15px; } body.parent_sector_support .cols .col2 img { display:block; width:100%; } body.parent_sector_support .cols ul.imgs { list-style-type:none; margin:0; padding:0; } body.parent_sector_support .cols ul.imgs li { margin:15px 0; padding:0; } body.parent_sector_support .cols ul.imgs li img { display:inline-block; width:20%; max-width:85px; vertical-align:middle; margin-right:5%; } body.parent_sector_support .cols ul.imgs li span { display:inline-block; width:75%; vertical-align:middle; } body.parent_sector_support .products { text-align:center; } body.parent_sector_support .products .product { text-align:left; width:31%; max-width:500px; margin-right:3%; display:inline-block; vertical-align:top; } body.parent_sector_support .products .product:nth-child(3n+3) { margin-right:0; } body.parent_sector_support .products .product img { width:100%; display:block; margin-bottom:15px; } body.parent_sector_support .products .product a.bttn { display:block; text-align:center; margin-bottom:15px; } body.parent_sector_support .products .product h3 { font-size:1.5em; } body.parent_sector_support .products .product .txt { } body.parent_sector_support .stockists { text-align:center; } body.parent_sector_support .stockists a { width:24%; max-width:500px; margin-right:1%; display:inline-block; vertical-align:top; } body.parent_sector_support .stockists a:nth-child(4n+4) { margin-right:0; } body.parent_sector_support .stockists a img { width:100%; max-width:500px; display:block; } body.parent_sector_support .stockists a .bttn { display:block; margin-top:10px; } body.parent_sector_support .sector-block.news { } body.parent_sector_support .sector-block.news .newsBlock { text-align:left; height:260px; overflow:hidden; margin-bottom:40px; } body.parent_sector_support .sector-block.news .newsBlock .newsInner { width:200%; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a { width:25%; display:inline-block; vertical-align:top; padding:0 15px; text-align:left; box-sizing:border-box; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a .title { font-size:1.5em; font-weight:normal; line-height:30px; height:60px; overflow:hidden; margin:0 0 15px; display:inline-block; width:100%; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a .img { width:40%; max-width:500px; display:inline-block; vertical-align:top; margin-right:3%; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a .img img { width:100%; display:block; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a .content { width:57%; height:180px; display:inline-block; vertical-align:top; position:relative; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a .content .date { color:#bbb; display:block; margin-bottom:15px; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a .content .summary { display:block; height:110px; line-height:20px; overflow:hidden; -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%); mask-image: linear-gradient(to bottom, black 50%, transparent 100%); } body.parent_sector_support .sector-block.news .newsBlock .newsInner a .content .bttn { position:absolute; bottom:0; left:0; } body.parent_sector_support .sector-block.news .prev, body.parent_sector_support .sector-block.news .next { position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; text-align:center; background-color:rgba(0,0,0,0.5); cursor:pointer; color:white; display:none; } body.parent_sector_support .sector-block.news .prev.on, body.parent_sector_support .sector-block.news .next.on { display:block; } body.parent_sector_support .sector-block.news .prev { left:-25px; } body.parent_sector_support .sector-block.news .next { right:-25px; } body.parent_sector_support .sector-block.news .prev .fas, body.parent_sector_support .sector-block.news .next .fas { line-height:30px; } /*v2*/ /* sector support */ /* about_us */ #page_about_us .imagesblock { margin-top:30px; } #page_about_us .imagesblock .imageblock { position:relative; } #page_about_us .imagesblock .imageblock img { width:100%; max-width:1000px; display:block; } #page_about_us .imagesblock .imageblock details { display:none; } #page_about_us .imagesblock .imageblock a.bttn { position:absolute; bottom:3%; left:50%; width:250px; margin-left:-125px; box-sizing:border-box; } /* about_us */ #page_about_us__sustainability .imagesblock { margin-top:30px; } #page_about_us__sustainability .imagesblock .imageblock { position:relative; } #page_about_us__sustainability .imagesblock .imageblock img { width:100%; max-width:1000px; display:block; } #page_about_us__sustainability .imagesblock .imageblock details { display:none; } #page_about_us__sustainability .imagesblock .imageblock a.bttn { position: absolute; bottom: 3%; width: auto; margin: 0 auto; box-sizing: border-box; left: 50%; transform: translate(-50%, -50%); } /* about_us__innovation */ #page_about_us__innovation .col1 { width:50%; display:inline-block; box-sizing:border-box; display:inline-block; vertical-align:top; padding:0 45px 0 0; } #page_about_us__innovation .col1 h2 { margin:40px 0 20px; } #page_about_us__innovation .col2 { width:50%; display:inline-block; box-sizing:border-box; display:inline-block; vertical-align:top; padding:30px 0 30px 45px; } #page_about_us__innovation .col2 img { width:100%; display:block; } #page_about_us__innovation .interactive input { width:100%; max-width:300px; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1.3em; padding:5px; margin:5px 0; } #page_about_us__innovation .interactive img { transform:scale(0.9) rotate(10deg); width:100%; max-width:150px; float:right; margin-left:20px; } #page_about_us__innovation .interactive .form { overflow:hidden; } /* about_us__innovation */ /* manufacturing */ #page_manufacturing .products { } #page_manufacturing .products .product { display:inline-block; vertical-align:top; width:240px; box-sizing:border-box; padding:25px 15px; } #page_manufacturing .products .product .icon { width:100%; max-width:100px; margin:0 auto 10px; background:url('../img/manufacturing.png?62209bef') 0 0 no-repeat transparent; background-size:cover; } #page_manufacturing .products .product.reduced-salt .icon { background-position:0 0; } #page_manufacturing .products .product.vegan-stocks .icon { background-position:-100px 0; } #page_manufacturing .products .product.gravy-sauce-blends .icon { background-position:-200px 0; } #page_manufacturing .products .product.seasoning-dry-rubs .icon { background-position:-300px 0; } #page_manufacturing .products .product.cheese-stock-bases .icon { background-position:-400px 0; } #page_manufacturing .products .product.bespoke-products .icon { background-position:-500px 0; } #page_manufacturing .products .product.technical-support .icon { background-position:-600px 0; } #page_manufacturing .products .product .icon img { width:100%; display:block; } #page_manufacturing .products .product h3 { border-bottom:1px solid #231f20; margin-bottom:15px; padding-bottom:15px; } #page_manufacturing .col1 { width:50%; padding:0 30px 0 0; box-sizing:border-box; display:inline-block; vertical-align:top; } #page_manufacturing .col2 { width:50%; padding:0 0 0 30px; box-sizing:border-box; display:inline-block; vertical-align:top; color:white; } #page_manufacturing #core-content .col1 h2:first-child, #page_manufacturing #core-content .col2 h2:first-child { margin:0; } #page_manufacturing .col2 input[type="text"], #page_manufacturing .col2 input[type="email"], #page_manufacturing .col2 textarea { width:100%; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px; margin:5px 0; } #page_manufacturing .col2 input[type="submit"] { box-sizing:border-box; background-color:#00a3e2; border:1px solid white; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px 30px; margin:5px 0; float:right; color:white; } /* manufacturing */ /* manufacturing__bespoke_solutions */ #page_manufacturing__bespoke_solutions .col1 { width:50%; display:inline-block; box-sizing:border-box; display:inline-block; vertical-align:top; padding:0 45px 0 0; } #page_manufacturing__bespoke_solutions .col1 h2 { margin:40px 0 20px; } #page_manufacturing__bespoke_solutions .col2 { width:50%; display:inline-block; box-sizing:border-box; display:inline-block; vertical-align:top; padding:30px 0 30px 45px; } #page_manufacturing__bespoke_solutions .col2 img { width:100%; display:block; } /* manufacturing__bespoke_solutions */ /* contact */ #page_contact .details_form { display:flex; flex-wrap:wrap; text-align:center; } #page_contact .details_form .col1 { text-align:left; align-self:stretch; display:inline-block; width:49%; vertical-align:top; } #page_contact .details_form .col1 .iconed { padding:0; margin:15px 0 0; position:relative; clear:both; } #page_contact .details_form .col1 .iconed .spacer { float:left; width:30px; } #page_contact .details_form .col1 .iconed .content { display:inline-block; } #page_contact .details_form .col2 { text-align:left; align-self:stretch; display:inline-block; width:49%; vertical-align:top; margin-left:2%; background-color:#12326e; box-sizing:border-box; padding:30px; color:white; } #page_contact .details_form .col2 h2 { margin-top:0; } #page_contact .details_form .col2 input[type="text"], #page_contact .details_form .col2 input[type="email"], #page_contact .details_form .col2 textarea { width:100%; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px; margin:5px 0; } #page_contact .details_form .col2 input[type="submit"] { box-sizing:border-box; background-color:#00a3e2; border:1px solid white; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px 30px; margin:5px 0; float:right; color:white; } #page_contact .contacts { } #page_contact .contacts .bio-block { vertical-align:top; display:inline-block; width:32%; margin-right:2%; box-sizing:border-box; } #page_contact .contacts .bio-block:last-child { margin-right:0; } #page_contact .contacts .bio-block .img { position:relative; overflow:hidden; } #page_contact .contacts .bio-block .img img { width:100%; max-width:500px; } #page_contact .contacts .bio-block .img .bio { display:none; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#12326e; color:white; } #page_contact .contacts .bio-block .img .bio .bio-inner { display:table-cell; text-align:center; vertical-align:middle; padding:15px; } #page_contact .contacts .bio-block .name { font-size:1.3em; margin-top:5px; } #page_contact .contacts .bio-block .role { font-size:1.2em; margin-top:5px; } #page_contact .contacts .bio-block .email { margin-top:15px; } /* contact */ /* blogs */ #page_blog .top_filters { text-align:left; position:relative; z-index:1; } #page_blog .top_filters h2 .sliders { float:right; } #page_blog .top_filters .filters { border-top:1px solid white; margin:10px 0 20px; padding-top:15px; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } /* #page_blog .top_filters .filters .drop { box-sizing:border-box; position:relative; display:inline-block; width:15.66666%; margin:0.5%; text-align:left; border:1px solid white; background-color:#12326e; flex:0 0 auto; } */ /* 6 cols */ /* #page_blog .top_filters .filters .drop { box-sizing:border-box; position:relative; display:inline-block; width:24%; margin:0.5%; text-align:left; border:1px solid white; background-color:#12326e; flex:0 0 auto; } */ /* 5 cols */ #page_blog .top_filters .filters .drop { box-sizing:border-box; position:relative; display:inline-block; width:32.33333%; margin:0.5%; text-align:left; border:1px solid white; background-color:#12326e; flex:0 0 auto; } /* 3 cols */ #page_blog .top_filters .filters .drop:hover { background-color:#00a3e2; } #page_blog .top_filters .filters .drop.current { background-color:#00a3e2; } #page_blog .top_filters .filters .drop .title { position:relative; cursor:pointer; text-decoration:none; display:block; padding:10px 25px 10px 10px; } #page_blog .top_filters .filters .drop .title i.fas { position:absolute; top:50%; right:10px; margin-top:-8px; font-size:16px; } #page_blog .news-content { display:flex; flex-wrap:wrap; } #page_blog .news-content .social-panel { vertical-align:top; display:inline-block; width:33%; margin:0 2% 2% 0; } #page_blog .news-content .social-panel h2 { background-color:#2e3b42; color:white; padding:30px 10px; } #page_blog .news-content .news-panel { vertical-align:top; display:inline-block; width:65%; margin:0 0 2% 0; } #page_blog .news-content .news-panel .prevnext { margin:30px 0 0; float:right; } #page_blog .news-content .news-panel .bttn { background-color:#12326e; } #page_blog .news-content .news-panel .bttn:hover { background-color:#00a3e2; } #page_blog .news-content .news-panel .bttn.disabled { background-color:#dddddd; } #page_blog .news-content .news-panel .article { margin:15px 0; position:relative; } #page_blog .news-content .news-panel .article .bttn { position:absolute; bottom:0; } #page_blog .news-content .news-panel .article .published { color:#bbbbbb; } #page_blog .news-content .news-panel .divider { clear:both; background-color:#231f20; width:100%; height:1px; } #page_blog .news-content .news-panel h2 { font-size:1.5em; margin:0 0 15px; } #page_blog .news-content .news-panel h2 a { text-decoration:none; } #page_blog .news-content .news-panel .side { float:left; width:35%; margin-right:15px; } #page_blog .news-content .news-panel .side img { width:100%; max-width:500px; display:block; } #page_blog .news-content .news-panel .oside { overflow:hidden; padding-bottom:30px; } #page_blog .news-content .article .mainimg { background-position:center center; background-repeat:no-repeat; background-size:contain; } #page_blog .news-content .article .mainimg img { width:100%; } #page_blog .news-content .article .footimg { background-position:center center; background-repeat:no-repeat; background-size:contain; } #page_blog .news-content .article .footimg img { width:100%; } /* blogs */ /* allergen-advice */ #page_allergen_advice .top-link { position:absolute; top:-15px; left:50%; width:250px; margin-left:-125px; text-align:center; line-height:30px; height:30px; } #page_allergen_advice .top-link a { display:block; background-color:#12326e; border:1px solid white; color:white; text-decoration:none; } #page_allergen_advice .top-link a:hover { background-color:#00a3e2; } #page_allergen_advice .drop { box-sizing:border-box; position:relative; max-width:400px; width:100%; margin:30px auto 0; text-align:left; color:white; } #page_allergen_advice .drop .title { border:1px solid white; background-color:#12326e; position:relative; padding:10px 25px 10px 10px; cursor:pointer; } #page_allergen_advice .drop.active .title { background-color:#00a3e2; } #page_allergen_advice .drop:hover .title { background-color:#00a3e2; } #page_allergen_advice .drop.current .title { background-color:#00a3e2; } #page_allergen_advice .drop .title i.fas { position:absolute; top:50%; right:10px; margin-top:-8px; font-size:16px; } #page_allergen_advice .drop.active .title i.fas.fa-angle-down { display:none; } #page_allergen_advice .drop.current .title i.fas.fa-angle-down { display:none; } #page_allergen_advice .drop .title i.fas.fa-times { display:none; } #page_allergen_advice .drop.active .title i.fas.fa-times { display:block; } #page_allergen_advice .drop.current .title i.fas.fa-times { display:block; } #page_allergen_advice .drop .content { display:none; position:absolute; top:100%; left:0; background-color:#00a3e2; border:1px solid white; border-top:0 none; min-width:100%; padding:10px; box-sizing:border-box; max-height:300px; overflow:auto; z-index:1; } #page_allergen_advice .drop.active .content { display:block; } #page_allergen_advice .drop .content a { text-decoration:none; display:block; padding:1px 0; } #page_allergen_advice .drop .content a:hover { color:#e3c36b; } #page_allergen_advice .allergenDisplay { margin-top:30px; text-align:left; } #page_allergen_advice .allergenDisplay .roundels { float:right; } #page_allergen_advice .allergenDisplay .col1 { float:left; width:49%; } #page_allergen_advice .allergenDisplay .col1 table.data { margin-bottom:30px; } #page_allergen_advice .allergenDisplay .col1 table.data th.val { width:100px; } #page_allergen_advice .allergenDisplay .col2 table.data th.val { width:100px; } #page_allergen_advice .allergenDisplay .col2 { float:right; width:49%; } #page_allergen_advice .allergenDisplay .col2 .nda { margin-top:30px; border:1px solid #797979; color:#00a3e2; position:relative; padding:20px 10px; } #page_allergen_advice .allergenDisplay .col2 .nda .roundel { position:absolute; right:5px; top:50%; margin-top:-37px; } #page_allergen_advice .allergenDisplay .col2 .product { margin-top:30px; position:relative; } #page_allergen_advice .allergenDisplay .col2 .product .title { font-size:1.4em; } #page_allergen_advice .allergenDisplay .col2 .product .link { position:absolute; bottom:0; left:0; } #page_allergen_advice .allergenDisplay .col2 .product .img { float:right; width:40%; } #page_allergen_advice .allergenDisplay .col2 .product .img img { width:100%; display:block; } /* allergen-advice */ /* supporting the industry */ #page_supporting_the_industry .sponsors { display:flex; flex-wrap:wrap; } #page_supporting_the_industry .sponsors .sponsor-panel { display:inline-block; width:29%; margin:2%; text-align:left; font-size:1.2em; } #page_supporting_the_industry .sponsors .sponsor-panel .img { position:relative; overflow:hidden; margin-bottom:20px; } #page_supporting_the_industry .sponsors .sponsor-panel .img img { width:100%; max-width:500px; } #page_supporting_the_industry .sponsors .sponsor-panel .img .bio { display:none; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#12326e; color:white; } #page_supporting_the_industry .sponsors .sponsor-panel .img .bio .bio-inner { display:table-cell; text-align:center; vertical-align:middle; padding:15px; } #page_supporting_the_industry .charity-logos img { display:inline-block; width:33.3333%; } /* supporting the industry */ /* supporting the industry */ #page_concepts_to_inspire_your_menu .sponsors { display:flex; flex-wrap:wrap; } #page_concepts_to_inspire_your_menu .sponsors a{ text-decoration: none;} #page_concepts_to_inspire_your_menu .sponsors .sponsor-panel { display:inline-block; width:29%; margin:2%; text-align:left; font-size:1.2em; } #page_concepts_to_inspire_your_menu .sponsors .sponsor-panel .img { position:relative; overflow:hidden; margin-bottom:20px; } #page_concepts_to_inspire_your_menu .sponsors .sponsor-panel .img img { width:100%; max-width:500px; } #page_concepts_to_inspire_your_menu .sponsors .sponsor-panel .img .bio { display:none; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#12326e; color:white; } #page_concepts_to_inspire_your_menu .sponsors .sponsor-panel .img .bio .bio-inner { display:table-cell; text-align:center; vertical-align:middle; padding:15px; } #page_concepts_to_inspire_your_menu .charity-logos img { display:inline-block; width:33.3333%; } /* supporting the industry */ /* nwycoty */ #page_supporting_the_industry__north_west_young_chef_of_the_year form.notify {} #page_supporting_the_industry__north_west_young_chef_of_the_year form.notify input[type="text"], #page_supporting_the_industry__north_west_young_chef_of_the_year form.notify input[type="email"] { width:100%; max-width:350px; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px; margin:5px 0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .entry-reasons {} #page_supporting_the_industry__north_west_young_chef_of_the_year .entry-reasons .col1 { padding:20px; width:50%; box-sizing:border-box; display:inline-block; vertical-align:top; } #page_supporting_the_industry__north_west_young_chef_of_the_year .entry-reasons .col2 { padding:20px; width:50%; box-sizing:border-box; display:inline-block; vertical-align:top; border-left:1px solid #231f20; } #page_supporting_the_industry__north_west_young_chef_of_the_year .chairman .quote { font-size:1.5em; padding:0 50px; max-width:800px; margin:15px auto; position:relative; } #page_supporting_the_industry__north_west_young_chef_of_the_year .chairman .quote:before { content:''; width:44px; height:34px; background:url('../img/sprite.png?62209bef') -88px -101px no-repeat transparent; position:absolute; top:0; left:0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .chairman .quote:after { content:''; width:44px; height:34px; background:url('../img/sprite.png?62209bef') -132px -101px no-repeat transparent; position:absolute; bottom:0; right:0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .sponsor-logos img { display:inline-block; width:33.33333%; } #page_supporting_the_industry__north_west_young_chef_of_the_year .partner-logos img { display:inline-block; width:33.33333%; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter {} #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles {} #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle { background-color:#12326e; box-sizing:border-box; border:1px solid white; color:white; height:30px; line-height:30px; width:30%; float:left; margin-right:5%; position:relative; text-align:center; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle:before { content:''; width:18px; height:30px; background:url('../img/sprite.png?62209bef') -45px -135px no-repeat transparent; position:absolute; top:-1px; left:-18px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle.active:before { background-position:0 -135px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle:after { content:''; width:18px; height:30px; background:url('../img/sprite.png?62209bef') -72px -135px no-repeat transparent; position:absolute; top:-1px; right:-18px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle.active:after { background-position:-27px -135px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle.active { background-color:#00a3e2; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle:last-child { margin-right:0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle .tick { display:none; margin-left:10px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle.saved .tick { display:inline-block; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps { margin-top:20px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps .step { } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps input[type='text'] { width:100%; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px; margin:5px 0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps textarea { width:100%; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px; margin:5px 0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps .step .col1 { float:left; width:50%; padding-right:10px; box-sizing:border-box; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps .step .col2 { float:left; width:50%; padding-left:10px; box-sizing:border-box; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps .step .foot { clear:both; text-align:right; margin-top:15px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps .dob input[type='number'] { width:90px; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px; margin:5px 0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .message { margin:20px 0; background-color:#12326e; color:white; padding:10px 30px; border:1px solid white; } /* nwycoty */ /* regional contact */ #page_regional_contact .selector { cursor:pointer; width:280px; margin:0 auto; position:relative; } #page_regional_contact .selector .region-select { width:100%; } #page_regional_contact .selector .regions { background:color:green; display:none; margin:0 auto; background-color:#00a3e2; border-left:1px solid white; border-right:1px solid white; box-sizing:border-box; position:absolute; left:0; top:100%; width:100%; z-index:1; } #page_regional_contact .selector .regions div { padding:5px; border-bottom:1px solid white; color:white; } #page_regional_contact .selector .regions div:hover { background-color:#12326e; } #page_regional_contact .txt { display:inline-block; vertical-align:top; box-sizing:border-box; padding:0 30px 0 0; width:50%; } #page_regional_contact .map { display:inline-block; vertical-align:top; box-sizing:border-box; padding:0; width:50%; background: url('../img/regional-contact/map-north.png?62209bef') top left, url('../img/regional-contact/map-east.png?62209bef') top left, url('../img/regional-contact/map-south.png?62209bef') top left, url('../img/regional-contact/map-west.png?62209bef') top left, url('../img/regional-contact/map-scotland.png?62209bef') top left; background-size:cover; position:relative; } #page_regional_contact .txt .personnel .person { display:none; max-width:300px; } #page_regional_contact .txt .personnel .person h2 { margin-bottom:15px; } #page_regional_contact .person .bio-block { vertical-align:top; display:inline-block; width:100%; margin-right:0; box-sizing:border-box; text-align:center; } #page_regional_contact .contacts .bio-block { vertical-align:top; display:inline-block; width:32%; margin-right:2%; box-sizing:border-box; } #page_regional_contact .bio-block:last-child { margin-right:0; } #page_regional_contact .bio-block .img { position:relative; overflow:hidden; } #page_regional_contact .bio-block .img img { width:100%; max-width:500px; } #page_regional_contact .bio-block .img .bio { display:none; position:absolute; top:100%; left:0; width:100%; height:100%; background-color:#12326e; color:white; } #page_regional_contact .bio-block .img .bio .bio-inner { display:table-cell; text-align:center; vertical-align:middle; padding:15px; } #page_regional_contact .bio-block .name { font-size:1.3em; margin-top:5px; } #page_regional_contact .bio-block .role { font-size:1.2em; margin-top:5px; } #page_regional_contact .bio-block .email { margin-top:15px; } #page_regional_contact .map.north { background-position:right, left, left, left, left; } #page_regional_contact .map.east { background-position:left, right, left, left, left; } #page_regional_contact .map.south { background-position:left, left, right, left, left; } #page_regional_contact .map.west { background-position:left, left, left, right, left; } #page_regional_contact .map.scotland { background-position:left, left, left, left, right; } #page_regional_contact .map img { width:100%; display:block; } #page_regional_contact .map div { position:absolute; background:url('../img/magnify.png?62209bef') right no-repeat transparent; background-size:cover; width:9%; cursor:pointer; transition:transform 0.5s; } #page_regional_contact .map div:hover { transform:scale(1.25); } #page_regional_contact .map.north div.north, #page_regional_contact .map.east div.east, #page_regional_contact .map.south div.south, #page_regional_contact .map.west div.west, #page_regional_contact .map.scotland div.scotland { background-position:left; } #page_regional_contact .map div.north { top:61%; left:61%; } #page_regional_contact .map div.east { top:69%; left:86%; } #page_regional_contact .map div.south { top:83%; left:75%; } #page_regional_contact .map div.west { top:79%; left:50%; } #page_regional_contact .map div.scotland { top:38%; left:43%; } /* regional contact */ /* search */ #page_search #core-content .search input { width:100%; height:34px; line-height:34px; box-sizing:border-box; display:inline-block; background-color:white; padding:0 165px 0 5px; border:1px solid white; float:left; font:1.1em 'MrEavesXLModOT-Reg', Arial, Helvetica, sans-serif; } #page_search #core-content .search button.sbmt { width:160px; margin:-33px 1px 0 0; box-sizing:border-box; display:inline-block; float:right; background-color:#00a3e2; color:white; font:1.1em 'MrEavesXLModOT-Reg', Arial, Helvetica, sans-serif; border:0 none; height:32px; line-height:32px; padding:0; } #page_search .results a.block { display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; padding:15px; text-decoration:none; text-align:center; } #page_search .results a.block img { display:block; width:100%; margin-bottom:10px; } /* search */ /* campaign__recommended_by_jus */ #page_campaign__recommended_by_jus .col1 { display:inline-block; width:40%; box-sizing:border-box; vertical-align:middle; padding:0 15px 0 0; } #page_campaign__recommended_by_jus .col1 img { display:block; width:100%; max-width:500px; margin:0 auto; } #page_campaign__recommended_by_jus .col2 { display:inline-block; width:60%; box-sizing:border-box; vertical-align:middle; padding:0 0 0 15px; } #page_campaign__recommended_by_jus .interactive-recipes .img1 { display:inline-block; width:15%; box-sizing:border-box; transform:scale(0.9) rotate(-10deg); vertical-align:middle; } #page_campaign__recommended_by_jus .interactive-recipes .txt { display:inline-block; width:70%; box-sizing:border-box; padding:0 20px; vertical-align:middle; } #page_campaign__recommended_by_jus .interactive-recipes .img2 { display:inline-block; width:15%; box-sizing:border-box; transform:scale(0.9) rotate(10deg); vertical-align:middle; } #page_campaign__recommended_by_jus #refer button.sbmt { float:right; } #page_campaign__recommended_by_jus .steptitles {} #page_campaign__recommended_by_jus .steptitles .steptitle { background-color:#12326e; box-sizing:border-box; border:1px solid white; color:white; height:30px; line-height:30px; width:47.5%; float:left; margin-right:5%; position:relative; text-align:center; } #page_campaign__recommended_by_jus .steptitles .steptitle:before { content:''; width:18px; height:30px; background:url('../img/sprite.png?62209bef') -45px -135px no-repeat transparent; position:absolute; top:-1px; left:-18px; } #page_campaign__recommended_by_jus .steptitles .steptitle.active:before { background-position:0 -135px; } #page_campaign__recommended_by_jus .steptitles .steptitle:after { content:''; width:18px; height:30px; background:url('../img/sprite.png?62209bef') -72px -135px no-repeat transparent; position:absolute; top:-1px; right:-18px; } #page_campaign__recommended_by_jus .steptitles .steptitle.active:after { background-position:-27px -135px; } #page_campaign__recommended_by_jus .steptitles .steptitle.active { background-color:#00a3e2; } #page_campaign__recommended_by_jus .steptitles .steptitle:last-child { margin-right:0; } #page_campaign__recommended_by_jus .steptitles .steptitle .tick { display:none; margin-left:10px; } #page_campaign__recommended_by_jus .steptitles .steptitle.saved .tick { display:inline-block; } #page_campaign__recommended_by_jus #refer input[type="text"], #page_campaign__recommended_by_jus #refer input[type="email"] , #page_campaign__recommended_by_jus #refer select { width:100%; box-sizing:border-box; background-color:white; border:1px solid black; font-family:"MrEavesXLModOT-Reg", Arial, Helvetica, sans-serif; font-size:1em; padding:5px; margin:5px 0; } /* campaign__recommended_by_jus */ /* pages */ /* responsive */ @media all and (max-width:1400px) { body { margin-bottom:90px; } } @media all and (max-width:1100px) { #core-header-bg .prev.on, #core-header-bg .next.on { display:none; } #core-content .recipe_links .prev.on, #core-content .recipe_links .next.on { display:none; } #core-content .product_links .prev.on, #core-content .product_links .next.on { display:none; } body.parent_sector_support .sector-block.news .prev.on, body.parent_sector_support .sector-block.news .next.on { display:none; } } @media all and (max-width:1020px) { #core-content .stockistsBlock .logos { text-align:center; margin-bottom:15px; } #core-content .stockistsBlock .logos a { width:auto; margin:2% 0 0 0; } #core-header-inner { margin-left:0; left:0; } #core-header #core-search { left:15px; } #core-header #core-social { top:70px; right:15px; } #core-header #core-nav { position:absolute; top:15px; right:15px; font-size:1.2em; } #core-header #core-nav .menu-btn { display:block; } #core-header #core-nav .core-links { position:absolute; top:50px; right:0; width:200px; background-color:rgba(18,50,110,0.85); display:none; } #core-header #core-nav.on .core-links { display:block; } #core-header #core-nav .core-links > li { display:block; border:0 none; border-top:1px solid white; padding:0; } #core-header #core-nav .core-links > li:first-child { border-top:0 none; } #core-header #core-nav .core-links > li > a { color:white; margin-top:0; padding:10px; display:block; } #core-header #core-nav .core-links > li > ul { position:static; width:auto; text-align:center; padding:0; margin:0; display:block; background-color:transparent; } #core-header #core-nav .core-links > li > ul li { border:0 none; padding:0; } #core-header #core-nav .core-links > li > ul li:last-child { border:0 none; padding:0; } #core-header #core-nav .core-links > li > ul li a { padding:5px 20px; font-size:0.8em; color:white; } #core-base .panel h2 { font-size:4vw; } #core-footer .logo { display:none; } #core-footer .contact { width:30%; } #core-footer .partners { width:56%; } #core-footer .solina { width:14%; } #core-absfooter .core-copy { display:block; width:100%; text-align:center; } #core-absfooter .core-links { display:block; width:100%; text-align:center; margin-top:5px; } #page_about_us__innovation .col1 { padding:0 20px 0 0; } #page_about_us__innovation .col2 { padding:0 0 0 20px; } #page_manufacturing__bespoke_solutions .col1 { padding:0 20px 0 0; } #page_manufacturing__bespoke_solutions .col2 { padding:0 0 0 20px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .fbPane { display:none; } } @media all and (max-width:940px) { .core-block-full .core-block-full-inner ul.downloads li.download{ width: 45.66%; } .sticky { position:static; } #core-base .panel.local-rep .icon { display:none; } #core-base .panel.chat .icon { display:none; } #core-content .recipe_links .recipeBlock { overflow:visible; } #core-content .recipe_links .recipeBlock .recipes { width:100%; text-align:center; } #core-content .recipe_links .recipeBlock .recipes .recipe { width:49%; margin:0.5%; } body.parent_sector_support .sector-block.news .newsBlock { overflow:visible; height:auto; } body.parent_sector_support .sector-block.news .newsBlock .newsInner { width:100%; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a.article { width:49%; margin:3% 0; } #core-content .product_links .productBlock { overflow:visible; } #core-content .product_links .productBlock .products { width:100%; text-align:center; } #core-content .product_links .productBlock .products .product { width:49%; margin:0.5%; } .bio-block .email .email-address { display:none; } #page_home .section_links .section_link { width:49%; margin-bottom:1%; } #page_home .section_links .section_link:nth-child(2n) { margin-right:0; } #core-content .sector-block .sector { width:49%; margin-right:2%; margin-bottom:2%; } #core-content .sector-block .sector:nth-child(3n) { margin-right:2%; } #core-content .sector-block .sector:nth-child(2n) { margin-right:0; } #page_other_product__premium_instant_gravy .top_filters .filters .drop { width:48%; margin:0.5%; } #page_other_product__premium_instant_gravy #core-content .core-block-full.light-white { background:#e4e5e6; } #page_other_product__premium_instant_gravy .product_main .col1 { float:none; width:auto; } #page_other_product__premium_instant_gravy .product_main .col2 { margin-top:30px; float:none; width:auto; } #page_other_product__premium_instant_gravy .product_block.full .product, #page_other_product__premium_instant_gravy .product_block.full .allergen_info { width:48%; margin:1%; } #page_product .top_filters .filters .drop { width:48%; margin:0.5%; } #page_product #core-content .core-block-full.light-white { background:#e4e5e6; } #page_product .product_main .col1 { float:none; width:auto; } #page_product .product_main .col2 { margin-top:30px; float:none; width:auto; } #page_product .product_block.full .product, #page_product .product_block.full .allergen_info { width:48%; margin:1%; } #page_contact .contacts .bio-block .email .email-address { display:none; } #page_regional_contact .contacts .bio-block .email .email-address { display:none; } #page_blog .top_filters .filters .drop { width:48%; margin:0.5%; } #page_allergen_advice .allergenDisplay .col1 { float:none; width:100%; } #page_allergen_advice .allergenDisplay .col2 { float:none; width:100%; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle { font-size:2vw; } #page_recipe .top_filters .dietary { width:100%; } #page_recipe .top_filters .dietary .roundels { text-align:center; } #page_recipe .top_filters .refine { width:50%; } #page_recipe .top_filters .ordering { width:50%; } #page_recipe .head .col2 .prep_time { font-size:1em; float:none; } #page_recipe .head .col2 .cook_time { font-size:1em; float:none; } #page_recipe .head .col2 .serves { font-size:1em; float:none; } #page_supporting_the_industry .sponsors .sponsor-panel { width:49%; margin:2% 0.5%; } #page_concepts_to_inspire_your_menu .sponsors .sponsor-panel { width:49%; margin:2% 0.5%; } } @media all and (max-width:860px) { #page_concepts_to_inspire_your_menu .core-block-full.white.centre a.bttn{display: inline-block;} #core-footer .contact { width:100%; text-align:center; padding:20px 0;} #core-footer .partners { width:75%; text-align:left; } #core-footer .solina { width:25%; } #page_concepts_to_inspire_your_menu .recipe-block .recipe { width:33%; } #page_recipe .recipe-block .recipe { width:33%; } #page_recipe .interactive-links .books .book { width:33.33333%; } #page_dpb .recipe-block .recipe { width:33%; } #page_dpb .interactive-links .books .book { width:33.33333%; } body.parent_sector_support .interactive-links .books .book { width:33.33333%; } #page_sector_support .interactive-links .books .book { width:33.33333%; } #core-content .core-block-full.promo > a.btn { font-size:0.8em; padding:5px; bottom:3%; } body.parent_sector_support .stockists a { width:49%; } body.parent_sector_support .stockists a:nth-child(even) { margin-right:0; } } @media all and (max-width:780px) { #core-header-inner { padding:0 15px 15px; } #core-header #core-search { display:none; } #core-header #core-nav .core-links > li.link.core-link-search { display:block; } #core-header #core-social { position:static; top:auto; right:auto; width:180px; text-align:center; margin:0 auto; background-color:rgba(35,31,32,0.5); padding:5px 0; } #core-header #core-header-strap h1 { position:static; font-size:4vw; text-align:center; } #core-base .panel.newsletter { width:49%; margin:2% 2% 0 0; padding-left:15px; } #core-base .panel.local-rep { width:49%; margin:2% 0 0; } #core-base .panel.samples { width:49%; margin:2% 2% 0 0; } #core-base .panel.chat { width:49%; margin:2% 0 0; } #core-base .panel.newsletter .icon { display:none; } #core-base .panel.newsletter .col1_2 { width:100%; display:block; } #core-base .panel.newsletter .col2_2 { width:100%; display:block; margin-top:10px; } #core-base .panel.newsletter h2 { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid white; } #page_samples .ranges { column-count:2; } .bio-block { width:50%; } #page_contact .contacts .bio-block { width:49%; margin:15px 1% 0 0; } #page_contact .contacts .bio-block:nth-child(2n) { margin-right:0; } #page_contact .contacts .bio-block:last-child { margin-right:0; } #page_regional_contact .contacts .bio-block { width:49%; margin:15px 1% 0 0; } #page_regional_contact .contacts .bio-block:nth-child(2n) { margin-right:0; } #page_regional_contact .contacts .bio-block:last-child { margin-right:0; } #page_concepts_to_inspire_your_menu .recipe-block .recipe { width:50%; } #page_concepts_to_inspire_your_menu #core-content .core-block-full .core-block-full-inner.body { padding-top:20px; } #page_concepts_to_inspire_your_menu .body .col1 { display:block; width:auto; padding:0; } #page_concepts_to_inspire_your_menu .body .col2 { display:block; width:auto; padding:0; } #page_recipe .recipe-block .recipe { width:50%; } #page_recipe #core-content .core-block-full .core-block-full-inner.body { padding-top:20px; } #page_recipe .body .col1 { display:block; width:auto; padding:0; } #page_recipe .body .col2 { display:block; width:auto; padding:0; } #page_dpb .recipe-block .recipe { width:50%; } #page_dpb #core-content .core-block-full .core-block-full-inner.body { padding-top:20px; } #page_dpb .body .col1 { display:block; width:auto; padding:0; } #page_dpb .body .col2 { display:block; width:auto; padding:0; } #page_manufacturing #core-content .core-block-full.white-blue { background:white; } #page_manufacturing .col1 { width:auto; padding:0; display:block; } #page_manufacturing .col2 { width:auto; padding:15px; display:block; background-color:#12326e; } #page_blog .news-content .social-panel { display:none; } #page_blog .news-content .news-panel { display:block; width:auto; padding:0; } body.parent_sector_support #core-content .core-block-full.light-white { background:#e4e5e6; } body.parent_sector_support #core-content .core-block-full.white-light { background:#e4e5e6; } body.parent_sector_support .head .sectorIcon { margin-top:0; } body.parent_sector_support .head .col1 { width:auto; padding:0; display:block; } body.parent_sector_support .head .col2 { width:auto; padding:0; display:block; } body.parent_sector_support .cols .sectorIcon { margin-top:0; } body.parent_sector_support .news .article { width:100%; padding:0; display:block; } body.parent_sector_support .products .product { width:48%; margin-right:4%; } body.parent_sector_support .products .product:nth-child(3n+3) { margin-right:4%; } body.parent_sector_support .products .product:nth-child(even) { margin-right:0; } .footnews.news .article { width:100%; padding:0; display:block; } #page_regional_contact .person .bio-block .email .email-address { display:none; } #page_search .results a.block { width:50%; } #page_campaign__recommended_by_jus .col1 { width:100%; padding:0; } #page_campaign__recommended_by_jus .col2 { width:100%; padding:0; } } @media all and (max-width:620px) { .core-block-full .core-block-full-inner ul.downloads li.download{ width: 100%; margin: 1.66% 0; } .core-block-full .core-block-full-inner ul.downloads{ margin: 0px 0 2em !important; } #core-base .panel.newsletter, #core-base .panel.local-rep, #core-base .panel.samples, #core-base .panel.chat { width:100%; margin:2% 0 0; } #core-footer .contact { width:100%; text-align:center; } #core-footer .partners { width:100%; text-align:center; } #core-footer .solina { width:100%; text-align:center; } #core-footer .solina img { max-width:200px; margin:0 auto; } #page_other_product__premium_instant_gravy .top_filters .filters .drop { width:100%; margin:0.5% 0; } #page_other_product__premium_instant_gravy .product_detail .col1 { float:none; width:100%; } #page_other_product__premium_instant_gravy .product_detail .col2 { float:none; width:100%; } #page_product .top_filters .filters .drop { width:100%; margin:0.5% 0; } #page_product .product_detail .col1 { float:none; width:100%; } #page_product .product_detail .col2 { float:none; width:100%; } #page_samples .steptitles .steptitle { width:100%; display:block; margin:5px 0; } #page_samples .col1 { display:block; width:auto; padding:0; } #page_samples .col2 { display:block; width:auto; padding:0; } #page_contact #core-content .core-block-full.light-blue { background:#e4e5e6; } #page_contact .details_form .col1 { display:block; width:100%; margin:15px 0; } #page_contact .details_form .col2 { display:block; width:100%; margin:15px 0; } #page_blog .top_filters .filters .drop { width:100%; margin:0.5% 0; } #page_allergen_advice .allergenDisplay .col2 .product { text-align:center; } #page_allergen_advice .allergenDisplay .col2 .product .link { position:static; display:inline-block; } #page_allergen_advice .allergenDisplay .col2 .product .img { float:none; width:100%; } #page_supporting_the_industry .charity-logos img { display:block; width:100%; margin-top:10px; } #page_concepts_to_inspire_your_menu .charity-logos img { display:block; width:100%; margin-top:10px; } #page_supporting_the_industry__north_west_young_chef_of_the_year .entry-reasons .col1 { width:auto; display:block; } #page_supporting_the_industry__north_west_young_chef_of_the_year .entry-reasons .col2 { width:auto; display:block; border-left:0 none; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steptitles .steptitle { font-size:1em; width:100%; display:block; margin:5px 0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps .step .col1 { float:none; width:100%; padding-right:0; } #page_supporting_the_industry__north_west_young_chef_of_the_year .enter .steps .step .col2 { float:none; width:100%; padding-left:0; } #page_recipe .head .col1 { display:block; width:auto; } #page_recipe .head .col1 img { margin:0; } #page_recipe .head .col2 { display:block; width:auto; padding:20px 0 0; } #page_recipe .interactive-links .books .book { width:50%; } #page_recipe .interactive-recipes .img1 { display:none; } #page_recipe .interactive-recipes .txt { display:block; width:auto; } #page_recipe .interactive-recipes .img2 { display:none; } #page_dpb .head .col1 { display:block; width:auto; } #page_dpb .head .col1 img { margin:0; } #page_dpb .head .col2 { display:block; width:auto; padding:20px 0 0; } #page_dpb .interactive-links .books .book { width:50%; } #page_dpb .interactive-recipes .img1 { display:none; } #page_dpb .interactive-recipes .txt { display:block; width:auto; } #page_dpb .interactive-recipes .img2 { display:none; } #page_sector_support .interactive-links .books .book { width:50%; } body.parent_sector_support .interactive-links .books .book { width:50%; } body.parent_sector_support .interactive-recipes .img1 { display:none; } body.parent_sector_support .interactive-recipes .txt { display:block; width:auto; } body.parent_sector_support .interactive-recipes .img2 { display:none; } body.parent_sector_support .interactive img { display:none; } body.parent_sector_support .interactive-recipes .img1 { display:none; } body.parent_sector_support .interactive-recipes .txt { display:block; width:auto; } body.parent_sector_support .interactive-recipes .img2 { display:none; } body.parent_sector_support .cols .col1 { width:auto; padding:0; display:block; } body.parent_sector_support .cols .col2 { width:auto; padding:0; display:block; } body.parent_sector_support .sector-block.news .newsBlock .newsInner a.article { width:auto; } body.parent_sector_support .stockists a { width:auto; margin-right:0; } #page_supporting_the_industry .sponsors .sponsor-panel { width:100%; margin:2% 0; } #page_concepts_to_inspire_your_menu .sponsors .sponsor-panel { width:100%; margin:2% 0; } #page_regional_contact .txt { display:block; padding:0; width:auto; } #page_regional_contact .txt .personnel .person { max-width:none; } #page_regional_contact .map { display:none; } #page_about_us .imagesblock .imageblock { margin-bottom:15px; } #page_about_us .imagesblock .imageblock a.bttn { position:static; width:100%; margin:0; } #page_about_us__sustainability .imagesblock .imageblock { margin-bottom:15px; } #page_about_us__sustainability .imagesblock .imageblock a.bttn { position:static; width:100%; margin:0; transform: translate(-0);} #page_about_us__innovation #core-content .core-block-full.light-white { background:#e4e5e6; } #page_about_us__innovation .col1 { width:auto; display:block; padding:0; } #page_about_us__innovation .col2 { width:auto; display:block; padding:0; } #page_about_us__innovation .interactive img { display:none; } #page_manufacturing__bespoke_solutions #core-content .core-block-full.light-white { background:#e4e5e6; } #page_manufacturing__bespoke_solutions .col1 { width:auto; display:block; padding:0; } #page_manufacturing__bespoke_solutions .col2 { width:auto; display:block; padding:0; } #page_campaign__recommended_by_jus .interactive-recipes .img1 { display:none; } #page_campaign__recommended_by_jus .interactive-recipes .txt { display:block; width:auto; } #page_campaign__recommended_by_jus .interactive-recipes .img2 { display:none; } #page_campaign__recommended_by_jus .steptitles .steptitle { width:100%; display:block; margin:5px 0; } } @media all and (max-width:500px) { .modal .formElements .bttn { font-size:0.8em; padding:5px; } #core-content .recipe_links .recipeBlock .recipes .recipe { width:100%; margin:1% 0; } #core-content .product_links .productBlock .products .product { width:100%; margin:1% 0; } #core-content .core-block-full.promo > a.btn { margin:0; width:100%; border-left:0 none; border-right:0 none; bottom:-10%; left:0; } .bio-block { width:100%; } #page_home .section_links .section_link { width:100%; margin-right:0; } #page_home .section_links .section_link:last-child { margin-right:0; } #page_home .section_links .section_link:nth-child(2n) { margin-right:0; } #core-content .sector-block .sector { width:100%; margin-right:0; } #core-content .sector-block .sector:last-child { margin-right:0; } #core-content .sector-block .sector:nth-child(3n) { margin-right:0; } #core-content .sector-block .sector:nth-child(2n) { margin-right:0; } #page_other_product__premium_instant_gravy .range_block .range, #page_other_product__premium_instant_gravy .range_block .allergen_info { width:100%; margin:1% 0; } #page_other_product__premium_instant_gravy .product_block .product, #page_other_product__premium_instant_gravy .product_block .allergen_info { width:100%; margin:1% 0; } #page_other_product__premium_instant_gravy .product_block.full .product, #page_other_product__premium_instant_gravy .product_block.full .allergen_info { width:100%; margin:1% 0; } #page_other_product__premium_instant_gravy .product_detail .col1 .nutrition { font-size:0.8em; } #page_product .range_block .range, #page_product .range_block .allergen_info { width:100%; margin:1% 0; } #page_product .product_block .product, #page_product .product_block .allergen_info { width:100%; margin:1% 0; } #page_product .product_block.full .product, #page_product .product_block.full .allergen_info { width:100%; margin:1% 0; } #page_product .product_detail .col1 .nutrition { font-size:0.8em; } #page_samples .ranges { column-count:1; } #page_contact .contacts .bio-block { width:100%; margin:15px 0 0; } #page_regional_contact .contacts .bio-block { width:100%; margin:15px 0 0; } #page_concepts_to_inspire_your_menu .recipe-block .recipe { width:100%; } #page_concepts_to_inspire_your_menu .top_filters .refine { width:100%; } #page_concepts_to_inspire_your_menu .top_filters .ordering { width:100%; } #page_concepts_to_inspire_your_menu .interactive-links .books .book { width:auto; display:block; } #page_recipe .recipe-block .recipe { width:100%; } #page_recipe .top_filters .refine { width:100%; } #page_recipe .top_filters .ordering { width:100%; } #page_recipe .interactive-links .books .book { width:auto; display:block; } #page_dpb .recipe-block .recipe { width:100%; } #page_dpb .top_filters .refine { width:100%; } #page_dpb .top_filters .ordering { width:100%; } #page_dpb .interactive-links .books .book { width:auto; display:block; } body.parent_sector_support .interactive-links .books .book { width:auto; display:block; } #page_search .results a.block { width:100%; } body.parent_sector_support .products .product { width:auto; margin-right:0; } body.parent_sector_support .products .product:nth-child(3n+3) { margin-right:0; } body.parent_sector_support .products .product:nth-child(even) { margin-right:0; } } @media all and (max-width:400px) { #core-header #core-social strong { display:none; } }