/* -----------------------------------------
Shared Styles
----------------------------------------- */
body {
font-size:1em;
line-height:1;
font-family:"proxima-nova",sans-serif;
font-weight:400;
background-color:#eee;
}
/* For image replacement - from HTML5 Boilerplate - h5bp.com */
.ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
.clr { width:100%; float:; clear:both; }
.row { -webkit-backface-visibility:hidden; }
a.fruitbowl {
color: #085844;
}
a.fruitbowl:hover {
color: #004531;
}
/**
* Print styles.
* Don't show URLs for hrefs
*/
@media print {
a[href]:after { content: none; }
abbr[title]:after { content: none; }
}
/* adjust those values to get a larger max width for the grid */
.row { width: 100%; min-width:100%; }
.contain-to-grid .top-bar { max-width: 1140px; }
.vspacer { width:100%; float:left; clear:both; height:20px; }
[class*="column"] + [class*="column"].end { float: left; }
/* -----------------------------------------
Colours
----------------------------------------- */
.red_high { color:#f28879; }
.red_light { color:#ed7800; }
.red_mid { color:#e86a5b; }
.red_dark { color:#db5f4f; }
.blue_high { color:#acddeb; }
.blue_light { color:#9ad5e5; }
.blue_mid { color:#87cbde; }
.blue_dark { color:#6dbfd6; }
.green_high { color:#b7e3cc; }
.green_light { color:#a3d2b9; }
.green_mid { color:#89c7a7; }
.green_dark { color:#78b392; }
.brown_high { color:#664b1b; }
.brown_light { color:#573d14; }
.brown_mid { color:#4a3311; }
.brown_dark { color:#402d0d; }
.yellow_high { color:#fcc329; }
.yellow_light { color:#f7b70d; }
.yellow_mid { color:#edac05; }
.yellow_dark { color:#eda200; }
.black_high { color:#4a4a46; }
.black_light { color:#42423a; }
.black_mid { color:#33332c; }
.black_dark { color:#24241d; }
.white { color:#fff; }
/* -----------------------------------------
BG Colours
----------------------------------------- */
.bg_red_high { background-color:#f28879; }
.bg_red_light { background-color:#ed7768; } .button.bg_red_light:hover { background-color:#db5f4f; }
.bg_red_mid { background-color:#e86a5b; }
.bg_red_dark { background-color:#db5f4f; }
.bg_blue_high { background-color:#acddeb; }
.bg_blue_light { background-color:#9ad5e5; }
.bg_blue_mid { background-color:#87cbde; }
.bg_blue_dark { background-color:#6dbfd6; }
.bg_green_high { background-color:#b7e3cc; }
.bg_green_light { background-color:#a3d2b9; }
.bg_green_mid { background-color:#89c7a7; }
.bg_green_dark { background-color:#78b392; }
.bg_brown_high { background-color:#664b1b; }
.bg_brown_light { background-color:#573d14; }
.bg_brown_mid { background-color:#4a3311; }
.bg_brown_dark { background-color:#402d0d; }
.bg_yellow_high { background-color:#fcc329; }
.bg_yellow_light { background-color:#f7b70d; }
.bg_yellow_mid { background-color:#edac05; }
.bg_yellow_dark { background-color:#eda200; }
.bg_black_high { background-color:#4a4a46; }
.bg_black_light { background-color:#42423a; }
.bg_black_mid { background-color:#33332c; }
.bg_black_dark { background-color:#24241d; }
/* -----------------------------------------
Fonts
----------------------------------------- */
@font-face {
font-family: 'amaticbold';
src: url('../fonts/amatic-bold-webfont.eot');
src: url('../fonts/amatic-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/amatic-bold-webfont.woff') format('woff'),
url('../fonts/amatic-bold-webfont.ttf') format('truetype'),
url('../fonts/amatic-bold-webfont.svg#amaticbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'amatic_scregular';
src: url('../fonts/amaticsc-regular-webfont.eot');
src: url('../fonts/amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/amaticsc-regular-webfont.woff') format('woff'),
url('../fonts/amaticsc-regular-webfont.ttf') format('truetype'),
url('../fonts/amaticsc-regular-webfont.svg#amatic_scregular') format('svg');
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "ff-tisa-web-pro", Georgia, serif;
font-style: normal;
font-weight: 400; /*regular*/
margin-top:0;
-webkit-margin-before: 0em;
margin-bottom:0.75em;
}
h1 { font-size:51px; line-height:1.25em; color:#f7b70d; } /* .yellow_light */
h2 { font-size:27px; line-height:1.25em; color:#f7b70d; } /* .yellow_light */
p { font-size:23px; line-height:1.25em; margin-bottom:1.5em; }
p.fact, .fact p { font-family: 'amaticbold'; font-size:33px; line-height:1.25em; }
.fact.large { font-size:105px; padding-right:10%; line-height:1; }
a.fact { display:block; font-family: 'amaticbold'; font-size:33px; line-height:1.25em; }
@media only screen and (max-width: 768px) {
h1 { font-size:36px; line-height:1.25em; color:#f7b70d; } /* .yellow_light */
h2 { font-size:24px; line-height:1.25em; color:#f7b70d; } /* .yellow_light */
p { font-size:18px; line-height:1.25em; margin-bottom:1em; }
p.fact, .fact p { font-size:33px; line-height:1.25em; }
.fact.large { font-size:42px; padding-right:10%; line-height:1; margin-bottom:.5em; }
}
/* -----------------------------------------
Logo
----------------------------------------- */
a#logo { display:block; width:100%/*500px*/; height:90px; background:url(../img/pioneer-foods_logo_sml.png) no-repeat left center; background-size:contain; overflow:hidden; }
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 21),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
a#logo { background:url(../img/pioneer-foods_logo_sml@2.png) no-repeat left center; background-size:contain; }
}
@media only screen and (max-width: 768px) {
a#logo { float:left; display:block; width:75%; height:45px; background:url(../img/pioneer-foods_logo_sml.png) no-repeat left center; background-size:contain; margin-bottom:0px; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 768px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (max-width: 768px),
only screen and (min-resolution: 2dppx) and (max-width: 768px) {
a#logo { background:url(../img/pioneer-foods_logo_sml@2.png) no-repeat left center; background-size:contain; }
}
/* -----------------------------------------
Navigation
----------------------------------------- */
#menu_toggle { display:none; width:45px; height:45px; float:right; margin-right:-10px; background:url(../img/menu_toggle.png) no-repeat right center; background-size:100% 100%; }
@media only screen and (max-width: 768px) { #menu_toggle { display:block; } }
#nav_wrap { position:relative; width:1280px; margin:0 auto; padding:30px 0; background-color:#fff; overflow: ; z-index:101; }
@media only screen and (max-width: 1280px) { #nav_wrap { width:100%; } }
@media only screen and (max-width: 768px) { #nav_wrap { width:100%; margin:0 auto; padding:10px 0; } }
.top_menu { margin-top: 23px; }
.top_menu ul { text-align:left; margin:0; padding:0; }
.top_menu ul li { display:inline-block; position:relative; list-style:none; margin:0 1.5em 0 0; text-transform:uppercase;
font-size:17px; font-family:"proxima-nova",sans-serif; font-style:normal; font-weight:600; line-height:45px; height:45px; }
.top_menu ul li.last { margin:0 0 0 0; }
.top_menu ul li a { color:#4a4a46; }
@media only screen and (max-width: 768px) {
.top_menu { display:none; }
.top_menu ul { text-align:left; }
.top_menu ul li { display:block; width:100%; }
.top_menu ul li a::after { display:none; }
}
/* Effect 3: bottom line slides/fades in */
.top_menu ul li a {
}
.top_menu ul li a::after {
position: absolute;
top: 90%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.top_menu ul li a:hover::after,
.top_menu ul li a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* Second Level */
.top_menu ul li.has_dropdown:after { content:''; position: relative; top:10px; width:10px; height:100%; margin-left:4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #4a4a46; }
.top_menu ul li ul { display:block; opacity:0; visibility:hidden; width:304px; position:absolute; top:45px; left:-32px; background-color:rgba(255,255,255,0.85); padding:30px 0 10px 0; margin:0; /*border-top:1px solid #000;*/ -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
.top_menu ul li:hover ul { opacity:1; visibility:visible; display:block; }
.top_menu ul li ul li { display:block; float:none; margin:0; width:100%; height:auto; }
.top_menu ul li ul li a { color:#6c6c68; width:100%; display:block; font-size:15px; line-height:30px; padding:0px 32px; margin:0; background-color:rgba(255,255,255,0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.top_menu ul li ul li a:hover { background-color:#fff; background-color:rgba(255,255,255,1); }
.top_menu ul li ul li a::after { display:none; }
@media only screen and (max-width: 768px) {
.top_menu ul li { height:auto; }
.top_menu ul li.has_dropdown:after { right:0; position:absolute; }
.top_menu ul li ul { position:relative !important; top:-10px; left:0; height:auto; width:100%; display:none; padding:0 0 0px 0; }
.top_menu ul li ul li a { margin:10px 0; font-weight:400; }
}
/* -----------------------------------------
Layout
----------------------------------------- */
#outer_wrap { width:1280px; margin:0 auto; background-color:#fff; overflow:hidden; }
@media only screen and (max-width: 1280px) { #outer_wrap { width:100%; } }
@media only screen and (max-width: 768px) { #outer_wrap { width:100%; } }
/* -----------------------------------------
Hero Images
----------------------------------------- */
#image_hero { width:100%; height:640px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
#image_strip { width:100%; height:220px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
@media only screen and (max-width: 768px) {
#image_hero { height:384px; } /* 1280 X 640 >> 768 X 384 */
#image_strip { height:132px; } /* 1280 X 220 >> 768 X 132 */
}
.hero_headline { position:absolute; z-index:2; height:auto; bottom:50px; left:8.333%; font-family:'amaticbold'; font-size:96px; line-height:1.5em; text-transform:uppercase; color:#fff; }
.hero_headline:before { }
.hero_headline:after { }
@media only screen and (max-width: 768px) {
.hero_headline { font-size:36px; line-height:1em; bottom:10px; left:15px; }
}
.box {
position: relative;
/* changed to suite logo on nhsa */
width: 100%;
/* desired width */ }
.box:before {
content: "";
display: block;
padding-top: 100%;
/* initial ratio of 1:1*/ }
.box-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
/* Other ratios */
.ratio5_1:before {
padding-top: 17%; }
.ratio2_1:before {
padding-top: 50%; }
.ratio1_2:before {
padding-top: 200%; }
.ratio4_3:before {
padding-top: 75%; }
.ratio16_9:before {
padding-top: 56.25%; }
.ratio255_71:before {
padding-top: 31.5555556%; }
.ratio128_53:before {
padding-top: 41.40625%; }
/*
The markup:
*/
/* -----------------------------------------
Home
----------------------------------------- */
#image_hero_home { position:relative; width:100%; height:640px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
@media only screen and (max-width: 768px) { #image_hero_home { height:384px; } } /* 1280 X 640 >> 768 X 384 */
.fact.pssst { padding-left:25%; background:url(../img/pssst.png) no-repeat left top; background-size:100px 100px; padding-top:75px; }
a.pssst:hover { color:#eda200; } /* yellow_dark */
.content ul.page_links { margin:1em 0 0 2em; }
@media only screen and (max-width: 768px) { .content ul.page_links { margin:1em 0 2em 2em; } }
.content ul.page_links li { list-style:none; margin:0 0 0.5em 0; position:relative; }
.content ul.page_links li:before { content:'>'; color:#78b392; font-weight:600; font-family:'amaticbold'; position:absolute; left:-1em; top:-0.1em; }
.content ul.page_links li a { color:#42423a; }
.endline { margin:50px 0; font-size:44px; padding:0 10%; }
/* -----------------------------------------
Anim
----------------------------------------- */
.home_animation { /*background:url(../img/home-illustration.png) no-repeat center center;*/ width:100%; height:204px; background-size:contain; margin:0 0 50px 0; }
.home_animation.lrg { }
.home_animation.med { display:none; }
.home_animation.sml { display:none; height:110px; }
.home_animation.sml #Stage_S { -webkit-transform:scale(.85,.85) !important; }
@media only screen and (max-width: 768px) {
.home_animation.lrg { display:none; }
.home_animation.med { display:block; }
.home_animation.sml { display:none; }
}
@media only screen and (max-width: 500px) {
.home_animation.lrg { display:none; }
.home_animation.med { display:none; }
.home_animation.sml { display:block; }
}
.edgeLoad-bokomo-large { visibility:hidden; }
.edgeLoad-bokomo-medium { visibility:hidden; }
.edgeLoad-bokomo-small { visibility:hidden; }
/* -----------------------------------------
Main content area
----------------------------------------- */
#main { padding:80px 0 80px 0; }
@media only screen and (max-width: 768px) {
#main { padding:40px 0; }
}
.content > p:first-child { font-size:26px; line-height:1.25em; font-weight:600; }
.products_home .content p:first-child { font-weight:400; }
.home .content p:first-child { font-size:23px; line-height:1.25em; font-weight:400; }
.content p { font-size:23px; line-height:1.25em; margin-bottom:1.5em; }
.content :last-child { margin-bottom:0; }
.content ul, .content ol { margin-left:2em; }
.content ul li, .content ol li { font-size:23px; line-height:1.25em; margin-bottom:1.5em; }
.cta { margin-bottom:2em; padding-right:2em; }
.content hr { }
.content table.team_table { width:100%; border:none; padding:0; margin:2em 0 5em 0; }
.content table.team_table td { padding:0 10px 5em 0; border:none; vertical-align:top; }
.content table.team_table td p:first-child { font-size:23px; font-weight:inherit; margin-bottom:1em; }
.content table.team_table tbody tr:nth-child(even) { background-color:#fff; }
@media only screen and (max-width: 768px) {
.content table.team_table { margin-top:-1em; }
.content table.team_table td {
display:block;
width:100% !important;
float:none;
padding:0 10px 2em 0;
}
.content table.team_table td img {
float:none !important;
margin-top:40px;
}
/*.content table.team_table td:first-child {
width:25%;
max-width:25%;
}
.content table.team_table td:first-child img {
width:100px !important;
max-width:100px !important;
height:auto !important;
}*/
}
.h1_offset { margin-top:7em; }
/* -----------------------------------------
Buttons & Forms
----------------------------------------- */
.button { text-transform:uppercase; }
.button { font-size: 1em; font-weight: 600; border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
input[type="submit"] { font-family:"proxima-nova",sans-serif; font-weight:bold; font-size:1em; text-transform:uppercase;
padding:10px 20px 11px; border:none; background-color:#ed7768; color:#fff; border-radius:3px; float:right; cursor:pointer; }
input[type="submit"]:hover { background-color:#db5f4f; }
input[type="text"], textarea { border-radius:0; border-width:2px; }
/* -----------------------------------------
Products
----------------------------------------- */
.image_link_grid { }
.image_link_grid .four.image_grid_item_wrap { min-height:300px; }
.image_link_grid .three.image_grid_item_wrap { min-height:240px; }
.image_link_grid .four a.image_grid_item { min-height:300px; }
.image_link_grid .four a.image_grid_item_over { min-height:300px; }
.image_link_grid .three a.image_grid_item { min-height:240px; }
.image_link_grid .three a.image_grid_item_over { min-height:240px; }
.image_link_grid .four a.image_grid_item_over span { height:300px; }
.image_link_grid .three a.image_grid_item_over span { height:240px; }
.image_link_grid .three a { }
a.image_grid_item { display:block; width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;
-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.image_grid_item_wrap:hover a.image_grid_item { background-size:cover; }
a.image_grid_item:before {
opacity:0.8; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;
content:''; position:absolute; top:0; left:0; display:block; width:100%; height:100%; padding:0 10px; }
.image_grid_item_wrap:hover a.image_grid_item:before { /* hover */ opacity:0.6; }
a.image_grid_item_over {
-webkit-transition: all 1s; -webkit-transform: scale(1,1);
-moz-transition: all 1s; -moz-transform: scale(1,1);
transition: all 1s; transform: scale(1,1);
pointer-events: none; position:absolute; top:0; left:0; display:block; width:100%; color:#fff !important; text-align:center; }
.image_grid_item_wrap:hover a.image_grid_item_over { /* hover */
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-transform: scale(1.1,1.1);
opacity:0.9;
}
a.image_grid_item_over span { display:table-cell; vertical-align:middle; padding:0; /* good for mobile text wrap*/ }
.image_grid_item_wrap:hover a.image_grid_item_over:before { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; width:50%; left:25%; }
.image_grid_item_wrap:hover a.image_grid_item_over:after { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; width:50%; left:25%; letter-spacing:20px; }
/* Wheat Biscuits */
a.image_grid_item.wheat-biscuits:before { background:#4a3311; }
a.image_grid_item_over.wheat-biscuits { display:table; padding:0 10px; font-family: "ff-tisa-web-pro",serif; font-weight:600; font-size:44px; line-height:1.5em; text-transform:uppercase; }
a.image_grid_item_over.wheat-biscuits span { }
a.image_grid_item_over.wheat-biscuits:before { content:''; display:block; position:absolute; background:#fff; top:50%; left:15%; width:70%; height:2px; }
/* Muesli */
a.image_grid_item.muesli:before { background:#edac05; }
a.image_grid_item_over.muesli { display:table; padding:0 10px; font-family:'amaticbold'; font-size:96px; line-height:1.5em; text-transform:uppercase; }
a.image_grid_item_over.muesli span { padding-bottom:0.5em; }
a.image_grid_item_over.muesli:before { content:'*'; display:block; position:absolute; top:45%; left:0%; width:100%; height:20px; font-size:75%; }
a.image_grid_item_over.muesli:after { content:'_ _'; display:block; position:absolute; top:27%; left:0%; width:100%; height:20px; letter-spacing:14px; padding-left:4%; }
/* Granola */
a.image_grid_item.granola:before { background:#e86a5b; }
a.image_grid_item_over.granola { display:table; padding:0 10px; font-family:"proxima-nova",sans-serif; font-weight:bold; font-size:50px; line-height:1.5em; text-transform:uppercase; }
a.image_grid_item_over.granola span { }
a.image_grid_item_over.granola:before { content:''; display:block; position:absolute; background:#fff; top:33%; left:15%; width:70%; height:2px; }
a.image_grid_item_over.granola:after { content:''; display:block; position:absolute; background:#fff; top:66%; left:15%; width:70%; height:2px; }
/* Porridges */
a.image_grid_item.porridges:before { background:#89c7a7; }
a.image_grid_item_over.porridges { display:table; padding:0 10px; font-family:'amaticbold'; font-size:96px; line-height:1.5em; text-transform:uppercase; }
a.image_grid_item_over.porridges span { padding-bottom:0.5em; }
a.image_grid_item_over.porridges:before { content:'*'; display:block; position:absolute; top:45%; left:0%; width:100%; height:20px; font-size:75%; }
a.image_grid_item_over.porridges:after { content:'_ _'; display:block; position:absolute; top:27%; left:0%; width:100%; height:20px; letter-spacing:14px; padding-left:4%; }
/* Multigrain Flakes */
a.image_grid_item.multigrain-flakes:before { background:#87cbde; }
a.image_grid_item_over.multigrain-flakes { display:table; padding:0 10px; font-family: "ff-tisa-web-pro",serif; font-weight:600; font-size:44px; line-height:1.5em; text-transform:uppercase; }
a.image_grid_item_over.multigrain-flakes span { }
a.image_grid_item_over.multigrain-flakes:before { content:''; display:block; position:absolute; background:#fff; top:50%; left:15%; width:70%; height:2px; }
/* BranFlakes */
a.image_grid_item.branflakes:before { background:#4a3311; }
a.image_grid_item_over.branflakes { display:table; padding:0 10px; font-family:'amaticbold'; font-size:96px; line-height:1.5em; text-transform:uppercase; }
a.image_grid_item_over.branflakes span { padding-bottom:0.5em; }
a.image_grid_item_over.branflakes:before { content:'*'; display:block; position:absolute; top:45%; left:0%; width:100%; height:20px; font-size:75%; }
a.image_grid_item_over.branflakes:after { content:'_ _'; display:block; position:absolute; top:27%; left:0%; width:100%; height:20px; letter-spacing:14px; padding-left:4%; }
/* Serif / Hand / Sans */
/* Serif Brown */
a.image_grid_item.serif:before { background:#4a3311; }
a.image_grid_item_over.serif { display:table; padding:0 10px; font-family: "ff-tisa-web-pro",serif; font-weight:600; font-size:30px; line-height:1.5em; text-transform:uppercase; }
a.image_grid_item_over.serif span { }
a.image_grid_item_over.serif:before { content:''; display:block; position:absolute; background:#fff; top:50%; left:15%; width:70%; height:2px; }
/* Hand */
a.image_grid_item.hand:before { background:#edac05; }
a.image_grid_item_over.hand { display:table; padding:0 15px; font-family:'amaticbold'; font-size:52px; line-height:1.5em; text-transform:uppercase; }
a.image_grid_item_over.hand span { padding-bottom:0em; }
a.image_grid_item_over.hand:before { content:'*'; display:block; position:absolute; top:37%; left:0%; width:100%; height:20px; font-size:75%; }
a.image_grid_item_over.hand:after { content:'_ _'; display:block; position:absolute; top:25%; left:0%; width:100%; height:20px; letter-spacing:14px; padding-left:4%; }
/* Sans */
a.image_grid_item.sans:before { background:#e86a5b; }
a.image_grid_item_over.sans { display:table; padding:0 40px; font-family:"proxima-nova",sans-serif; font-weight:bold; font-size:38px; line-height:1.33em; text-transform:uppercase; }
a.image_grid_item_over.sans span { }
a.image_grid_item_over.sans:before { content:''; display:block; position:absolute; background:#fff; top:25%; left:15%; width:70%; height:2px; }
a.image_grid_item_over.sans:after { content:''; display:block; position:absolute; background:#fff; top:75%; left:15%; width:70%; height:2px; }
a.image_grid_item_over.noline:before { display:none; }
a.image_grid_item_over.noline:after { display:none; }
/* Colour variants */
a.image_grid_item.green_mid:before { background:#89c7a7; }
a.image_grid_item.blue_mid:before { background:#87cbde; }
a.image_grid_item.brown_mid:before { background:#4a3311; }
/* Responsive Text overlays - Works when square for Mobile but tablet too wide */
@media only screen and (max-width: 768px) {
a.image_grid_item_over:before { display:none !important; }
a.image_grid_item_over:after { display:none !important; }
}
@media only screen and (max-width: 500px) {
a.image_grid_item_over:before { display:block !important; }
a.image_grid_item_over:after { display:block !important; }
}
/* Responsive Text overlays for 1024 > 768 - smaller fonts */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
a.image_grid_item_over.serif { font-size:24px; }
a.image_grid_item_over.hand { font-size:40px; padding:0 10px; }
a.image_grid_item_over.sans { font-size:30px; }
a.image_grid_item_over.hand:before { top:39%; }
a.image_grid_item_over.hand:after { top:30%; }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
a.image_grid_item_over.serif { font-size:26px; }
a.image_grid_item_over.hand { font-size:44px; padding:0 30px; }
a.image_grid_item_over.sans { font-size:32px; }
a.image_grid_item_over.hand:before { top:39%; }
a.image_grid_item_over.hand:after { top:30%; }
}
/* -----------------------------------------
Footer
----------------------------------------- */
#footer { padding:50px 0; font-family: "ff-tisa-web-pro",serif; font-style: normal; }
#footer p { font-size:1em; }
#footer a { color:#fff; }
#footer a.pf_logo { display:inline-block; background:url(../img/pioneer-foods-logo.png) no-repeat; width:100%; height:128px; background-size:contain; }
#footer .logos { min-height:60px; margin-bottom:20px; }
#footer .logos a.investor_in_people, #footer .logos a.brc { opacity:0.5; margin-top:2em; }
#footer .logos a.investor_in_people { display:inline-block; background:url(../img/investorsinpeople.png) no-repeat; width:90px; height:60px; }
#footer .logos a.brc { display:inline-block; background:url(../img/BRCGS_CERT_FOOD_LOGO_RGB.svg) no-repeat; background-size:contain; width:103px; height:138px; }
#footer .legal { margin-top:1em; }
#footer .legal li { list-style:none; }
@media only screen and (max-width: 768px) {
#footer { padding:25px 15px; }
#footer .text-right { text-align:left !important; }
#footer a.pf_logo { margin-bottom:1.5em; }
#footer .logos a.investor_in_people, #footer .logos a.brc { margin-top:0; }
}
/* -----------------------------------------
Cookie Bar Policy
----------------------------------------- */
#cookiebar {
position: relative;
min-height: 40px;
padding:0.5em 0.5em;
width: 100%;
margin:0;
z-index:1005; /*above searchbar*/
overflow:hidden;
background:#eee;
}
#cookiebar p { line-height:1.25em; margin-bottom:0; }
#cookiebar a { text-transform:none; color:#e86a5b; }
#cookiebar a:hover { color:#e86a5b; }
#cookiebar a.cookie_accept { color:#e86a5b; }
#cookiebar a.cookie_accept:hover { cursor:pointer; color:#e86a5b; }
#cookiebar a.cookie_accept span { font-size:0.75em; }
/*Added by rm*/
ul.sidebar_categories{
list-style:none;
}
ul.sidebar_categories li {
padding:5px 0;
}
ul.sidebar_categories li a{
color:#000;
}
ul.sidebar_archives{
list-style:none;
}
ul.sidebar_archives li {
padding:5px 0;
}
ul.sidebar_archives li a{
color:#000;
}
.leftcolumn{
float:left;
width:30%;
margin-right:5%;
}
.rightColumn{
float:right;
width:60%;
}
.rightColumn a, .post a, .post_detail a{
color:#f7b70d;
}
.rightColumn p{
font-size: 1.1em;
}
.padding-bottom:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.post{
padding-bottom:4em;
}
.pagination ul{
list-style:none;
}
.pagination ul li{
display:block;
float:left;
padding:0px 5px;
}
.pagination ul li a{
color:#000;
}
.post.view .body p, .preview p{
font-size: 1.1em;
}
.post_detail p{
margin-bottom:.6em;
font-size:1.2em
}
#mobileaccess{ display:none; }
#archive_mobile { display:none; }
@media only screen and (max-width: 768px) {
#sidepanel{ display:none; }
#mobileaccess{ display:block; }
.sidebar_archives{ display:none; }
#archive_mobile { display:block; }
[class*="column"] + [class*="column"]:last-child{
float:left;
}
.left {
width: 50% !important;
float:left;
}
.right {
width: 50% !important;
float:left;
}
}
@media only screen and (max-width: 1235px) {
.one, .row .one{ display:none; }
.six, .row .six{ width:66% }
.top_menu ul li{ font-size:1.6rem}
}
@media only screen and (max-width: 880px) {
.top_menu ul li{ font-size:1.3rem}
}
@media only screen and (max-width: 480px) {
[class*="column"] + [class*="column"]:last-child{
float:none;
}
.left {
width: 100% !important;
float:none;
}
.right {
width: 100% !important;
float:none;
}
}